body {
	margin: 0;
}
#body_login{
	
	overflow:hidden;
	/*height:500px;
	margin:30px auto;
	background-attachment: fixed;
    background-position: center center;
	width:960px;*/
    width:100%;
	margin:0px auto;
    height:100vh;
	background-image: url(../images/login_bg.jpg);
    background-size: contain;
    background-repeat: repeat-x;
}

.shownewmenu { display:none; }
.crslogo { padding: 15px 0 10px 15px; width:270px!important; } 
.topHeading { overflow:hidden; background:#BEF6FE; margin:10px; background-image: url(../images/login_bg.jpg); background-size: contain; background-repeat: repeat-x;}
.bgWhite { background:#FFFFFF; }

.copyright {
    text-align: center;
    width: 270px;
    margin: 0 auto;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-weight:bold;
}
.copyright a { color:#000; }

.row-centered {
    text-align:center;
}
.row-left {
    text-align:left;
}
.row-right {
    text-align:right;
}
.row-right-withpad {
    text-align:right;
    padding-right:25px;
}
.block-centered {
    margin:0 auto;
}
.min-height-500 {
    min-height:500px;
    margin: 0px;
}

.crs-word-wrap,  .footable-detail-row th {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

input[type="text"], input[type="password"] {
    font-size: 1.2em;
    width: 60%;
    padding: .1em .8em;
    outline: none;
	background: #FFFFFF;
    border: 1px solid #ECECEC;
	border-radius: 5px;
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif
}

input[type="text"].fullwidth {
    width: 100%;
}

textarea {
    font-size: 1.2em;
    width: 60%;
    padding: .1em .8em;
    outline: none;
	background: #FFFFFF;
    border: 1px solid #ECECEC;
	border-radius: 5px;
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif
}

input[type="text"].datepick {
    font-size: 12px;
    width: 98%;
    padding: 5px;
    outline: none;
	background: #FFFFFF;
    border: 1px solid #ECECEC;
	border-radius: 5px;
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif
}

input[type="button"], input[type="submit"] {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    padding: 5px 10px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    
    color: #FFFFFF;
    border-radius: 6px;
	background-color: #127DA7;
	*background-color: #127DA7;
	background-image: -moz-linear-gradient(top, #A9CBD9, #127DA7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A9CBD9), to(#127DA7));
	background-image: -webkit-linear-gradient(top, #A9CBD9, #127DA7);
	background-image: -o-linear-gradient(top, #A9CBD9, #127DA7);
	background-image: linear-gradient(to bottom, #A9CBD9, #127DA7);
	background-repeat: repeat-x;
	border-color: #127DA7;
	border: 2px;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9CBD9', endColorstr='#127DA7', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input[type="button"]:focus, input[type="submit"]:focus, input[type="button"]:hover, input[type="submit"]:hover, input[type="button"]:active, input[type="submit"]:active  {
	color: #FFFFFF;
	background-color: #127DA7;
	*background-color: #003bb3;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

input[type="button"].btn-cancel-crs {
    font-size: 18px;
    padding: 5px 10px;
    border: 1px solid #127DA7;
    text-transform: capitalize;
    outline: none;
    border-radius: 6px;
    background: #FFFFFF;
    color: #127DA7;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0 auto;
    display: block;
	text-shadow: none;
}

input[type="button"]:hover.btn-cancel-crs {
    border: 1px solid #127DA7;
    background: #127DA7;
    color: #FFFFFF;
}

#crs-loader {
  z-index: 1000;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.header-blue { background:#00CBFC; color:#000; }
.border-blue { border-top:2px solid #BEF6FE; }
.footer-blue { border-top:2px solid #BEF6FE; background:#00CBFC; color:#000; }
.crs-heading h4 { font-size:16px; font-weight:bold; margin:10px; }
.crs-heading h3 { font-size:19px; font-weight:bold; margin:10px; }
.crs-address { font-size:12px; font-weight:normal; margin:5px; }
.crs-datetime { position:relative; font-size:12px; }
.crs-datetime div { padding-top:80px; text-align:right; }
.divborderbox { border:2px solid #BEF6FE; padding:5px 10px 10px; }
.divsmallborderbox { margin:15px auto; border:2px solid #BEF6FE; width:70%; padding:5px 0 10px; }
.divbigborderbox { margin:15px auto; border:2px solid #BEF6FE; width:98%; padding:10px 0 10px; }
.divfullborderbox { margin:15px auto; border:2px solid #BEF6FE; width:100%; padding:10px 0 10px; }
.btn-info { color:#FFF!important;}
.tbl-rsp-align { width:auto; }
.btn-mrg-top-10 { margin-top:10px!important; }
.pagination { margin:10px auto; }
.paging-adjust { margin:15px auto; padding-left:20px; }
.table-300 { width: 70%; margin:0 auto; }
.back-link { font-size:16px; padding-right:10px; }
.width-70 { width:98%!important; }
.width-100 { width:100%!important; }
.searchrow-right { text-align:left; margin-left:-20px; }
.col-md-1 label , .col-md-2 label , .col-md-3 label , .col-md-4 label { padding:6px; }
.label-width { width:90px; padding:0px; }
.nopadding { padding:0px; }
.padding5 { padding:5px; }
.paddingtb5 { padding:5px 0px; }
.paddingtop3 { padding-top:3px; }
.paddingtop5 { padding-top:5px; }
.paddingtop10 { padding-top:10px; }
.paddingleft15 { padding-left:15px; }
.paddingleft25 { padding-left:25px; }
.marginbottom10 { margin-bottom:10px; }
.marginbottom20 { margin-bottom:20px; }
.crs-edit-table input[type="text"], .crs-edit-table input[type="password"], .crs-edit-table textarea, .crs-mg-edit-table input[type="text"], .crs-mg-edit-table input[type="password"], .crs-mg-edit-table textarea { width:98%; padding:6px; }
.crs-edit-table label, .crs-mg-edit-table label { padding:6px; text-align:right; }
.crs-edit-table th, .crs-mg-edit-table th { text-align:right; }
.crs-mg-edit-table th { width:50%; }
.table-middle-heading { text-align:left!important; background:#BEF6FE; }
.alphabets-style { padding:18px; }
.alphabets-style li  > a{ padding:3px 6px; }
.margin-search { margin:0px!important; }
.bs-invalid { border:2px solid #FC5252; }
.checkbox-crs { display:inline-block; }
.checkbox-label-crs { padding-left:10px; display:inline-block;  }
.checkbox-role-container { padding:10px 0px 10px 5px; margin:10px 5px; border:2px solid #BEF6FE; overflow:hidden; background:#F2FDFF; }
.crs-gt-info { color: #fff; background-color: #5bc0de; margin-top:0px; }
.crs-gt-info label{ margin:0px; }
.crs-total-credit { text-align:right; }
.crs-total-credit label { padding-top:22px; padding-right:10px; }
.crs-total-credit h3 { float:right; }
.crs-total-credit h4 { float:right; padding-top:10px; }
.crs-total-credit-nopad { text-align:right; }
.crs-total-credit-nopad label { padding-right:10px; }
.crs-total-credit-nopad h3, .crs-total-credit-nopad h4 { float:right; margin:0px; }
.crs-selectpicker { padding:3.5px 12px; width:100%; }
.crs-panel { margin:10px 10px 20px; }

@media (max-device-width: 480px) { /* for mobile only */
    input[type="text"], input[type="password"] { width:90%; }
    input[type="text"].datepick { width:100%; }
    input[type="submit"], input[type="button"] { margin:5px auto; }
    .loginPage { height:100%;}
    .loginHeader { margin:0 auto; overflow:hidden; width:100%; }
    .loginForm { margin:0 auto; overflow:hidden; width:100%; }
    .loginForm table { width:100%; }
    .crslogo { margin:0 auto; width:270px!important; } 
    .min-height-500 { min-height:200px; margin:0px; }
    .btn-mb-dwnpad { margin-bottom:10px; clear:both; }
    .divborderbox, .divsmallborderbox , .divbigborderbox, .divfullborderbox{ width:100%; }
    .tbl-rsp-align { width:98%; }
    .table-300 { width: 100%; }
    .width-70 { width:100%!important; padding-top:10px; }
    .searchrow-right { text-align:right; margin-left:0px; padding-top:10px; }
    .col-md-2 label { padding:8px;}
    .btn-mobile { margin-bottom:10px; }
    .paging-mobile-num { text-align:left; padding:0 0 0 20px;}
    .table-colum-width { max-width: 215px; min-width: 215px; width: 215px; overflow:hidden; }
    .table-colum-width-sm { max-width: 145px; min-width: 145px; width: 145px; overflow:hidden; white-space: normal; }
    .crs-edit-table label, .crs-mg-edit-table label { padding:6px 0px; text-align:right; }
    .crs-edit-table th, .crs-edit-table td, .crs-mg-edit-table th, .crs-mg-edit-table td { padding:6px 0px!important; }
    .crs-mg-edit-table th { width:50%; }
    .crs-edit-table .width-70, .crs-mg-edit-table .width-70 { width:100%!important; padding-top:0px; }
    .table-crs-responsive { margin-bottom:0px; }
    .checkbox-label-crs { width:65%; }
    .row-xs-center { text-align:center; }
    .crs-datetime div { padding-top:0px; text-align:center; }
    .text-left-sm { text-align:left; }

}

@media (min-width: 481px) and (max-device-width: 780px) { /* for tab only */
    input[type="text"], input[type="password"] { width:90%; }
    input[type="text"].datepick { width:100%; }
    input[type="submit"], input[type="button"] { margin:5px auto; }
    .crslogo { margin:0 auto; width:270px!important; }
    .min-height-500 { min-height:200px; margin:0px; }
    .btn-mb-dwnpad { margin-bottom:10px; clear:both; }
    .divborderbox, .divsmallborderbox, .divbigborderbox, .divfullborderbox  { width:95%; }
    .tbl-rsp-align { width:98%; }
    .table-300 { width: 100%; }
    .width-70 { width:100%!important; padding-top:10px; }
    .searchrow-right { text-align:right; margin-left:0px; padding-top:10px; }
    .col-md-2 label { padding:8px;}
    .btn-mobile { margin-bottom:10px; }
    .paging-mobile-num { text-align:left; padding:0 0 0 20px;}
    .table-colum-width { max-width: 450px; min-width: 450px; width: 450px; overflow:hidden; }
    .table-colum-width-sm { max-width: 450px; min-width: 450px; width: 450px; overflow:hidden; white-space: normal; }
    .table-crs-responsive { margin-bottom:0px; }
    .checkbox-label-crs { width:65%; }
    .row-xs-center { text-align:center; }
    .crs-datetime div { padding-top:0px; text-align:center; }
    .text-left-sm { text-align:left; }
}


/* Bootstrap table v4 */

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef;
}
.thead-inverse th {
    color: #fff;
    background-color: #292b2c;
}
.thead-crs th {
    color: #000;
    background-color: #8BEDF8;
}
.thead-default th {
    color: #464a4c;
    background-color: #eceeef;
}
.thead-info th {
    color: #fff;
    background-color: #5bc0de;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}
th {
    text-align: left;
}
.appointtable-resp, .crs-edit-table, .crs-mg-edit-table { margin-bottom:0px; }
.table-crs-responsive { overflow: visible; }