/* LBSP KMW 131103 */
@charset "utf-8";

html,body{
		height:100%;
		min-height: 480px;
}
.ace-nav{
	height : auto !important;
}
.page-header {
	margin : 0 0 2px !important;
    padding-bottom: 3px !important;
    padding-top: 0px !important;
}
.main-content-inner {
	background: #FFFFFF;
}
.menu-icon img {
	width : 18px;
}
.navbar-header .pull-left {
	width : 100% !important;
}
.footer .footer-inner .footer-content {
	line-height: 1.6 !important;
}

/* 	.main-content { */
/* 		min-height : 600px; */
/* 	} */
.breadcrumb{
	margin: 8px 22px 0 16px !important;
}
.breadcrumb .home-icon {
	margin-top :2px;
	font-size: 15px !important;
}
.breadcrumb li{
	font-size: 13px !important;
}

td {
	font-size: 12px !important;
}

.ui-jqgrid .ui-jqgrid-bdiv {
	overflow-x: auto; 
}

.ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#grid-pager_center>.ui-pg-table {
	margin : 0 auto 0 !important;
}
.ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
    height: 34px !important;
}

.ui-jqdialog-content .CaptionTD {
	width : 80px !important;
}

.ui-jqdialog-content .DataTD span {
	white-space: normal;
}
.ui-jqdialog-content .CaptionTD label {
	font-size: 12px !important;
}
.ui-jqdialog-content input.FormElement {
   	padding: .2em .1em !important;
   	width : 180px !important;
}
.ui-jqdialog-content input.FormElement2 {
    padding: .2em .1em !important;
    width: 130px !important;
    margin-bottom: 3px; 
}
.ui-jqdialog-content button {
     height: 27px;
    padding: 2px;
    margin-top: -2px;
}
   
.ui-jqdialog-content textarea.FormElement {
	padding: .2em .1em !important;
   	width : 180px !important;
}

.ui-jqdialog-content select.FormElement {
	padding: .2em .1em !important;
   	width : 180px !important;
}
.ui-jqgrid .ui-jqgrid-htable th div {
	font-size: 12px !important;
	padding-top: 6px  !important;
	padding-bottom: 6px  !important;
}

.ui-widget{font-family: 'Nanum Gothic', sans-serif;}
select:disabled {
    background: #e9e8ea;
}
/* .col-xs-12{padding-left: 0px; padding-right: 0px;  } */

/* .col-xs-12:first-child{padding-left: 2px; padding-right: 1px;  } */
/* .col-xs-12:last-child{padding-left: 1px; padding-right: 2px;  } */
.modal {
	max-height: 100%;
}
/* .modal .modal-body { */
/*     max-height: 100%; */
/*     overflow-y: auto; */
/* } */
.modal .modal-dialog {
	margin-bottom: 0;
}
.modal .modal-body .form-group input {
	padding-top: 3px;
	padding-bottom: 4px;
}

.modal .modal-header {
    padding: 7px;
    background:repeat-x #f7f7f7 ;
}
.form-group {margin-bottom: 5px; margin-top: 5px; margin-left: 0px; margin-right:  0px;}
.form-group {text-align: left;}

.page-content {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main-container { height:100%; }
#main-container #mainRow.row, .main-container-inner, .main-content {height: 100%} /*.page-content */

#mainRow {
/* 	min-height: 400px; */
}

.message-item {border: 0px; padding: 12px 12px 5px;}
.ui-accordion .ui-accordion-content{padding: 0px 0px 0px 0px;}


.cover .division-line {clear: both; background: #8296A5; color: #ffffff; padding-top : 2px; font-weight: bold; overflow: hidden; border: none; margin: 5px 0px; }

.cover .refresh {height:45px; padding-top: 5px;}
.cover .refresh .refresh-knob{height:40px;}
.cover .refresh .refresh-time{position: absolute; left: 50px; top: 1px; font-size: 30px; }
.cover .refresh .refresh-chart{position: absolute; right: 35px;}
.cover .refresh .refresh-stop-start{position: absolute; right: 15px; vertical-align: middle;}


.cover {padding: 5px 5px 5px 5px;}
.cover .search-box .widget-title {color:#000;}


.main-map { width: 100%; height: 100%; 	}
.main-map img { max-width: none;}

.ui-dialog {padding: 0px; margin: 0px; border-radius: 0px; position: absolute; border: 0px;}
.ui-dialog .ui-dialog-titlebar {color: #ffffff; background: #4698e1; margin: 0px; padding: 0px 3px 0px 7px; border-radius: 0px}

.ui-dialog #vehicleDialog .menu{display: table; width: 100%; border-bottom: 1px solid #cecece;}
.ui-dialog #vehicleDialog .top-menu{float: left; padding: 2px; border-right: 1px solid #cecece;}
.ui-dialog #vehicleDialog .top-menu img{width: 25px;}

.ui-dialog #vehicleDialog .detail_menu p{display: block;clear: both; content: ''; cursor:pointer;}

.ui-dialog .ui-dialog-titlebar-close{float: right; width: 20px}

.ui-dialog #vehicleDialog .detail_menu .m-hide{display:none;}  
.ui-dialog #vehicleDialog .detail_menu .main-title.m-collapse{background: #DDDEE9}
.ui-dialog #vehicleDialog .detail_menu .main-title{background: #4698e1; font-weight: bold; padding: 2px 0px; border-bottom: 1px solid}
.ui-dialog #vehicleDialog .detail_menu .main-title .m-collapse{display:inline ;float: right; margin-right: 10px}
.ui-dialog #vehicleDialog .detail_menu .main-title span{display: none;}
.ui-dialog #vehicleDialog .detail_menu .title{font-weight: bold; padding-left: 5px;}

#TrackingHistory img{float: left; margin: 7px 10px 0px 5px; width: 20px; height: 20px;}
#TrackingHistory .divider{display: block; margin: 5px 0; border: 0; border-top: 1px solid #eee;}

#TrackingHistory {max-height: 500px; overflow:auto;}

/*--- Slider Menu ---*/
.boxgrid{ 
	width: 100%; 
	height: 100%; 
	margin:0px; 
	float:left; 
	background:#161613; 
	/* border: solid 2px #8399AF; */ 
	overflow: hidden; 
	position: relative; 
}
.boxgrid .main-map{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
		
.sliderbtn { 
	float: left; 
	position: absolute; 
	opacity: .8; 
	left:305;
	top:10;
}
		
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #fff; 
	height: 100%; 
	width: 300px; 
	opacity: .9; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.sliderRightbtn { 
	float: right; 
	position: absolute; 
	opacity: .8; 
	right:248px;
	top:10;
	padding :8px;
}

.round-cut {
	background-color : white;
	border: solid 1px #CECECE;
    padding: 8px 8px;
    border-bottom-width: 2px;
    border-radius: 15px 0 0 15px!important;
    
    opacity: .9; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.legend-color {
	padding: 0 6px;
	font-size: 10px;
	
}
.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn {
	border: solid 1px #DCD5D5;
}
.btn-colorpicker {
	border: solid 1px #DCD5D5;
}
.boxcaptionRight{ 
	border: solid 1px #CECECE;
	float: right; 
	position: absolute; 
	background: #fff; 
	height: 300px; 
	width: 250px; 
	top:160px;
	right : -250;
	opacity: .9; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.rightLegend{ 
	overflow-x: hidden;
	overflow-y : auto;
	height: 250px;
}

#routeLegend ul {
	margin-bottom: 5px;
}
#routeLegend ul li{
	padding : 1px;
	border: none;
}
.lgd_chk{
	margin: 0 !important;
	vertical-align: middle;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
	font-size: 12px !important;
}
.multiselect {
	padding: 2px 12px !important;
	font-size: 12px !important;
}
.tree-label{
	font-size: 12px !important;
}
.navbar-brand {
	padding-top: 5px !important;
	padding-bottom: 2px !important;
	padding-left: 18px !important;
}
.navbar-container{
	background: #000 !important;
}
.navbar {
	background: #000 !important;
}
.multiselect {
	max-height: 40px;	
	min-width: 120px;
}
.fa-stack2 {
    position: relative;
    width: 1em;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
}
.fa-stack-1x-s {
	font-size: 0.6em;
	left: 0.7em;
	bottom: -0.3em
}
.mPointer {
	cursor: pointer;
}
.margin-top-2{
	margin-top: 2px;
}
#bd_excel .modal-dialog{
	max-width: 450px !important;
}
.wb-scroll .widget-main{
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;  
}
.wb-scroll-nh .widget-main{
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;  
}
.wb-scroll-tree .widget-main{
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;  
}

.form_search_input {
	font-size: 12px;
	padding: 4 4 5 ;
	height: 30px;
}
.ui-dialog .ui-dialog-titlebar{
	padding: 0 0 0 0;
	border :  none;
	overflow: hidden;
}
.ui-dialog .minMaxBtn{
    position: absolute;
    top: 8;
    right: 40;
}

.cus-disabled {
    z-index: 2;
    background-color: lightgrey;
    opacity: 0.6;
    pointer-events: none;
}
.bootstrap-datetimepicker-widget .picker-switch table {
	width: 100%;
}
.bootstrap-datetimepicker-widget .picker-switch a {
	text-align: center;
	padding: 5px;
}
.div-pading-top5{
	padding-top: 5px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
  bottom : inherit;
  border-top: 0;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
  bottom : inherit;
  border-top: 0;
  border-bottom: 6px solid #ffffff;
}
.datepicker table tr td, .datepicker table tr th {
	width : 18px;
	height :18px;
}
.datepicker td, .datepicker th {
	min-width: 20px;
}

.alert-modal-width-250 .modal-dialog{
	width : 250px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	background: 0 0 !important;	
}

.btn-group>.btn>.caret {
	margin-top : 0px;
}

.first-box-wiget {
	padding : 10px;
}

.first-box-wiget2 {
	padding : 0px 10px 10px 10px;
}

.second-box-wiget {
	padding : 10px 10px 10px 0;
}

.second-box-wiget2 {
	padding : 0px 10px 10px 0;
}
.first-box-wiget-hd {
	padding : 5px 10px 10px 10px;
}
.second-box-wiget-hd {
	padding : 5px 10px 10px 0;
}
.ui-dialog, .ui-jqdialog {
/* 	z-index :1150 !important;	 */
}
.cus-margin-top-5{
	margin-top: 5px;
}
.cus_noBtn {
	height : 37px;
}
.cus_noBtn a{
	padding-top : 8px ;
}
.cus_noBtn .btn-group>.btn:first-child {
    margin: 5px 0 0 0;
    
}
.nav-list>li>a>.menu-icon {
	font-size: 24px;
}

.fa-rotate-5 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
.fa-rotate-10 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}
.fa-rotate-15 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.cus_table_box{
	padding: 15px 15px 0 15px;
}
.cus_table_box table tbody tr td:FIRST-CHILD {
	text-align: right;
	padding-right: 5px;
}

.cus_table_select {
	background-color: #E4EFC9 !important; 
}
.ui-search-toolbar th div {
	padding-top: 0px !important;
}
.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
	padding-top: 0px;
}
.ui-search-input input{
	padding-top : 0px !important;
	padding-bottom : 0px !important;
}
.tree .tree-item {
	height : auto;	
}
.btn-group>.btn.moveall:first-child+.btn.move, .btn-group>.btn.remove:first-child {
	padding : 9px 12px;
	width  : 50%;
}
.btn-group>.btn.moveall:first-child,.btn-group>.btn.remove:first-child+.btn.removeall {
	width  : 50%;
}

.ui-dialog .myCloseIcon {
/*     float:right; */
/*     background:url(http://www.veryicon.com/icon/png/System/Colored%20Developers%20Button/close%20Green.png) no-repeat left top; */
/*     width:28px; */
/*     height:28px; */
/*     padding:0; */
/*     margin:0; */
/*     text-indent:-999px; */
    position: absolute;
    top: 8;
    left : 298;
}

.slider-tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    padding: 5px;
    font-size: 11px;
    visibility: visible;
    margin-top: -2px;
    bottom:120%;
    margin-left: -2em;
}

.slider-tooltip .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top: 5px solid #000000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    width: 0;
    height: 0;
}

.slider-tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #428BCA;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.loadingLogo {
        -webkit-animation: rotation 1s infinite linear;
}

@-webkit-keyframes rotation {
        from {
                -webkit-transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(359deg);
        }
}