@import url('width.css');

/* Page title */
.page-title {
	color: #236294; /* FleetUp blue */
}

.count-info .label {
  line-height: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 6px;
  top: 12px;
}

.btn-page{ clear:both !important;  position:relative;vertical-align:middle; text-align:center !important; margin-top:0;}

.input-file{ opacity:0 ; filter:alpha(opacity=0); position:absolute; left:0; top:0; width:92px; height:34px; }

/*20151016 modified*/
.down-sorted {margin-left:10px; cursor:pointer; padding:0 0 2px; box-sizing:border-box !important; vertical-align:middle;}
.up-sorted {margin-left:10px; cursor:pointer; padding:1px 0 0 ; box-sizing:border-box !important; vertical-align:middle;}
.un-sorted {margin-left:10px; cursor:pointer; padding:0 0 1px; box-sizing:border-box !important; vertical-align:middle;}

.table-bordered tfoot { color:#F60;}
.table-bordered tfoot th,.table-bordered tfoot td{ background:#efefef; font-weight:600 !important; border-top:2px solid #999 !important;}

.btn-right{position:relative;vertical-align:middle; text-align:right !important; margin-bottom:5px; z-index:10; width:auto !important; }
.btn-right a{color:#999; }
.cursor { cursor:pointer;}

/**********20150827 Added************/
.logo { position: relative; height:40px; background:#7ee7ff; border-top:3px solid #1c84c6; border-bottom:1px solid #444; margin-right:-15px;margin-left:-15px; padding:0 0 0 15px;}
.logo span{ float:right; margin:10px 30px 0 0; font-size:0.8em; color:#1586b5;}
.serch { position:relative; clear:both !important; float:right; padding:5px 30px 0 0;box-sizing:border-box;  border-top:1px solid #ededed !important; width:100%; text-align:right;}
.serch2 {border-left:1px solid #ededed !important; text-align:center;}


.overflow-auto { overflow:auto !important;}
.scrollauto-table { overflow:auto !important; margin-left:-1px; border-right:1px solid #ddd; float:left;}

.hr-line-dashed {
  border-top: 1px dashed #dedede;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 0 0 10px;
  clear:both;
  position:relative;
}

.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}

.ibox h4 {font-size:1.15em; font-weight:600 !important; color:#039;}

.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #cfdff2;
  border-color: #818181 #999  transparent;
  border-image: none;
  border-style: solid solid none;
  border-width: 4px 1px 0;
  color:#222222;
  margin-bottom: 0;
  padding: 10px 15px 5px;
  min-height: 40px;
}

.d-ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-color: #999;
  border-image: none;
  border-style: solid solid none;
  border-width: 4px 1px 0;
  color:#555;
  margin-bottom: 0;
  padding: 10px 15px 5px;
  min-height: 40px;
}
.ibox-title h5{
  font-size:1.25em !important;
}

.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 10px 15px;
  box-sizing:border-box;
  border-image: none;
  margin-bottom:20px;
  border-color: #999;
  border-style: solid solid solid;
  border-width: 1px 1px 1px;
  border-radius:2px;
  -webkit-box-shadow:1px 0 5px 1px rgba(0,0,0,.3);-moz-box-shadow:1px 0 5px 1px rgba(0,0,0,.3);box-shadow:1px 0 5px 1px rgba(0,0,0,.3);
}

.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

/* Chat view */
.message-input {
  height: 90px !important;
}
.chat-avatar {
  white: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
}
.chat-user-name {
  padding: 10px;
}
.chat-user {
  padding: 8px 10px;
  border-bottom: 1px solid #e7eaec;
}
.chat-user a {
  color: inherit;
}
.chat-view {
  z-index: 20012;
}
.chat-users,
.chat-statistic {
  margin-left: -30px;
}
@media (max-width: 992px) {
  .chat-users,
  .chat-statistic {
    margin-left: 0px;
  }
}
.chat-view .ibox-content {
  padding: 0;
}
.chat-message {
  padding: 10px 20px;
}
.message-avatar {
  height: 48px;
  width: 48px;
  border: 1px solid #e7eaec;
  border-radius: 30px;
  margin-top: 1px;
}
.chat-discussion .chat-message.left .message-avatar {
  float: left;
  margin-right: 10px;
}
.chat-discussion .chat-message.right .message-avatar {
  float: right;
  margin-left: 10px;
}
.message {
  background-color: #fff;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}

.message::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

.chat-discussion .chat-message.left .message-date {
  float: right;
}
.chat-discussion .chat-message.right .message-date {
  float: left;
}
.chat-discussion .chat-message.left .message {
  text-align: left;
  margin-left: 55px;
}
.chat-discussion .chat-message.right .message {
  text-align: right;
  margin-right: 55px;
}
.message-date {
  font-size: 10px;
  color: #888888;
}
.message-content {
  display: block;
}
.chat-discussion {
  background: #eee;
  padding: 15px;
  height: 350px;
  overflow-y: auto;
  position:relative;
  border:1px solid #ddd;
}
.chat-users {
  overflow-y: auto;
  height: 400px;
}
.chat-message-form .form-group {
  margin-bottom: 0;
}


/******** added chat right align 20150831**************/
.message-r {
  background-color: #fff;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}

.message-r::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-left: 7px solid white;
}

.chat-discussion .chat-message.left .message-r {
  text-align: right;
  margin-left: 55px;
}
.chat-discussion .chat-message.right .message-r {
  text-align: right;
  margin-right: 55px;
}

.chat-photo { position:relative;  width:45px; height:45px; overflow:hidden; border-radius:50%; margin:0;}
.chat-photo img{width:100%; height:auto;}
.check {font-size:0; padding:0 !important; box-sizing:border-box; height:13px !important; width:15px !important;}

/*2015.10.08 Add*/
.panel-basic {
  border-color: #c6c6c6;
}
.panel-basic > .panel-heading {
  background-color: #f2f2f2;
  border-color: #d3d3d3;
  color:#555;
  font-size:1.15em;
  font-weight:bold;
}
.panel-basic a {
  background-color:#fff !important;
  color:#555;
}
.panel-basic a:active,.panel-basic a:hover {
  background-color:#f9f9f9 !important; color:#333 !important; font-weight:bold !important;
}
/*2015.10.08 Add*/



.panel-primary a,.panel-warning a,.panel-success a,.panel-danger a {
  background-color:#414d5d !important;
}
.panel-primary a:active,.panel-warning a:active,.panel-success a:active,.panel-danger a:active,.panel-primary a:hover,.panel-warning a:hover,.panel-success a:hover,.panel-danger a:hover {
  background-color:#585858 !important; color:#fff !important; font-weight:bold !important;
}

.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}


/* SEARCH PAGE */

.search-form {
  margin-top: 10px;
}
.search-result {
 padding:0 15px;
 box-sizing:border-box;
}

.search-result h2 {
  font-size:1.6em;
  font-weight:600;
}

.search-result h2 span {
  color:#F60;
}

.search-result h3 {
  margin-bottom: 0;
  color: #555555;
  font-size:1.2em;
  font-weight:600;
}
.search-result .search-link {
  color: #006621;
}
.search-result p {
  font-size: 12px;
  margin-top: 5px;
}
.task-list {margin: 5px 0 0;}
.task-list a{color:#0088b5;}
.task-list a:hover {color:#0e438e;}

.hr-line-search {
  border-top: 1px dashed #dedede;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 15px 0;
  clear:both;
  position:relative;
}

 /* CSS for detail view */
.detail {margin:0px;}
.detail table{width:100%;margin:0 0 3px 0;table-layout:fixed;border-collapse:collapse;border-top:1px solid #ddd; font-size:1.0em !important; border-spacing:0; border-collapse:collapse;}
.detail table th,.detail table td{padding:2px 4px; box-sizing:border-box; border:1px solid #ddd;line-height:1.423em;}
.detail table thead th{color:#444444;text-align:center; font-weight:bold; height:30px; background:#f2f2f2; padding:5px 0;}
.detail table tbody th{padding-left:13px;text-align:right; color:#444444; font-weight:bold; height:30px; background:#f2f2f2; padding:5px 10px !important; box-sizing:border-box;}
.detail table th p,.detail table td p{padding-left:15px;text-align:left;}
.detail table td p.price{margin:0;padding:0;padding-right:10px;text-align:right !important;}
.detail table td{ padding-left:5px; padding-right:5px; vertical-align:middle; word-break:break-all;}
.detail table .userphoto {width:auto; height:150px;}

.datepicker, .datepicker-dropdown, .dropdown-menu, .datepicker-orient-left, .datepicker-orient-top {z-index:99999999999999999999999999 !important}

.overflow-auto { overflow:auto !important;}

 /* Tree style */
.tree {text-align:left !important;}
.tree i{margin-left:3px !important;}


/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box { background:url(../img/login-bg.png) 0 180px no-repeat;
  max-width:450px;
  z-index: 100;
  margin:0 auto 0;
  padding:20px 30px 50px 40px;
  text-align:center;
  height:900px;
}

.middle-box h3 { font-size:18px; font-weight:600 !important; color:#fff !important; margin:0; padding:0 0 15px 0;}
.middle-box p { color:#fff !important;}
.middle-box a{color:#333;text-decoration:none}
.middle-box a:focus,.middle-box a:hover{color:#23527c;text-decoration:underline}

.logo-name {
  color: #fff;
  font-size: 175px;
  font-weight: 800;
  letter-spacing: -10px;
  margin-bottom: 0px;
}

#loginbg {background-size:cover; background:url(../img/bg/3.jpg);}

.utilmenu { position:relative; background:#555; height:25px; width:100%; padding:0 0 0 5px; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #444;}
.utilmenu .btn {margin:4px 0 0 -4px !important; border:1px solid #555 !important;}

.alert a {padding:0 5px; color:#9f580c;}
.alert a:focus,.alert a:hover{color:#333;text-decoration:none !important; font-weight:600;}
.alert li { display:inline;}
.listinfo {float:left; color:#df5138; padding:0 5px; font-size:1.0em;}

.reply-num {color:#C60; padding:0 10px;}

.v-align {vertical-align:middle !important}

.form-group label{padding:8px 0 0 0 !important; white-space:nowrap; box-sizing:border-box; text-align:right;}

.pd-none {padding:0 !important}


a.pro-blue, a:active.pro-blue, a:hover.pro-blue {color:#337abd !important;}
a.pro-red, a:active.pro-red, a:hover.pro-red {color:red !important;}
a.pro-dark, a:active.pro-dark, a:hover.pro-dark {color:#000 !important;}
a.pro-green, a:active.pro-green, a:hover.pro-green {color:#44b235 !important;}
a.pro-line {text-decoration:line-through;}


.cal_table {margin:0px;}
.cal_table table{width:100%;margin:0 0 3px 0;table-layout:fixed;border-collapse:collapse;border-top:1px solid #ddd; font-size:1.0em !important; border-spacing:0; border-collapse:collapse;}
.cal_table table th,.cal_table table td{padding:2px 4px; box-sizing:border-box; border:1px solid #ddd;line-height:1.423em;}
.cal_table table thead th{border-bottom:2px solid #ed4e2a !important; color:#444444;text-align:center; font-weight:bold; height:30px; background:#e6e6e6; padding:5px 0;}
.cal_table table tbody th{padding-left:13px;text-align:right; color:#444444; font-weight:bold; height:30px; background:#f2f2f2; padding:5px 10px !important; box-sizing:border-box;}
.cal_table table tbody td{padding-left:13px; height:130px; padding:5px 10px !important; box-sizing:border-box;}
.cal_table table td{ padding-left:5px; padding-right:5px; vertical-align:top; word-break:break-all;}
.cal_table table .no_day{background:url(../img/cal_bg.gif) !important; color:#CACACA;}
.cal_table table .d_day{background:#ffd6d6 !important; font-weight:600;}

.cal_table table ul{margin:0; padding:0; box-sizing:border-box;}
.cal_table table li{ display:block; text-align:center; list-style:none; height:30px; line-height:30px; margin:2px 0;}
.cal_table table .days { text-align:right;}
.cal_table table .line{ border:1px solid #ddd !important}

.cal_table table .end { border:1px solid #ddd; width:100%; padding:0 5px !important; box-sizing:border-box; border-radius:3px; border-left:5px solid #ed4e2a !important; text-align:left !important; margin:2px 0; background-color:#efefef}
.cal_table table .end a{ color:#ed4e2a !important;}
.cal_table table .name { border:1px solid #ddd; width:100%;padding:0 5px !important; box-sizing:border-box; border-radius:3px; border-left:5px solid #5bbfff !important; text-align:left !important; margin:2px 0; background-color:#efefef}
.cal_table table .application { border:1px solid #ddd; width:100%;padding:0 5px !important; box-sizing:border-box; border-radius:3px; border-left:5px solid #a0d468 !important; text-align:left !important; margin:2px 0; background-color:#ebffd5}

.btn-darkgray,.btn-darkgray:focus{background-color:#a2a2a2 !important;border-color:#a2a2a2;color:#fff}
.btn-darkgray:hover{color:#fff}
.btn-darkgray.dropdown-toggle{border-left-color:#c3c3c3 !important}
.btn-darkgray.active{background-color:#949494 !important;border-color:#959595}
.btn-darkgray.shiny{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZjY5NGIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhNDExZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(linear,left top,left bottom,from(#c2c2c2),to(#949494));background-image:-moz-linear-gradient(linear,left top,left bottom,from(#c2c2c2),to(#949494));background-image:-o-linear-gradient(linear,left top,left bottom,from(#c2c2c2),to(#949494));background-image:linear-gradient(linear,left to bottom,left bottom,from(#c2c2c2),to(#949494))}
.btn-darkgray:hover,.open .btn-darkgray.dropdown-toggle{background-color:#c2c2c2 !important;border-color:#c2c2c2;color:#fff}
.btn-darkgray.disabled,.btn-darkgray[disabled],fieldset[disabled] .btn-darkgray,.btn-darkgray.disabled:hover,.btn-darkgray[disabled]:hover,fieldset[disabled] .btn-darkgray:hover,.btn-darkgray.disabled:focus,.btn-darkgray[disabled]:focus,fieldset[disabled] .btn-darkgray:focus,.btn-darkgray.disabled:active,.btn-darkgray[disabled]:active,fieldset[disabled] .btn-darkgray:active,.btn-darkgray.disabled.active,.btn-darkgray[disabled].active,fieldset[disabled] .btn-darkgray.active{background-color:#a2a2a2 !important;border-color:#a2a2a2;zoom:1;filter:alpha(opacity=50);-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}

.hday-box{/*background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);*/margin:50px auto 10px; width:95%; clear:both;}
.hday-box .box-header{background-color:#fff;padding:20px;position:relative}
.hday-box .box-header .deadline{position:absolute;top:0;right:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);-moz-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);padding:5px 10px;border-top:3px solid #2dc3e8;color:#999;font-size:12px}
.hday-box .box-progress{padding:0;position:relative}
.hday-box .box-progress .progress{margin-bottom:0}
.hday-box .box-progress .progress .progress-bar{position:relative}
.hday-box .box-progress .progress .progress-bar:after{content:'';width:9px;height:9px;position:absolute;right:0;top:0;background-color:#a0d468}
.hday-box .box-progress .progress-handle{position:absolute;top:-31px;-lh-property:0;margin-left:-35px; width:80px;height:25px;background-color:#2dc3e8;padding:2px 5px;font-size:11px;line-height:20px;text-align:center;text-transform:uppercase;color:#fff;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.hday-box .box-progress .progress-handle:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;content:" ";bottom:-13px;left:23px;border-bottom-width:0;border-top-color:#2dc3e8;border-width:7px}

.overflow-hidden { overflow:hidden !important;}

.form-group .space {padding:0 2px 0 0 !important}

.notice_info {margin:0; padding:0; width:100%; text-align:right;}
.notice_info ul{margin:0; padding:2px 0;}
.notice_info li{ display:inline; list-style:none; margin:0 0 0 10px; padding:0; font-size:0.925em; line-height:1.0em;}

.download {line-height:14px;
margin:5px 0;
padding:9px 20px;
color:#646464;
font-size:0.925em;
font-weight:400;
background-color:#fff;
position:absolute;
right:30px;
-webkit-border-radius:0 2px 2px 0;
-webkit-background-clip:padding-box;
-moz-border-radius:0 2px 2px 0;
-moz-background-clip:padding;
border-radius:10px;
background-clip:padding-box;
-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
box-shadow:0 0 3px rgba(0,0,0,.3);
border-left:3px solid #F60;
border-right:3px solid #F60;
}

.bg_total th{ background:#fbf6db !important; color:#fa6e52 !important;}
.bg_total td{ text-align:right; background:#fbf6db; color:#fa6e52;}

.smenu {background:#fbfbfb url(../img/smenu_bg.gif);-webkit-box-shadow:1px 0 5px 1px rgba(0,0,0,.3);-moz-box-shadow:1px 0 5px 1px rgba(0,0,0,.3);box-shadow:1px 0 5px 1px rgba(0,0,0,.3);padding:12px 12px 10px 190px; box-sizing:border-box; display:none; }
.smenu dl { margin:0; padding:0 0 0 15px; border-left:1px solid #c9c9c9;}
.smenu dt {font-size:1.25em; line-height:1.6em; }
.smenu dd {line-height:1.6em; padding:0 0 0 20px; }

.circle_progress {
  width: 100px;
  margin: 6px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
}

.circle_progress canvas {
  vertical-align: top;
}

.circle_progress .progress_timer {
  position: absolute;
  top: 3px;
  left: -2px;
  width: 100%;
  text-align: center;
  line-height: 50px;
  font-weight:bold;
  font-size:x-large;
}


.input-full td {
	position: relative;
}

.input-full td select {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	border: none;
	padding: 8px;
	box-sizing: border-box;
	background: transparent;
}

.input-full td input {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	border: none;
	padding: 8px;
	box-sizing: border-box;
	background: transparent;
}

.table-fixed{
	table-layout:fixed;
}

.table-fixed td{
    word-break:break-all;
	height:auto;
}

.table-fixed thead tr th{
    vertical-align:middle;
    text-align:center;
    word-break:break-all;
    white-space:pre-wrap;
    font-size:9pt;
    width: 100%;
}

.bg-fleetup{
	background-color: #236294; /* old value: #136565 */
	color: white;
	text-align:center;
	vertical-align:middle;
}

.bg-fleetup th{
	background-color: #236294;
	color: white;
	text-align:center;
	vertical-align:middle;
}

.bg-fleetup:hover{
	color: #FEB846;
	background-color: #236294;
	border-color: inheritance;
}

/*Dialog remove X button*/
.no-close .ui-dialog-titlebar-close {display: none }

.ui-pg-input{
	color:black;
}

.btn-fleetup, .btn-fleetup:hover {
  color: #fff;
  background-color: #236294;
  border-color: transparent;
}

td>.btn-fleetup{
	color:#236294;
	background-color: white;
	border-color: #236294;
	padding:5px;
}

td>.btn-fleetup:hover{
	border-color: white;
}

.ui-dialog { z-index: 999999999 !important ;}

/* BACKGROUND COLOR */
.bgf5 { background-color: #f5f5f5 !important ;}
.bgfff { background-color: #fff !important ;}

/**/
.footer-fleetup{
	margin-top : 10px;
	text-align : center;
	color:grey;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  margin: 2px;
  border: 4px solid #236294;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #236294 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.text-red {
  color: red;
}

.table>tbody>tr>td {
  height: 32px;
  padding: 4px;
  text-align:center !important;
}

#vinResultThead, #assetResultThead, #permanentResultThead {
  color: #fff;
  background-color: #236294;
}

.table-head {
  color: #fff;
  background-color: #236294;
}

.selected-row:hover {
  background-color: #d0e4f4;
}
tr.selected-row {
  background-color: #d0e4f4;
}
tr.selected-row input[type=text]:focus{
  background-color: #ffffff;
}

#unAssignResultThead {
  cursor: pointer;
}

/* Unassignment-Portal Pagenation */
#unAssign-pagination {
  margin: 0 0 !important;
}

.pagination a {
  color: black;
  float: left;
  padding: 6px 12px;
  text-decoration: none;
  transition: background-color .3s;
}

.pagination a.active {
  background-color: #236294;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

/* Sorting Arrow */
.desc:after,
.asc:after {
  content: ' ';
  position: relative;
  border: 6px solid transparent;
  float: right;
}

.desc:after {
  top: 10px;
  border-top-color: white;
}

.asc:after {
  bottom: 8px;
  border-bottom-color: white;
}

.desc,
.asc {
  padding-right: 10px;
}

#iftacheck {
  position: absolute;
	display: block;
	top: 12px;
	height: 40%;
	width: 100%;
	border: none;
	padding: 8px;
	box-sizing: border-box;
	background: transparent;
}

#cableimage {
  display: block;
  z-index: 9999;
  border-radius: 10px;
  width: 600px;
}

#cableModal .modal-dialog {
  text-align: center;

  display: flex;
  flex-direction: column;
  justify-content: center;

  margin-top: 0;
  margin-bottom: 0;
  height: 100vh;
  width: 620px;
}
/* Unassign tab css */
#unAssignGrid table tbody {
	display: block;
	max-height: 500px;
	overflow-y: overlay;
}
#unAssignGrid table thead {
	width: 100%;
	display: inline-table;
}
#unAssignGrid  table thead tbody tr {
	overflow-y: scroll;
}
#unAssignGrid  table thead tr th:first-child {
	width: 5% !important;
}
#unAssignGrid  table tbody tr td:first-child {
	width: 5% !important;
}
#unAssignGrid  table thead tr th {
	table-layout: fixed;
}
#unAssignGrid  table tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.searchOut {
	width: 100%;
	height: auto;
	float: left;
}
.searchOut .w86p {
	width: 100% !important;
	padding-right: 32px;
}
.searchOut button {
	position: absolute;
	right: 0;
}
.checkAssign {
	height: 13px !important;
	position: absolute !important;
	top: 50% !important;
	margin-top: -7px !important;
}
.assignRow {
	height: 13px !important;
	position: absolute !important;
	top: 50% !important;
	margin-top: -7px !important;
}
#vinResultTable thead>tr>th {
	vertical-align: middle !important;
	white-space: nowrap !important;
	width: 10px !important;
}
#assetResultTable thead>tr>th {
	vertical-align: middle !important;
	white-space: nowrap !important;
	width: 10px !important;
}
#permanentResultTable thead>tr>th {
	vertical-align: middle !important;
	white-space: nowrap !important;
	width: 10px !important;
}
.disableDiv {
	background: transparent;
	position: absolute !important;
	left: 0;
	z-index: 99999;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: no-drop;
}
.disableLi {
	pointer-events: none;
}
.disMain ul li {
	position: relative;
}
.disMain ul li a {
	position: relative;
	z-index: 0;
}
.btnOnline {
	margin-right: 4px;
	float: left;
}
.mainBtn {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

.btn-export {
	margin-left: 9px;
	border-radius: 0px;
}

div#uploadModal .modal-header .close {
  margin-top: -25px;
}