/***
Import fonts
***/
*{ padding:0; margin:0;}

.cl{ clear:both; padding:0; margin:0; line-height:0;}
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);*/
html{ height:100%;}

body{ 
color: #000000;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
background:#e9f3fc;
height:100%;
}

label{font-weight: 600; color: #111;}
.required {color:red; font-weight:700;margin-left:4px;}

.fl{ float:left;}
a{ outline:none;}
.blue_btn:focus{outline:none;}
.con_pan .nav{ margin:0;}
.tab-content{border: 1px solid #DDDDDD; border-top:none; padding:10px;}
.nav-tabs{ font-size:14px;}

.padt20{ padding-top:20px;}
.marb10{ margin-bottom:10px;}
.martb30{ margin:30px 0;}
.marb20{ margin-bottom:20px;}
.marb30{ margin-bottom:30px;}

.marb a{ margin-bottom:5px;}

.c_red{ color:#f30019;}

.tac{ text-align:center;}
.tar{ text-align:right;}

.blue_btn{ background:#73aaea; color:#FFFFFF;}
.bdr{ border-bottom:2px solid #fff; padding-bottom:5px; margin-bottom:10px;}


.wrapper{height:auto; /**/min-height:100%; margin:0 0 -55px 0;}
.header{ /*height:90px;*/ background:#FFFFFF; padding:5px 0 10px 0; -webkit-box-shadow: 2px 4px 3px 2px #f4e30c; box-shadow: 2px 4px 3px 2px #f4e30c; }
.content{ padding:20px 0;}
.con_pan{background:#FFFFFF; margin:15px auto; padding:20px; -webkit-box-shadow: 0px 0px 3px 0px #fff; box-shadow: 0px 0px 3px 0px #fff; }
.footer{height:30px; line-height:30px; padding:5px 0; margin-top:15px; clear:both;}

.header h6{ margin:5px 0;}

.l-pan{/*min-height:100%; */padding-top:70px;}
.log_pan{ width:400px; margin:0 auto;}
.log_form{background:#FFFFFF; padding:20px; margin:20px 0; -webkit-box-shadow: 0px 0px 5px 0px #4e565d; box-shadow: 0px 0px 5px 0px #4e565d; }
.log_form h3{ text-align:center; font-weight: 300;   margin-bottom: 25px;}
.log_form h4{font-weight:normal;}

.uneditable-input, textarea.m-wrap, input.m-wrap[type="text"], input.m-wrap[type="password"], input.m-wrap[type="datetime"], input.m-wrap[type="datetime-local"], input.m-wrap[type="date"], input.m-wrap[type="month"], input.m-wrap[type="time"], input.m-wrap[type="week"], input.m-wrap[type="number"], input.m-wrap[type="email"], input.m-wrap[type="url"], input.m-wrap[type="search"], input.m-wrap[type="tel"], input.m-wrap[type="color"] {
    background: none repeat scroll 0 0 transparent !important;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 3px;
	border-radius: 3px; 
    box-shadow: none !important;
    color: #333333;
    filter: none !important;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    outline: 0 none;
    padding: 6px !important;
    vertical-align: top;
}

.input-icon.left i {
    color: #CCCCCC;
    display: block !important;
    font-size: 16px;
    height: 16px;
    margin: 9px 2px 4px 10px;
    position: absolute !important;
    text-align: center;
    width: 16px;
    z-index: 1;
	padding-left:
}

.input-icon.left input {
    padding-left: 10% !important;
	width:88%;
	margin-bottom:20px;
}


.log_form .checkbox{ 
	display: inline-block;
    margin-top: 8px;
	}


.log_btn{
    -webkit-border-radius: 3px;
	border-radius: 3px;
	/*background:#3d77c0;*/
	color:#FFFFFF;
	text-shadow: none;
	padding:5px 10px;
	border:1px solid #24538e;
}

.sec{ margin-top:20px; padding-top:10px; border-top:1px solid #CCCCCC; }

.success {
	float: right;
	color: navy;
	padding-top: 0px;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 20px;
}

.fream{ border:8px solid #FFFFFF; -webkit-box-shadow: 0px 0px 2px 0px #4e565d; box-shadow: 0px 0px 2px 0px #4e565d; width:95%!important;  }
.fwl p{ font-weight:bold;}
.fwl .n{ width:40%; display:inline-block; position:relative; margin-right:10px; background:none; font-weight:normal; font-size:16px; color:#3e75ba;}
.fwl .n:after{ content:":"; position:absolute; right:5px; font-style:normal;}

.fw .lab{ width:130px; display:inline-block; position:relative; text-align:right; margin-right:10px;}
.labem{width:130px; display:inline-block; margin-right:10px;}
.ml10{ margin:0 0 0 10px; width:auto; display:inline-block;}
.btn i{ line-height:120%;}
.inline{ display:inline-block;}

/*table*/

.table{ border:0px solid #fff;}

.table tr.top {
    background-color: #005dcc;
    background-image: linear-gradient(to bottom, #006ccc, #0045cc);
    background-repeat: repeat-x;
	color:#FFFFFF;
}
.table tr.top a{color:#FFFFFF; font-size:14px;}
.table a:hover{ text-decoration:none; color:#007fcc;}
.table tr.t_sub th{ background:#E9F3FC;}
.table tr.t_sub a{ color:#000000; font-weight:normal; font-size:14px;}
 
.table td{ padding:5px;}

.pop .modal-backdrop, .modal-backdrop.fade.in{opacity:0.01;}
/* 25-08-13*/
.dp .navbar .nav{ float:right; margin-right:0;}
.dp .navbar .nav > li > a {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#006dcc;
*background-color:#04c;
background-image:-moz-linear-gradient(top,#08c,#04c);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
background-image:-webkit-linear-gradient(top,#08c,#04c);
background-image:-o-linear-gradient(top,#08c,#04c);
background-image:linear-gradient(to bottom,#08c,#04c);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); 

border:1px solid #0062b7;
-webkit-box-shadow: 0px 0px 1px 1px #ffffff;
box-shadow: 0px 0px 1px 1px #ffffff; 
margin:0 2px;
padding: 4px 7px;
-webkit-border-radius: 3px;
border-radius: 3px; 
	}
.dp .navbar .nav > li.active a{ background:#0044cc;}
.dp .navbar .nav > li > a:hover{background:#0044cc; color:#FFF;}	
.dp .navbar .nav > li.active > a:hover{ color:#FFF;}

.dp_form select{ width:auto;}
.reason_box label span{ display:inline-block; float:right;}
/*.reason_box label:nth-child(4){ width: 33%;}
.reason_box label:nth-child(5){margin-left:0!important;}*/

.se_list .table th, .se_list .table td {padding: 3px 1px;}
.se_list .paging div{ padding: 1px 4px !important; margin:0 2px!important; line-height:12px;}

.reason_box{ display:inline-block !important; /*width: 11% !important;*/}
.close_box_search{ display:inline-block !important; width: 11% !important;}
.reason_box:first-child{ margin-left:25%!important;}
.close_box_search:first-child{ margin-left:2%!important;}
.form-inline{background: #E9F3FC; padding: 10px;border-radius:10px;}
.con_pan{border-radius:10px;}
legend {color:#888;display:block; background-color:#fafafa;padding: 0 0 0 10px;}


@media (max-width: 1024px){
	.con_pan .fw{ width:85%; float:none; margin:0;}
}
@media (max-width: 768px){
.row-fluid.s_pan .span6{width:100%; float:none; margin:0;}
.se_list .table th, .se_list .table td {padding:5px;}
	
.con_pan .fw{ width:95%; float:none; margin:0;}	
.fw .lab{ text-align:left; /*width:auto;*/}
.fw label.ml10{margin-left:0; margin-right: 10px;}
.dp .navbar .nav{ float:none;}
.dp .navbar .nav a{ text-align:left;}

.ht .tar{ text-align:right;}
.ht .tar h6{ padding:0 10px;}
select{ width: 206px;}
}
@media (max-width: 766px){
.fw .lab,.fw label.ml10 { width:25%}
.labem{ display:none;}
.tar{ text-align:left;}
.logo_pan{ text-align:center;}

.table-striped tr td:nth-child(3),.table-striped tr th:nth-child(3) { display:none; }

.reason_box{ display:inline-block !important; width: 20% !important;}
.close_box_search{ display:inline-block !important; width: 20% !important;}
.reason_box:first-child{ margin-left:0!important;}
.close_box_search:first-child{ margin-left:0!important;}
}
@media (max-width: 480px){
.log_pan{ width:90%;}	
.fw .lab, select{ width:100%}
.fw textarea, .fw input[type="text"]{width:96.5%}
}
@media (max-width: 400px){
.active_time{ font-size:20px;}
.table-striped tr td:nth-child(4),.table-striped tr th:nth-child(4) { display:none; }
.reason_box{ display:inline-block !important; width: 30% !important;}
.close_box_search{ display:inline-block !important; width: 30% !important;}
}

@media print {
  .visible-print  { display: inherit !important; }
  .hidden-print   { display: none !important; }
}

.col-sm-2 input  {
    width: 100%;
}

.delete-date {
    position: absolute;
    right: 0;
    bottom: 12px;
}
.ps__rail-x {
    display: none !important;
}
.table thead th {
    padding: 0.5rem 0.5rem !important;
    
}
.page-item .page-link {
    border-radius: 0px !important;
}

.datepicker-days table {
    width: 100%;
}
.datepicker-days tr .datepicker-days td, .datepicker-days th {
    text-align: center;
}

.pagination {
    float: right;
}

.pagination span, .pagination a {
    width: auto !important;
    min-width: 36px;
}

.nav-item.active .nav-link.active {
    background-image: linear-gradient(195deg,#e91e63,#e91e63);
}

label {
    margin-left: 0;
}

#ui-id-2 {
    padding-left: 0 !important;
    background-color: white !important;
    list-style-type: none !important;
}

.ui-widget-overlay {
    display: none !important;
    height: 0;
}
.ui-button-icon-only.ui-icon {
    top: -14% !important;
    left: -24% !important;
}
.ui-button-icon-space {
    display: none !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
    top: -2px !important;
    left: -2px !important;
} 
.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a
{
    border-radius: 5px !important;
    background-color: #1A73E8 !important;
    border: none;
    color: white;
}
.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list li a,
.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .ellipsis a {
    border-radius: 5px !important;
    background: none !important;
    color: #7b809a;
    border: none;
}
.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list li a:hover {
    border:1px solid #1A73E8;
}
.dataTable-bottom {
    margin-top: 50px;
}