@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,400italic,700italic);



body {

	background: #fff;

	color: #4c5156;

	font-family: 'Open Sans', sans-serif;

	height: 100%;

}



.container {

  min-height: 100%;

  /* equal to footer height */

  margin-bottom: 0px; 

}

.container:after {

  content: "";

  display: block;

}

footer, .container:after {

  height: 60px;

}





.navbar-custom {

	background-color:#fff;

}

.navbar a {

	color:#333;

}

.navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > li > a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav .open>a:active, .highlight{

    border-bottom: 3px solid #c62f29;

}

.dropdown-header {

    color:#999;

  font-size:10px;

}



footer {

    padding: 10px;

    background: #ccc;

    color: #fff;

    height: 80px;



}

.link-invoice {

	text-decoration:none;

	color:#46A0FA !important;

	font-style: italic;

}



.ui-form-table {

	font-family: 'Open Sans', sans-serif;

}

.ui-form-table tr{

	height:40px;

}

.ui-form-table tr td label {

	margin-left:3px;

}

/* chart */



.chart-legend ul {

    list-style: none;

    width: 100%;

    margin: 30px auto 0;

}

.chart-legend li {

    text-indent: 16px;

    line-height: 24px;

    position: relative;

    font-weight: 200;

    display: block;

    float: left;

    width: 50%;

    font-size: 0.8em;

}

.chart-legend  li:before {

    display: block;

    width: 10px;

    height: 16px;

    position: absolute;

    left: 0;

    top: 3px;

    content: "";

}

.waitingOL:before { background-color: #637b85; }

.approved:before { background-color: #2c9c69; }

.waitingCOE:before { background-color: #dbba34; }

.canceled:before { background-color: #c62f29; }

.canvas-container {

    min-height: 300px;

    max-height: 600px;

    position: relative;

}

.widget {

    position: relative;

    margin-bottom: 40px;

    border:1px solid #eee;

    background: #fff;

    padding: 12px;

    min-height:500px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.box {

    position: relative;

    margin-bottom: 40px;

    border:1px solid #eee;

    background: #fff;

    padding: 12px;

}



.widget p {

    margin-top: 0;

    text-align: center;

}

.widget h3, .box h3 {

    margin: -5px 0 12px -6px;

    padding: 10px;

    text-align: center;

    color: #999;

}



canvas#ens{position:relative; z-index:1;}



/* Doughnut-specific */

.widget.doughnut .canvas-container {

    min-height: 250px;

    max-height: 550px;

}

.widget.doughnut .status {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 30%;

    height: 0;

    padding-top: 12%;

    padding-bottom: 18%;

    color: #444;

    margin-top: -15%;

    margin-left: -15%;

    font-size: 1.4em;

    font-weight: 700;

    text-align: center;

    border-radius: 50%;

    background-color: #aaa;

    background-image: url(data:image/png;base64,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);

    background-repeat: no-repeat;

    background-size: 30%;

    background-position: center;

}

/* Line-specific */

.widget.line p span {

    color: #dbba34;

}

.widget.line p strong {

    color: #637b85;

    font-weight: 400;

}



.widget hr {

    margin-top: 0px;

}

.ui-state-default, .ui-widget-content .ui-state-default {

background: #fff;

border-color: #f5f5f5;

border-bottom: 1px solid #c62f29;

}

/*jqgrid custom*/

.ui-jqgrid .ui-jqgrid-titlebar, .bar {

	height:35px;

	/*background:#D6DDE7;*/

    /*background:#337ab7;*/

    background: #fff;

	font-weight:300;

	font-size:16px;

	color:#333;

	line-height:25px;

    padding-left:10px;

}

.ui-widget-header {

    background: #fff;

    font-weight:400;

    font-size:1.2em;

    line-height: 1.1em;

}

label {

    font-weight: 400;

    font-size:1.15em;

}

.ui-jqgrid .ui-corner-bottom{

	background:#fff;

	font-size:13px;

	height:40px;

	line-height:30px;

}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {

    font-size:1.1em;

}

.ui-jqgrid .ui-jqgrid-labels {

	font-size:1.15em;

	font-weight:400;

}

.ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.ui-row-rtl td{

    border-bottom: 1px solid #f5f5f5;

    padding: 6px;

    font-size:1.2em;

    font-family: 'Open Sans', sans-serif;

    border-color: #f5f5f5;

}

.ui-jqgrid tr.ui-row-ltr:hover, .ui-jqgrid tr.ui-row-rtl:hover {

	background:#eee;

    cursor: pointer;

}

.ui-jqgrid tr.ui-state-highlight, .ui-jqgrid tr.ui-state-highlight {

	background:#ccc;

    border:1px solid #999;

}





.ui-jqgrid .ui-pg-input {

	height:inherit;

	font-size:1em;

}

.ui-jqgrid {

	border:none;

}

.ui-widget {

font-family: 'Open Sans', sans-serif;

}



/*read only inputs*/

input#enrol_id, #transaction_id,#inst_no, #stu_id, #agents_name {

    background:#FF9696;

}



.tablediv .ui-jqgrid-view .ui-jqgrid-titlebar {

    background:#fff;

    font-size:15px;

    height:40px;

    line-height: 25px;

}



.ui-widget-content.subgrid-cell {

    background:#ccc !important;

}

/*.tablediv .ui-jqgrid-view {

      background:#333 !important;

}

.tablediv .ui-jqgrid-view .ui-jqgrid-hdiv {

    background:#333 !important;

}

.tablediv .ui-jqgrid-pager {

    background:#333 !important;

}

.tablediv .ui-jqgrid-pager .ui-pg-input {

    background:#333 !important;  

}*/

/*.ui-jqgrid-view {

    background:#ff9307;

} */

#gbox_grid {

    /*min-width:100%;*/

}

#offer, #coe, #weeks, #days {display:none;}



.search-form {

    width:240px !important;

    display:inline-block;

}

.center {

     margin-left: auto;

     margin-right: auto;

     background:#fff;

}

.enrolled {

    color:red;

}

.notenrolled {

    color:#999;

    font-style: italic;

}

div.ui-jqdialog-content .FormGrid{

    min-height:450px !important;

}

h2.title {

    font-size:23px;

    margin-top:10px;

    color:#666;

}

.datestyle {

    color:#777;

    font-size: 10px;

}

#frmChange input {

    margin-top: 10px;

}

#frmChange label {

    margin:0;

}