@charset "utf-8";
/* CSS Document */
body{
	font-size: 14px;
    color: #0080c7;
}

a {
    color: #e8fcff;
}

.sb-container{
    position: relative;
    overflow: hidden;
    padding-right:0px;
}
.sb-content {
  height:100%;
  width: 120%;
  padding-right: 20%;
  overflow-y: scroll;
  box-sizing:border-box;
}
.sb-scrollbar-container {
    position: absolute;
    right: 5px;
    bottom: 5px;
    top: 5px;
    width: 10px;
}
.sb-container-noscroll .sb-scrollbar-container {
    right: -20px;
}

.sb-scrollbar {
  position: absolute;
  right: -2px;
  height: 30px;
  width: 10px;
  border-radius: 10px;
  background: rgba(50, 50, 50, 0.5);
}

.sb-scrollbar:hover {
    background: rgba(0, 0, 0, 0.5);
}



.container-ex {
  height: 300px;
  max-width:100%;
  margin: auto;
}

.table-fixed {
  width: 100%;
  background-color:transparent;
}
.table-fixed tbody {
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
  display: block;
}
.table-fixed tbody td {
  float: left;
}
.table-fixed thead tr th {
  float: left;
  background-color: #c0653a;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}
.tile-stats .icon {
    width: 82px;
    height: unset;
    color: #BAB8B8;
    position: absolute;
    right: 20px;
    top: 22px;
    z-index: 1;
}

/*.table-fixed tbody tr:nth-of-type(odd) {
    background-color: #e8e8e8;


}
.table-fixed tbody tr:nth-of-type(even) {
    background-color: #fff;

}*/
.table-fixed tbody tr:hover{ background-color:#ccdaef;}
.table-fixed tbody tr td{ padding:5px 10px;}

.table-fixed tbody tr td:nth-child(2){ padding-left:15px; box-sizing:border-box;}
.table-fixed tbody tr td:nth-child(3){ padding-left:18px; box-sizing:border-box;}
.table-fixed tbody tr td:nth-child(4){ padding-left:24px; box-sizing:border-box;}
.table-fixed tbody tr td:nth-child(5){ padding-left:28px; box-sizing:border-box;}


.logo_container{ 
border:0px solid #2a3c56; 
margin:8px 5px;
border-radius:0px;
}

.sub_head{ 
color:#ffe2a5; 
font-size:14px; 
font-weight:normal !important
}

.nav.side-menu>li { 
	border-bottom:1px solid #7cb4c5; 
	border-top:0px solid #fff;
}
/* .nav.side-menu>li.active{ 
	border-right:0px !important; 
	background-color: #d97f27;
	background-image: linear-gradient(to bottom right, rgb(185, 111, 37), #bb6c20);
} */
.nav.child_menu{
	padding: 0px 0px;
}
.nav-sm .nav.side-menu li a .spltxt{ 
display:none;
}
.left_back{ 

}
.nav-sm ul.nav.child_menu{
-webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.11);
-moz-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.11);
box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.11); 
border-right:1px solid #fff; 
border-bottom:1px solid #fff;
}

.seperation_line{ 
font-size:20px; 
line-height:60px; color:#58708a;
}
.dropdown-menu { border-radius:0px;
}
.dropdown-toggle a { color:#0d1f39;}

.nav_menu{ 
background-image:url(../images/login_body_bg.png); 
background-repeat:repeat;
}
.dropdown-usermenu { 
padding:5px 5px;
}

.content_box{ 
margin-top:62px;
}
.title_settings{
	    min-height: 44px;
    background-color: #e1e1e1;
    border: 1px solid #cecece;
    padding: 4px 18px 2px 8px
}
.title_settings h2 { 
margin:0px; 
padding:0px 0px 0px 3px; 
line-height:32px; 
font-size:22px; 
font-weight:normal; 
float:left;
}

.btn-default:hover {
	background-color: #6f96d0;    
	border-color:#6f96d0;
	color:#fff !important;
}
.btn-default:active {
	color: #fff;    
	background-color: #6f96d0;    
	border-color:#6f96d0;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
   
	border-color:#6f96d0;
	color:#fff !important;
	background-color: #6f96d0;    
}
.padding5{ padding:5px;}
.dropdown-menu ul{ padding-top:10px;}
.dropdown-menu h5{ font-size:15px; border-bottom:1px solid #6f96d0; padding:5px 0px 10px 0px; margin:0px; font-weight:bold; }
.dropdown-menu li { min-height:40px; margin-top:0px; font-size:14px; border-bottom:1px solid #f7f7f7; margin-top:0px;}
.dropdown-menu li input[type="checkbox"] { visibility:visible; display:inline; float:left; margin-top:12px}
.dropdown-menu li span { display:inline; float:left; margin-top:9px; margin-left:5px; font-size:14px; color:#5A738E}

.dropdown-menu>li>a {
   
    padding: 10px 20px;
   
}

.settings_box{ height:30px; float:right;}
.page_search{}
.top_search .form-control{
	box-shadow: inset 0 1px 0 rgba(0,0,0,.075);
    border-radius: 3px 3px;
    padding-left: 20px;
    border: 1px solid rgba(221,226,232,.49);
	
	}
.top_search .input-group-btn button {
    border-radius: 3px 3px;
    border: 1px solid rgba(221,226,232,.49);
    border-left: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    color: #93A2B2;
    margin-bottom: 0!important;
}
.icon_right{ margin-right:10px;}
.span_right{ margin-left:16px !important;}

.box_content{ margin-top:10px;}
.content_left{ background-color:#fff; border:1px solid #dfdfdf; width:65%;  box-sizing:border-box; padding:10px; }
.content_middle{ width:.5%;  box-sizing:border-box; float:left; text-align:center; line-height:400px;}
.content_right{ background-color:#fff; border:1px solid #dfdfdf; width:34.5%; box-sizing:border-box; padding:10px;  }

.content_tblfolder { border-bottom:1px solid #e8e8e8}
.content_tblfolder table thead{ background-color:#6f96d0; color:#fff; font-weight:normal;}
.content_tblfolder table thead th {     
	font-weight: normal;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 14px;}
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #e8e8e8;
}
.table-striped>tbody>tr:hover {background-color:#d0e3ff;}
.content_tblfolder table { margin-bottom:0px;}


.spl-input{ 
	background-color:transparent; 
	border:none; 
	border-bottom:1px solid #d6d6d6; 
	padding-left:0px !important; 
	color:#0b1d38;  
	font-size:14px; 
	border-radius:none !important;  
}
.spl-input:focus{ 
	background-color:transparent !important; 
	border:none !important; 
	border-bottom:1px solid #929292 !important; 
	box-shadow: none !important; 
	color:#0b1d38  !important; 
	border-radius:none !important;
	font-size:14px; 
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0rem;
    font-size:14px;
}
.form-control {
   
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 6px 5px;
    height: 30px;
}
.custom-select{
	border: 0px solid #ced4da;
    border-radius: 0rem;
	border-bottom: 1px solid #d6d6d6;
	width:100%;
	color:#0b1d38
	}
	

input::placeholder {
  color: #0b1d38 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #0b1d38 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #0b1d38 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #0b1d38 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #0b1d38 !important;
}


.form-control{-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}
.edit_area { padding:10px;}
.edit_area h3 { font-weight:normal; font-size:20px; padding:0px; margin:0px; margin-bottom:18px; border-bottom:3px solid #6f96d0; padding-bottom:12px;}
input[type="checkbox"] {
  visibility: hidden;
}

input[type="checkbox"] + label:before {
  border: 0px solid #333;
  content: "\00a0";
  display: inline-block;
  font: 14px/1em sans-serif;
  height: 16px;
  margin: 3px 8px 0 -16px;
  padding: 2px 2px 1px 2px;;
  vertical-align: top;
  width: 16px;
  font-weight:bold;
  background-color:#b5b5b5;
  -moz-box-shadow:    inset 2px 2px 3px #243a55;
   -webkit-box-shadow: inset 2px 2px 3px #243a55;
   box-shadow:         inset 2px 2px 3px #243a55;
   border-radius:4px;
  
}
input[type="checkbox"]:checked + label:before {
  background: #fff;
  color: #333;
  content: "\2713";
  text-align: center;
}
input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}

input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.form-check-label { font-weight:normal; font-size:14px;}

.btn-info {
    color: #fff;
    background-color: #6f96d0;
    border-color: #5b80b8;
}
.btn-info:hover {
     color: #fff;
    background-color: #929292;
    border-color: #929292;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #0d1f39;
    border-color: #1b6d85;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #0d1f39;
    border-color: #1b6d85;
}


.my_footer{ 
position:fixed; bottom:10px; right:10px;
}
.edit_icobac {background-color:#6aba54; padding:3px 3px 2px 3px; border-radius:3px; font-size:14px; color:#fff;}
.delete_icobac {background-color:#e9682f; padding:3px 3px 2px 3px; border-radius:3px; font-size:14px; color:#fff; margin-right:14px;}

.frmbutton_container{border-top:3px solid #6f96d0; padding:16px 0px;}
.frmbutton_container button{ background-color:#7096d1; border:none; min-width:120px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.frmbutton_container button:hover{ background-color:#0d1f39; border:none; min-width:120px;}

.slide_popup{
	position:absolute; 
	width:40%; 
	height: calc(100vh - 62px);  
	box-sizing: border-box; 
	right:0px; 
	top:60px; 
	z-index:101;
	overflow:hidden;
	padding-left:20px;
	box-sizing:border-box;
	}
	
	
.slide-in {
  z-index: 10; /* to position it in front of the other content */
  overflow: hidden; /* to prevent scrollbar appearing */
}

.slide-in.from-left {
  left: 0;
}

.slide-in.from-right {
  right: 0;
  padding-left:20px;

}

.slide-in-content {
  padding: 28px;
  background-color:#fff;
  transition: all .8s ease; /* our nice transition */
width:100%;
height: calc(100vh - 62px);  

}

.slide-in.from-left .slide-in-content {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}

.slide-in.from-right .slide-in-content {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  
}

.slide-in.show .slide-in-content {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

.pop_content{border:1px solid #e1e1e1; padding:5px;}
.close {
  position: absolute;
  right: 28px;
  top: 20px;
  width: 28px;
  height: 28px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
/*.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 28px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}*/
.pop_content table { margin-bottom:0px;}

.pop_content table thead {
    background: #e1e1e1;
    color: #595959;
}
.pop_content table input[type="checkbox"] { visibility:visible;}
.left_shadow {-webkit-box-shadow: -7px 0px 5px 0px rgba(0,0,0,0.22);
-moz-box-shadow: -7px 0px 5px 0px rgba(0,0,0,0.22);
box-shadow: -7px 0px 5px 0px rgba(0,0,0,0.22);}

.left_shadow h3{ margin-top:0px;}

.content_full {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  
  padding : 12px 10px;
  background-color: #e1e1e1;
  border: 1px solid #e1e1e1;
  font-size:20px; font-weight:normal;
  margin-bottom:0px;
  margin-top:0px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
  
}

.row{ margin-left:0px; margin-right:0px;}
.reg_content {
   float:left; 
   width:50%;
   padding:15px 15px 2px 15px;
   box-sizing:border-box;
   background-color:#f0f0f0;
}
.reg_content01 {
   float:left; 
   width:50%;
   padding:0px 15px 15px 15px;
   box-sizing:border-box;
   background-color:#f0f0f0;
   min-height:70px;
}
.reg_content03 {
   float:left; 
   width:100%;
   padding:15px 15px 15px 15px;
   box-sizing:border-box;
   background-color:#f0f0f0;
   min-height:70px;
}
.reg_content04 {
   float:left; 
   width:100%;
   padding:0px 15px 15px 15px;
   box-sizing:border-box;
   background-color:#f0f0f0;
   min-height:70px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-bottom-color: transparent;}
.nav-tabs>li>a:hover {
    border-color: #dedede #dedede #7096d1;
}
	
.form_regcontents01{ padding:15px; background-color:#fff; min-height:544px;}
.form_regcontents02{ padding:15px; background-color:#fff; min-height:544px; width:65%; float:left; box-sizing:border-box}
.form_regcontents02a{ padding:15px; background-color:#fff; min-height:544px; width:35%; float:left; box-sizing:border-box}
.form_regcontents02a img{ width:100%;}
.form_regcontents03{ padding:15px; background-color:#fff; min-height:544px; width:100%; float:left; box-sizing:border-box}


@media only screen and (min-width: 1024px){

}
@media only screen and (max-width: 998px){

.content_left{ background-color:#fff; border:1px solid #dfdfdf; width:100%;  box-sizing:border-box; padding:10px; }
.content_middle{ display:none}
.content_right{ background-color:#fff; border:1px solid #dfdfdf; width:100%; box-sizing:border-box; padding:10px;  }

.my_footer{ 
position: relative ; bottom: auto; right:auto; text-align:center; padding:20px 0px;

}
.form_regcontents02{ padding:20px; background-color:#fff; min-height:444px; width:100%; float: none ; box-sizing:border-box}
.form_regcontents02a{ padding:20px; background-color:#fff; min-height:444px; width:100%; float:none; box-sizing:border-box; display:none;}

.slide_popup { width: 93%; }
	
	}

/*.form-group {
  position: relative;
  margin-bottom: 1.5rem;
}

.form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 7px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}*/

.floating-form {
  width:100%;
}

/****  floating-Lable style start ****/
.floating-label { 
  position:relative; 
  margin-bottom:14px; 
}
.floating-input , .floating-select {
  font-size:14px;
  padding:4px 4px 4px 0px;
  display:block;
  width:100%;
  height:30px;
  background-color: transparent;
  border:none;
  border-bottom:1px solid #d6d6d6;
}

.floating-input:focus , .floating-select:focus {
     outline:none;
     border-bottom:2px solid #6f96d0; 
}

.label_floating {
  color:#404040; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:5px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-12px;
  font-size:12px;
  color:#6f96d0;
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-12px;
  font-size:12px;
  color:#6f96d0;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height: 30px;
   max-height: 260px; 
   overflow:hidden;
  overflow-x: hidden; 
}

/* highlighter */
.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  top:15%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}

.col-sm-6{ padding:0px; box-sizing:border-box;}
.pad_rit01{ padding-right:20px; padding-left:0px; margin-bottom:10px;}
.pad_rit02{ padding-right:0px; margin-bottom:10px;}
.slidecontent_box01{ border:1px solid #e1e1e1; background-color:#fafafa; margin-bottom:10px; padding:10px 15px 10px 15px; box-sizing:border-box;}
.slidecontent_head { border-bottom:1px solid #6f96d0; padding-bottom:5px; margin-bottom:16px;} 
.slidecontent_head h4 { margin:0px; padding:0px; color:#333333; font-size:20px; font-weight:normal; line-height:36px;}
.label_floating sup{ color:#ff0000;}

.slide_radiocontaniner{top: -12px; font-size: 12px! important; color: #6f96d0 !important;}
.slide_radioitems{float:left; padding-top:12px;}
.slide_radioitems span{ margin-top:0px;  display:block; float:left; margin-right:12px;}
.slide_radioitems input[type="radio"] {
 float:left;
}


.clr {
    clear: both;
}

.item_boxcontainer01 {
    width: 48%;
    border: 1px solid #ccc;
    background-color: #a6a6a6;
    float: left;
    height: 90vh;
    padding: 20px;
    box-sizing: border-box;
}

.item_boxcontainer02 {
    width: 4%;
    background-color: #fff;
    float: left;
    height: 90vh;
    padding: 20px;
    box-sizing: border-box;
}

.item_boxcontainer03 {
    width: 48%;
    border: 1px solid #ccc;
    background-color: #a6a6a6;
    float: left;
    height: 90vh;
    padding: 20px;
    box-sizing: border-box;
}

.items01 {
    width: 33%;
    max-width: 300px;
    float: left;
    cursor: pointer;
}

.iteams01a {
    background-color: #eeeeee;
    margin: 0px 10px 10px 0px;
    height: 60px;
    padding: 10px;
}

    .iteams01a span {
        font-size: 14px;
        font-weight: normal;
        display: block;
        width: 96%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .iteams01a input[type=text] {
        width: 100%;
        font-size: 14px;
        color: #727272;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #B8B8B8;
        margin-top: 10px;
        height: 30px;
    }

    .iteams01a input[type=radio] {
        font-size: 14px;
        padding: 0px;
        box-sizing: border-box;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
    }

    .iteams01a select {
        width: 100%;
        font-size: 14px;
        color: #727272;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #B8B8B8;
        margin-top: 10px;
        height: 30px;
    }

.items02 {
    width: 33%;
    max-width: 300px;
    float: left;
}

.login{
	
	background-image: url("../images/login_back.jpg");
	background-attachment: fixed;
	background-size: cover;

	
}
.login_wrapper {
    background: #78c4ed;
    right: 0;
    margin: 0% auto 0;
    max-width: 100%;
    position: relative;
    height: 100vh;

}
.container-fluid{
	
	margin: 0px;
	padding: 0px;
}

.login-box{	
	margin: 0px;
	padding: 0px !important;
	background-color: #0080c7;
	height:100vh;
	
	
}
.login_form, .registration_form {
    position:relative;
    top: 0;
    width: 100%;
}

.login-box .form{
	padding: 20px;
    height: 100vh;
}
.login_content {

    max-width: 320px;
	text-shadow: 0 1px 0 #999;
	color: #fff;
	min-width: 250px;
}
.login_content form div a {
    font-size: 12px;
    /* margin: 10px 15px 0 0; */
    width: 100px;
    float: left;
}


.login_content div .reset_pass {
    margin-top: 13px!important;
    margin-right: 15px;
    float: right;
    white-space: nowrap;
}

.links a {
	color: #0070af;
}
.links .submit {
	color: #ffffff;
    background-color: #0080c7;
    border: 0px;
    border-radius: 4px;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #1491e9;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	
}
.links .submit:hover {
	color: #2ca0ff;
	background-color: #585858;
	
	
}
.left_col {
    background: #0080c7;
}
.nav.side-menu>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background: #094879;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-55, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}

body{
	
	background-color: #F7F7F7;
}
.nav-md .container.body .right_col {
    height: 100vh;
	background-color: #F7F7F7;
	padding-bottom: 50px;
}

.container .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 12px 8px;}
.tile-stats .count{ color: #ff6c00;}
.btn, .buttons, .modal-footer .btn+.btn, button {
    margin-bottom: 5px;
    margin-right: 5px;
	
}
.tile-stats h3 {
    color: #b1e9ff;
    margin-top:20px ;
    margin-bottom: 12px;
}
.btn-primary {
    color: #fff;
    background-color: #0e69b0;
    border-color: #2e6da4;
	border-radius: 4px;
	padding: 6px 20px;
}
.btn-success {
    background: #36a15e;
    border: 1px solid #169F85;

}

/*.bg-green {
    background: #0d8307!important;
    border: 1px solid #0d8307!important;
    color: #fff;
}*/
footer{

    box-shadow: 
        inset 0px 11px 8px -10px #CCC,
        inset 0px -11px 8px -10px #CCC; 

}

.sidebar-footer {
   background-image: linear-gradient(to bottom right, #006297, #0080c7);
}
.sidebar-footer a {
   
   background-image: linear-gradient(to bottom right, #006297, #0080c7);

}
.sidebar-footer a:hover {
    background:  #005685;
	color: #fff;
}
.separator {
   
    margin-top: 38px;
	padding-top: 24px;
   
}
.login_content form {
    margin: 30px 0;
}
.x_title .filter {
    width: 28%;

}
.input-group {
    margin-bottom: 0px;
}
.x_title h2 {
    margin: 8px 0 6px;
   
}

.x_title .btn, .buttons, .modal-footer .btn+.btn, button {
    margin-bottom: 5px;
    margin-right: 0px;
	
}


.c-align{ text-align: left}

.tbl-hed{ 
	background-image: url("../images/tbl_head.jpg");
	background-repeat: repeat-x;
	overflow: auto;
}

.tbl-hed .table {
    margin-bottom: 0px;
}
.pagination {
   
    margin: 20px 0 0px 0;
   
}
.dataTables_info {
    padding-top: 24px;
    white-space: nowrap;
	color: #73879C;
}
.dy-tbl-bdy{
	height:unset;
	border-bottom: 1px solid #ddd;
	
	
}




.st-tbl-bdy{
	height:492px;
	border-bottom: 1px solid #ddd;

}
.alink {background-color: #fff; 
	padding: 4px 5px 2px 5px;
	border-radius: 3px;
	box-shadow:0px 0px 5px 1px #e0e0e0;
  transition: 0.3s;
}
.alink:hover {background-color: #fff; 
	padding: 4px 5px 2px 5px;
	border-radius: 3px;
	box-shadow:0px 0px 5px 1px #afdcff;
}
.dataTables_info {
    width:auto;
    float: right;
	margin-right: 20px;
	padding-top: 30px;
}
.add_info {
	padding-top: 0px;
    padding: 0px;
    text-align: right;
}
.add_info button{

    margin-right: 12px;
	
  
}
.submit-but {
	padding-top: 0px;
    padding: 0px;
    text-align:left;
}
.submit-but button{

    margin-right: 12px;
	
  
}


.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success{
	background-color: #019e1b
}
.modal-header .close {
    margin-top: -8px;
	    right: 18px;
}
.modal-content {
   border: 0px solid #999;
  
    border-radius: 6px;
    outline: 0;
    
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
	background-color: #bc451d;
	color: #fff;
	-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.modal-header  h4 {
	font-size: 22px;
	text-transform: uppercase;
	
}

.modal-content .form-horizontal .control-label
{text-align: left}

.add_info .btn{	
	border: 0px solid transparent;
}
.settings{
	
	padding: 0 0px 6px;
}

ul.bar_tabs {
     padding-left: 0px;
	margin: 21px 0 0px;
   
}
ul.bar_tabs>li {
   
    margin-top: -17px;
    margin-left: 0px;
	border-radius: 0px 0px 0 0 !important;
	border: 0;
	margin-right: 1px;
   
}
ul.bar_tabs>li.active {

    margin-top: -17px;
	
}
ul.bar_tabs>li a{
	
	padding: 10px 32px;
	background:#ddd;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
	
}

ul.bar_tabs>li.active {
    border-right: 0px solid #D3D6DA;
    border-top: 0;
}
ul.bar_tabs {
    
    background:transparent;
}

.nav.side-menu>li>a:hover, .nav>li>a:focus{
	background: transparent;
}

 .nav>li>a:focus, .nav>li>a:hover {
    background-color: #71c1ff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #5c9cce;
    border: 1px solid #5c9cce;
    border-bottom-color: transparent;
	color: #fff;
}
.id-lbl{ text-align: center;}

.id-lbl h4 { font-size: 45px; font-weight: normal; margin: 0px; color: #1ABB9C; padding: 32px; }

.panel_toolbox {
    float: right;
    min-width: 46px;
}
.smllink {
    background-color: #5c9cce;
    padding: 3px 10px !important;
    border-radius: 3px;
    box-shadow: 0px 0px 5px 1px #e0e0e0;
    transition: 0.3s;
	margin-left: 10px;
	color: #fff;
}
.smllink i{
color: #fff;
}


.smllink:hover {
    background-color: #2799f2;
}

 .side-menu .nav>li>a:focus, .side-menu .nav>li>a:hover {
    background-color: transparent !important;
}

.tabs-left>li>a, .tabs-right>li>a {

    background:#fff;
	border: 1px solid #ccc;
	color: #172D44;
   padding: 10px 15px 10px;
}
.tabs-left>li>a:hover, .tabs-right>li>a:hover {

    background:#ccc;
	border: 1px solid #ccc;
	color: #172D44;
   padding: 10px 15px 10px;
}

.tabs-left li.active>a, .tabs-left li.active>a:focus, .tabs-left li.active>a:hover {
    background-color: #adadad;
    border: 1px solid #adadad;
    border-bottom-color: transparent;
    color: #fff;
	padding: 10px 15px 10px;
}
.accordion .panel-heading {
    background: #ebf6fe;

}
.accordion .panel {
  
    border: 1px solid #efefef;
}
.accordion .panel:hover {
    background: transparent;
}
.panel-body {
    padding: 10px 5px;
}
.tab-tbl{
	margin-bottom: 0px;
	
}
.tab-tbl tr:hover {
	background-color: #f2f5f7 !important;
}

.ok-status{ color:#019e1b }
.ok-status:hover{ color:#019e1b }
.notok-status{ color:#ec402e }
.notok-status:hover{ color:#ec402e }
.pending-status{ color:#ffb11b }
.pending-status:hover{ color:#ffb11b }

input[type="checkbox"] {
    visibility: visible;
}

.accordion .panel-heading {
    background: #deeefb;
    padding: 8px 13px;
    width: 100%;
    display: block;
}
.spl-linhit{
	line-height: 30px;
	
}
.cat button{
	
	background-color: #0e69b0;
	color: #fff;
	border: 0px;
	margin-left: 1px !important;
}
.cat button:focus{
	
	background-color: #0e69b0;
	color: #fff;
	border: 0px;
}

.tab-tbl button{
	
	background-color: #6cacdd;
	color: #fff;
	border: 0px;
}
.tab-tbl button:focus{
	
	background-color: #6cacdd;
	color: #fff;
	border: 0px;
}

.panel {
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
    box-shadow: 0 0px 0px rgba(0,0,0,.05);
}

.activate_btn{
	
	padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	background: #36a15e;
	border: 0px;
	color: #fff;
	margin: 0px;
	margin-top: -5px;
	
}
.deactivate_btn{
	
	padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	background: #BAB8B8;
	border: 0px;
	color: #fff;
	margin: 0px;
	margin-top: -5px;
	
}


.panel-body table tr td{ 
	padding: 8px 8px !important;
	line-height: 25px;
}


.stingbox{ padding: 0px;}

.stingbox-left{
	margin: 10px 0px 10px 0px; 
	padding:12px; 
	border: 1px solid #b0dcff;
	border-bottom: 5px solid #0e69b0;
}

.stingbox-left .form-group .qst{
	
	padding-left: 0px;
	margin-top: 5px;
	
}
.stingbox-left .form-group{ height: 32px;}

.stingbox-left .form-group .ans{
	
	padding: 0px;
	
}
.stingbox-right{
	margin: 10px 0px 10px 10px; 
	padding:12px; 
	border: 1px solid #b0dcff;
	border-bottom: 5px solid #0e69b0;
}
.stingbox-right .form-group{ height: 32px;}

.stingbox-right .form-group .qst{
	
	padding-left: 0px;
	margin-top: 5px;
	
}
.stingbox-right .form-group{ height: 32px;}

.stingbox-right .form-group .ans{
	
	padding: 0px;
	
}


.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f8f8f8;
}
.profile-view table th{ 
	background-color: #deeefb;
	border-bottom: 0px !important;
}
.profile-view table tr:hover{ 
	background-color:#f9f9f9;

}
.profile-view table th:last-child {
	width: 10%;	
	text-align: center;

}
/*.profile-view table tr td:last-child {
	width: 7%;	
	text-align: center;

}*/

.profile_left{
	
	padding-left: 0px !important;
	
}

.profile_img img{
 filter: none;
    -webkit-filter: grayscale(90%);
    -moz-filter:    grayscale(90%);
    -ms-filter:     grayscale(90%);
    -o-filter:      grayscale(90%);

}
.nostyles table{ border: 0px;}
.nostyles table tr {
	border-bottom: 1px solid #ddd !important;
	border-top: 0px solid #ddd !important;
}

.nostyles table td { 
	background-color: transparent;
border-bottom: 1px solid #ddd !important;
	border-top: 0px solid #ddd !important;
	
}
.nostyles table td:first-child {
	font-weight: bold;

}
.act-dtlspl{
	text-align: center;
	background-image: linear-gradient(#b0defb, #a6f5e2);
	
}
.act-dtlspl button{
	
	padding: 8px 20px;
	font-size: 18px; font-weight: bold;
	margin-top: 20px;
}



.act-dtlspl2{
	text-align: center;
	background-image: linear-gradient(#b0defb, #e5add5);
	
}
.act-dtlspl2 button{
	
	padding: 8px 20px;
	font-size: 18px; font-weight: bold;
	margin-top: 20px;
}


.tab01{
	border:2px solid #388cce
}

.tab01 .nav>li>a:focus, .nav>li>a:hover{
	background-color: #b8e3ff ;
	
}

.tile-stats p {
    
    margin: 10px 15px 0 15px;
	padding: 12px 12px 0px 12px;
	margin-top: 0px;
	background-color: #e3a654;
	margin-bottom: 5px;
border-radius: 4px;
	
	font-size: 14px;
}
.tile-stats p label{
	color:#fff;
	font-size: 20px;
	font-weight: bold;
	
}


.tile-total{ padding: 10px 15px 1px 15px;}
.tile-total table { background-color:#5c9cce; border-radius:4px; font-size: 16px;  }
.tile-total table th{ text-align: center; padding: 5px; color: #fff; }
.tile-total table td{ background-color:#c1dbef; text-align: center;  padding: 5px; }
.x_title h2{
    font-weight: 600;
    color: #ff6c00;
    text-transform: uppercase;
}
.x_content .container p{
    padding: 0px 0px 8px 0px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
}
.officials-box{
    display: flex;
    justify-content: space-between;
}
.official-inr{
    width: 32%;
    text-align: center;
}
.priest-box{
    display: flex; margin-bottom: 20px;
    flex-direction: row;
}

@media (min-width: 768px){
.form-horizontal .control-label {

    text-align: left;
}

   
}





@media (max-width: 1600px) {
	.login_content {
    margin: 0 auto;
    padding: 0px 0 0;
  
	
}
	
.login_content form {
    margin: 10px 0 0 0;

}
	.separator {
   
    margin-top: 25px;
   
}
.dy-tbl-bdy{
	height:unset;
	
	
}
	
}


@media (max-width: 1441px) {
	
.login_content h1 {
     margin: 10px 0 24px;
}
	
.login_content form input[type=text], .login_content form input[type=email], .login_content form input[type=password] {
    margin: 0 0 12px;
    width: 100%;
}
	.tile-stats p label{
	color:#fff;
	font-size: 16px;
	font-weight: bold;
    margin-bottom: 10px;
	
}
.tile-total{ padding: 10px 10px 1px 10px;}
.tile-stats p {
	margin: 0 10px 0 10px;}
.tile-total table {
    background-color: #5c9cce;
    border-radius: 4px;
    font-size: 13px;
}
	.tile-stats .icon {
   	top: 20px;}
	.tile-stats .icon i {
		font-size: 50px;}
	
	.h3, h3 {
    font-size: 18px;
}
	ul.bar_tabs>li a {
    padding: 10px 20px;
    background: #ddd;
}
	
}
@media (max-width: 1280px) {
/*.table-fixed tbody td {
 float: none
}*/
.tile-stats .icon {
   	top: 12px;}
	
.tile-stats	.h3, h3 {
    font-size: 16px;
}
	
.tile-stats .icon i {
  
    font-size: 40px;

}
.tile-stats .count {
    font-size: 30px;
   
}
	
.act-dtlspl img{
	
	width: 100%;
}
	
.act-dtlspl2 img{
	
	width: 100%;
}
	.x_content table th{
		
		white-space: nowrap;
	}	
ul.bar_tabs>li a {
    padding: 10px 10px;
    background: #ddd;
	font-size: 14px;
}
	
}
@media (max-width: 575.98px) {
.login-box{	
	margin: 0px;
	padding: 0px;
	height:100vh;
	width: 100%;
	
	
}
.table-fixed {

    min-width: 700px;
}
.x_title .filter {
    width: 100%;
}

	
.top_nav .navbar-right {
       white-space: nowrap;
}
	
}
	
@media (max-width: 540px) {

.login_content img
	{ 
		width: 80%
	}

    .priest-box{
        display: flex; margin-bottom: 20px;
        flex-direction: column;
    }
    .priest-box img{
        width: 100% !important;
    }
    .priest-box label{
        margin-left: 0px !important;
    }
    .priest-box label {
        width: 100% !important;
    }
    .hd{display: none !important}
   .tile-stats p label{
    font-size: 18px;
   }
   .col-md-4{
width: 100%;
   }
   .col-md-6{
    width: 100%;
       }

   .officials-box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
   .official-inr {
    width: 100%;
    text-align: center;
}
	
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    border-color: #6f96d0;
    color: #fff !important;
    background-color: #5c9cce;
}

.sm button {
    background-color: #0e69b0;
    color: #fff;
    border: 0px;
    margin-left: 1px !important;
	padding: 4px 10px;
    font-size: 12px;
    border-radius: 3px;
	margin-bottom: 0px;
}
.spl-col-3{ width: 15%; white-space: nowrap;}
.spl-col-2{ width: 10%; white-space: nowrap;}
.spl-col-1{ width: 5%;  white-space: nowrap;}
.file-up{
	border: 1px solid #ccc; 
	padding: 5px;
}
.heilighted{ font-size: 15px; font-weight: bold; color: #0e69b0}
.active{font-size: 15px; font-weight: normal;}
.splwarning { color:#ff6600; text-align: center; display: block; padding: 10px 20px 10px 20px; background-color: #fff0c2; }
.table th{ white-space: nowrap; 
	overflow: hidden;
}
.spl-head{ 
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: #36a15e;
}
.spl-head02{ 
	text-transform: uppercase;
	font-weight:normal;
	text-align: left;
	color: #36a15e;
	font-size: 14px;
}
.expand-btn{
	border-radius: 4px;
	padding: 7px 6px !important;
	background-color: #0a3f69;
	margin-left: 5px;
}
.expand-btn:hover{

	padding: 7px 6px !important;
	background-color: #1475c1!important;

}
.table th {
	background-color: #5c9cce;
    color:#fff;
    font-size: 16px;
    font-weight: normal;
}
.profile-view table th{background-color: #5c9cce; color: #fff;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{z-index:auto; font-size: 14px;}
.fc-view, .fc-view>table {
    position: relative;
    z-index: 0;
}
.day-status{
	background-color: #ffe2b5;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 10px;
}

.dash-itembottom{ border-top: 1px solid #ccc; background: #efefef; padding: 10px;}
.small-button {
   
    color: #fff;
    border: 0px;
    margin-left: 1px !important;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 3px;
    margin-bottom: 0px;
}

.sbt{background-color: #0e69b0;}

.ranges ul li {
	min-height: inherit !important;}

.report-container{ display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: stretch;
}
.report-box{ width: 32%;}
.study-lbl{
    display: flex;
    justify-content: space-between;
}
.study-lbl button {
    color: yellow;
    border: 1px solid yellow;
    padding: 3px 8px;
    border-radius: 4px;
    height: 28px;
    /* margin: 0px; */
    line-height: 18px;
    background-color: #599757;
    margin-top: -3px;
}

@media (max-width: 1440px) {
	
	.report-container{ display: flex;

padding-top: 15px;
		
		flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
	
	.report-box{ width:49%;}

    .x_title h2 {
        font-size: 16px;
    }
    .login_content img{
        height: unset;
        width: 62%;
    }
}


.nav_title {
   
border-bottom: 0px solid #2d84c7 !important; 
  
}
.nav.child_menu li.active, .nav.child_menu li:hover {
    background-color: #d08f4f;
}

.nav.side-menu>li.active>a {
    text-shadow: rgba(0,0,0,.25) 0 -1px 0;
    background: #8f8f8f;
}
.nav-md ul.nav.child_menu li:before {
    background: #4e4e4e;
   
}
.nav.side-menu>li.active, .nav.side-menu>li.current-page {
    border-right: 5px solid #76fffc;
}
h2 {
    font-size: 24px;
    font-weight: 400;
}
.width-100{
    width: 100%;
}
.width-100px{
    width: 138px;
}
.x_title {
    border-bottom: 1px solid #E6E9ED;
    padding: 0px 0px 0px;
    margin: 0px 10px 14px;
}
.x_panel {
   
    padding: 10px 10px;
   
}

small{font-size: 50% !important;}

.right_col a {
    color:#006ba7 !important;
}
.pt-5{
    padding-top: 5px;
}
.spac{

    padding: 40px 0px;
}
.spac h2{
    font-size: 42px; font-weight: 600;
}

@media (max-width: 1440px) {

    .img-hldr{
width: 38%;
    }
    .spac{

        padding: 40px 0px;
    }
    .spac h2{
        font-size: 32px; font-weight: 600;
    }
    
}
.footer_fixed footer {
    z-index: 1 !important;
}

.right_col form {
padding-bottom: 60px;
}

.nav-md .container.body .col-md-3.left_col {
    
    position: fixed !important;
}