@charset "utf-8";
/* CSS Document */

/*  global  */
html{font-size:12px;color:#666;}
body{font-family:Arial,微软雅黑,宋体,Verdana,Candara;padding:0;margin:0; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,p,blockquote{padding:0;margin:0;}
th,td,input,textarea{padding:0;margin:0;font-family:Arial,微软雅黑,宋体,Verdana,Candara;}
fieldset,img,abbr,acronym{border:0;}
fieldset{border:solid 1px #aaa;padding:5px;margin-bottom: 5px;}
img{display:block;vertical-align:top;}
table{/* border-collapse:collapse; */border-spacing:0;}
ol,ul,li{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var{padding:0;margin:0;font-weight:normal;font-style:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
input{padding:0;margin:0;font-family:Verdana; vertical-align:middle;font-size:12px;cursor:pointer;}

a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#000;text-decoration:none;outline:none;}
a:focus{outline:none;}



/*  header  */
.header{float:left;width:100%;height:68px;background:url(../images/header_bg.gif) 0 0 repeat-x;}
.header .logo{float:left;width:168px;height:68px;/*background:url(../images/logo.png) 0 0 no-repeat;*/text-indent:-10000px;}
.header .login_info{float:right;padding:16px 20px 17px 0;height:35px;}
.header .version{float:left;color: #85cdef;font-size: 15px;font-weight: bold;line-height: 45px;padding-left: 20px;}
.header .company{position: absolute;top: 25px;left: 179px;line-height: 20px;color: #85cdef;font-size: 27px;font-weight: bold;}
.header .bulletin{ display: flex; justify-content: center; align-self: center;height: 40px;line-height: 40px; position: absolute; top:0; left: 50%; transform: translateX(-50%); color: #fff; border-radius: 0 0 20px 20px; background-color: #114D9C; overflow: hidden;}
.header .bulletin .icon{ background-color: #FF6600; padding: 0 14px;}
.header .bulletin .text{ font-size: 18px; flex: 1; padding: 0 20px; }
.header .bulletin .text span{ font-size: 18px; }
.header .login_info .font1{float:left;line-height:35px;font-szie:13px;color:#85cdef;}
.header .login_info .font2{float:left;line-height:35px;margin-right:20px;font-szie:13px;color:yellow;}
.header .login_info .language{float:left;margin:4px 0 5px 15px;padding:0px 10px;width:160px;height:26px;background:url(../images/language_bg.png) 0 0 no-repeat;}
.header .login_info .language label{float:left;line-height:26px;font-size:13px;color:#fff;}
.header .login_info .language span{float:left;padding-left:5px;line-height:26px;font-size:13px;color:#fff;}
.header .login_info .language a.btn_dropdown{float:left;margin:9px 0 10px 10px;width:9px;height:7px;line-height:0px;font-size:0px;background:url(../images/icon_triangle1.png) 0 0 no-repeat;}
.header .login_info .user{float:left;margin:0 0 0 25px;height:35px;}
.header .login_info .user .user_name{float:left;line-height:35px;color:#fff;font-size:15px;font-weight:bold;}
.header .login_info .user .btn_dropdown{float:left;margin:14px 0 14px 15px;width:9px;height:7px;line-height:0px;font-size:0px;background:url(../images/icon_triangle2.png) 0 0 no-repeat;}
.header .login_info .user .user_photo{float:left;margin:0 0 0 15px;width:35px;height:35px;}
/*  feedback dialog  */
.feedback_button { padding:5px 5px; line-height:48px; font-size:15px; color:#a8a8a8; font-weight:bold;}
#feedback_dialog table {table-layout:fixed; width:100%;}
#feedback_dialog table td[align="right"] {width:35%;padding-right:10px;}
/*  navigation  */
.navigation{position: relative;float:left;width:100%;background:-ms-linear-gradient(top, #083D73,  #06294D);background:-moz-linear-gradient(top,#083D73,#06294D);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#083D73), to(#06294D));background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#083D73), to(#06294D));background:-webkit-linear-gradient(top, #083D73, #06294D);background:-o-linear-gradient(top, #083D73, #06294D);}
.navigation .menus{float:left;min-width:1280px;}
.navigation .menus .support{float:right;height:50px;}
.navigation .menus li{float:left;height:40px;margin-left:2px;margin-top:10px;padding-left:3px;}
.navigation .menus li a{float:left;padding:0 11px 0 5px;}
.navigation .menus li a span{float:left;line-height:30px;padding-left:30px;font-size:15px;color:#fff;font-weight:bold;}
.navigation .menus li a .icon1{background:url(../images/icon_key.png) 0 center no-repeat;}
.navigation .menus li a .icon2{background:url(../images/icon_warning.png) 0 center no-repeat;}
.navigation .menus li a .icon4{background:url(../images/icon_location.png) 0 center no-repeat;}
.navigation .menus li a .icon8{background:url(../images/icon_file.png) 0 center no-repeat;}
.navigation .menus li a .icon16{background:url(../images/icon_config.png) 0 center no-repeat;}
.navigation .menus li a .icon32{background:url(../images/icon_account-setting.png) 0 center no-repeat;}
.navigation .menus li a .icon64{background:url(../images/icon_geofencing.png) 0 center no-repeat;}
.navigation .menus li a .icon128{background:url(../images/icon_support.png) 0 center no-repeat;}
.navigation .menus li a .icon256{background:url(../images/icon_maintenance.png) 0 center no-repeat;}
.navigation .menus li a .icon512{background:url(../images/icon_geofencing.png) 0 center no-repeat;}
.navigation .menus li:hover{background:#f2f4f6;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
/*.navigation .menus li:hover{background:url(../images/nav_over_bg_left.png) 0 bottom no-repeat;}
.navigation .menus li:hover a:hover{background:url(../images/nav_over_bg_right.png) right bottom no-repeat;}*/
.navigation .menus li:hover span{color:#000;}
.navigation .menus li:hover .icon1{background:url(../images/icon_key_over.png) 0 center no-repeat;}
.navigation .menus li:hover .icon2{background:url(../images/icon_warning_over.png) 0 center no-repeat;}
.navigation .menus li:hover .icon4{background:url(../images/icon_location_over.png) 0 center no-repeat;}
.navigation .menus li:hover .icon8{background:url(../images/icon_file_over.png) 0 center no-repeat;}
.navigation .menus li:hover .icon16{background:url(../images/icon_config_over.png) 0 center no-repeat;}
.navigation .menus li:hover .icon32{background:url(../images/icon_account-setting_over.png) 0 center no-repeat;}
.navigation .menus li:hover .icon64{background:url(../images/icon_geofencing_over.png) 0 center no-repeat;}
.navigation .menus li:hover .icon128{background:url(../images/icon_support_over.png) 0 center no-repeat;}
.navigation .menus li:hover .icon256{background:url(../images/icon_maintenance_over.png) 0 center no-repeat;}
.navigation .menus li:hover .icon512{background:url(../images/icon_geofencing_over.png) 0 center no-repeat;}
.navigation .menus li.active{background:#f2f4f6;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
/*.navigation .menus li.active a{background:url(../images/nav_over_bg_right.png) right bottom no-repeat;}*/
.navigation .menus li.active a span{color:#000;}
.navigation .menus li.active a .icon1{background:url(../images/icon_key_over.png) 0 center no-repeat;}
.navigation .menus li.active a .icon2{background:url(../images/icon_warning_over.png) 0 center no-repeat;}
.navigation .menus li.active a .icon4{background:url(../images/icon_location_over.png) 0 center no-repeat;}
.navigation .menus li.active a .icon8{background:url(../images/icon_file_over.png) 0 center no-repeat;}
.navigation .menus li.active a .icon16{background:url(../images/icon_config_over.png) 0 center no-repeat;}
.navigation .menus li.active a .icon32{background:url(../images/icon_account-setting_over.png) 0 center no-repeat;}
.navigation .menus li.active a .icon64{background:url(../images/icon_geofencing_over.png) 0 center no-repeat;}
.navigation .menus li.active a .icon128{background:url(../images/icon_support_over.png) 0 center no-repeat;}
.navigation .menus li.active a .icon256{background:url(../images/icon_maintenance_over.png) 0 center no-repeat;}
.navigation .menus li.active a .icon512{background:url(../images/icon_geofencing_over.png) 0 center no-repeat;}

.navigation .support{float:right;height:50px;}
.navigation .support li{float:right;height:50px;margin-left:10px;padding-left:3px;}


/*  main  */
.main{float:left;width:100%;height:auto;background:url(../images/bg2.gif) 0 0 repeat;}
.main .main_title{margin:30px 20px 0;padding:0 0 0 3px;height:64px;background:url(../images/title_bg_left.gif) 0 0 no-repeat;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
    /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#999');
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#999');}
.main .main_title .main_title_cont{padding:0 10px 0 12px;height:64px;line-height:0px;font-size:0px;background:url(../images/title_bg_right.gif) right 0 no-repeat;}
.main .main_title .main_title_cont .title{float:left;line-height:64px;color:#fff;font-size:22px;font-weight:200;}
.main .main_title .main_title_cont .devsNum{margin:0;float:left;line-height:64px;color:#fff;font-size:30px;font-weight:200;}
/* .main .main_title .main_title_cont .videoShow{margin:20px 20px;float:left;line-height:64px;color:#fff;font-size:30px;font-weight:200;} */
.main .main_title .main_title_cont .videoShow{margin: -30px 0;position: absolute;right: 0;}
.main .main_title .main_title_cont .gas_price {float:left;padding:5px 5px;line-height:48px;font-size:15px;color:#a8a8a8;font-weight:bold;}
.main .main_title .main_title_cont .gas_price a{float:left;line-height:64px;color:#000;font-size:12px;font-weight:20;margin-left:10px;}
.main .main_title .main_title_cont .search{float:right;padding:8px 0px;height:48px;}
.main .main_title .main_title_cont .search li{float:left;padding-left:15px;height:48px;}
.main .main_title .main_title_cont .search label{float:left;padding:0px 0px;line-height:48px;width:40px;font-size:15px;color:#a8a8a8;background:url(../images/input_bg.gif) 0 0 no-repeat;border-right:1px solid #d9dadb;font-weight:bold;text-align:center;}
.main .main_title .main_title_cont .search input{float:left;padding:0px 10px;height:48px;line-height:48px;font-size:15px;background:url(../images/input_bg.gif) right 0 no-repeat;border:none;}
.input_groupName{width:175px;}
.main .main_title .main_title_cont .search .input_date{padding:0 40px 0 10px;width:100px;background:url(../images/input_date_bg.gif) right 0 no-repeat;}
.main .main_title .main_title_cont .search .btn_search{float:left;width:39px;height:48px;background:url(../images/btn_search.gif) 0 0 no-repeat;}
.main .main_title .main_title_cont .search .btn_export{float:left;width:39px;height:48px;background:url(../images/btn_export.gif) 0 0 no-repeat;}
.main .main_title .main_title_cont .register_device .btn_register_device{border:0px;margin:10px;width:39px;height:48px;background:url(../images/icon_account-setting.png) 0 center no-repeat;}
.main_report{float:left;width:100%;height:auto;background:url(../images/bg2.gif) 0 0 repeat;}
.main_report .main_title1{margin:0 10px 0 0;padding:0 0 0 3px;height:100px;background:url(../images/title_bg_left1.gif) 0 0 no-repeat;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
    /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#999');
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#999');}
.main_report .main_title1 .main_title_cont1{padding:0 10px 0 12px;margin-top:30px;height:61px;line-height:0px;font-size:0px;background:url(../images/title_bg_right1.gif) right 0 repeat;}
.main_report .main_title1 .main_title_cont1 .title{float:left;line-height:64px;color:#fff;font-size:30px;font-weight:200;}

.main_report .main_title1 .main_title_cont1 .search_report{float:left;padding:5px 0px;height:48px;}
.main_report .main_title1 .main_title_cont1 .search_report li{float:left;padding-left:15px;height:48px;}
.main_report .main_title1 .main_title_cont1 .search_report label{float:left;padding:0px 10px;line-height:48px;font-size:15px;color:#a8a8a8;background:url(../images/input_bg.gif) 0 0 no-repeat;border-right:1px solid #d9dadb;font-weight:bold;}
.main_report .main_title1 .main_title_cont1 .search_report input{float:left;padding:0px 10px;height:48px;line-height:48px;font-size:15px;background:url(../images/input_bg.gif) right 0 no-repeat;border:none;}
.input_groupName{width:175px;}
.main_report .main_title1 .main_title_cont1 .search_report .input_date{padding:0 40px 0 10px;width:100px;background:url(../images/input_date_bg.gif) right 0 no-repeat;}
.main_report .main_title1 .main_title_cont1 .search_report .input_list{padding:0 40px 0 10px;width:150px;}
.main_report .main_title1 .main_title_cont1 .search_report .btn_search{float:left;width:39px;height:48px;background:url(../images/btn_search.gif) 0 0 no-repeat;}
.main_report .main_title1 .main_title_cont1 .search_report .btn_export{float:left;width:38px;height:47px;background:url(../images/btn_export.gif) 0 0 no-repeat;}

.main .main_title .main_title_cont .btn_add{float:right;padding:8 10 8 3;height:48px;background:url(../images/btn_left.gif) 0 8px no-repeat;}
.main .main_title .main_title_cont .btn_add a{float:left;padding:0 18px 0 15px;height:48px;line-height:48px;font-size:17px;color:#fff;background:url(../images/btn_right.gif) right 0 no-repeat;}

.main .main_title .main_title_cont .btn_add a .icon_add{float:left;padding:16px 10px 17px 0;width:15px;height:15px;background:url(../images/icon_add.gif) 0 center no-repeat;}

.main .main_title .main_title_cont .btn_editAccountSetting{float:right;padding:8px 0px 8px 3px;height:48px;background:url(../images/btn_left.gif) 0 8px no-repeat;}
.main .main_title .main_title_cont .btn_editAccountSetting a{float:left;padding:0 18px 0 15px;line-height:48px;color:#fff;font-size:17px;background:url(../images/btn_right.gif) right 0 no-repeat;}

.main .main_title .main_title_cont .btn_editEditGlobalSetting{float:right;padding:8px 0px 8px 3px;height:48px;background:url(../images/btn_left.gif) 0 8px no-repeat;}
.main .main_title .main_title_cont .btn_editEditGlobalSetting a{float:left;padding:0 18px 0 15px;line-height:48px;color:#fff;font-size:17px;background:url(../images/btn_right.gif) right 0 no-repeat;}

.main .content{margin:15px 20px 10px;}

.table_list{
	-moz-box-shadow: -2px -3px 3px #eee;
	-webkit-box-shadow: -2px -3px 3px #eee;
	box-shadow: -2px -3px 3px #eee;
    /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#eee');
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#eee');}
.table_list table{table-layout:fixed;width:100%;}
.table_list table th{padding:0px 2px;height:53px;line-height:53px;background:url(../images/th_bg.gif) 0 0 repeat;border-bottom:3px solid #e4e4e4;border-right:1px solid #e4e4e4;font-size:15px;text-align:center;color:#000;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table_list table td{padding:0px 2px;height:43px;line-height:43px;font-size:15px;color:#000;font-weight:bold;text-align:center;border-right:1px solid #e4e4e4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.table_list table .align_left{text-align:left;}
.table_list table .last{border-right:none;}
.table_list table .high_light{color:#000;}
.table_list table .alert_font{color:#f00;}
.table_list table .license_no{color:#136bb9;}
.table_list table a{color:#000;}
.table_list table a.link_setting{float:left;width:20px;height:20px;line-height:0px;font-size:0px;background:url(../images/icon_support.png) 0 0 no-repeat;text-indent:-10000px;margin-right:10px;}
.table_list table a.link_setting:hover{background:url(../images/icon_support.png) 0 0 no-repeat;}
.table_list table a.link_edit{float:left;width:20px;height:20px;line-height:0px;font-size:0px;background:url(../images/icon_pencil.png) 0 0 no-repeat;text-indent:-10000px;margin-right:10px;}
.table_list table a.link_edit:hover{background:url(../images/icon_pencil_over.png) 0 0 no-repeat;}
.table_list table a.link_alert{float:left;width:20px;height:20px;line-height:0px;font-size:0px;background:url(../images/icon_warning.png) 0 0 no-repeat;margin-right:10px;}
.table_list table a.link_alert:hover{background:url(../images/icon_warning_tr.png) 0 0 no-repeat;}
.table_list table a.link_history{float:left;width:20px;height:20px;line-height:0px;font-size:0px;background:url(../images/icon_history.png) 0 0 no-repeat;margin-right:10px;}
.table_list table a.link_history:hover{background:url(../images/icon_history_over.png) 0 0 no-repeat;}
.table_list table a.link_ban{float:left;width:20px;height:20px;line-height:0px;font-size:0px;text-indent:-10000px;background:url(../images/icon_ban.png) 0 0 no-repeat;}
.table_list table a.link_ban:hover{background:url(../images/icon_ban_over.png) 0 0 no-repeat;}
.table_list table a.link_dailytrip{float:left;width:20px;height:20px;line-height:0px;font-size:0px;background:url(../images/trip.png) 0 0 no-repeat;margin-right:10px;}
.table_list table a.link_gdp_speeding{float:left;width:30px;height:26px;line-height:0px;font-size:0px;background:url(../images/speeding.png) 0 0 no-repeat;}
.table_list table a.link_gdp_rpm{float:left;width:30px;height:26px;line-height:0px;font-size:0px;background:url(../images/rpm2.png) 0 0 no-repeat;}
.table_list table a.link_gdp_idling{float:left;width:30px;height:26px;line-height:0px;font-size:0px;background:url(../images/idling.png) 0 0 no-repeat;}

.table_list table a.link_set{float:left;width:20px;height:20px;line-height:0px;font-size:0px;background:url(../images/icon_config.png) 0 0 no-repeat;text-indent:-10000px;margin-right:10px;}
.table_list table a.link_rele{float:left;width:20px;height:20px;line-height:0px;font-size:0px;background:url(../images/icon_rele.png) 0 0 no-repeat;text-indent:-10000px;margin-right:10px;}
.table_list table a.link_file{float:left;width:20px;height:20px;line-height:0px;font-size:0px;background:url(../images/icon_file.png) 0 0 no-repeat;margin-right:10px;}
.table_list table a.link_file:hover{background:url(../images/icon_file_over.png) 0 0 no-repeat;}
.table_list table tr.hover .link_rele{background:url(../images/icon_rele_tr.png) 0 0 no-repeat;}

.table_list table div.link_report{float:left;width:32px;height:32px;line-height:0px;font-size:0px;background:url(../images/fly_report.png) 0 0 no-repeat;margin-right:10px;}
.table_list table div.link_noreport{float:left;width:32px;height:32px;line-height:0px;font-size:0px;background:url(../images/fly_noreport.png) 0 0 no-repeat;margin-right:10px;}

.table_list table tr.odd{background:url(../images/tr_bg.gif) 0 0 repeat-x;}

.table_list table tr.hover td{background:url(../images/tr_over_bg.png) 0 0 repeat-x;/color:#000;}
.table_list table tr.hover a{color:#000;}
.table_list table tr.hover .link_setting{background:url(../images/icon_support_over.png) 0 0 no-repeat;}
.table_list table tr.hover .link_edit{background:url(../images/icon_pencil_over.png) 0 0 no-repeat;}
.table_list table tr.hover .link_alert{background:url(../images/icon_warning_tr.png) 0 0 no-repeat;}
.table_list table tr.hover .link_history{background:url(../images/icon_history_over.png) 0 0 no-repeat;}
.table_list table tr.hover .link_ban{background:url(../images/icon_ban_over.png) 0 0 no-repeat;}
.table_list table tr.hover .link_dailytrip{background:url(../images/trip_over.png) 0 0 no-repeat;}
.table_list table tr.hover .link_gdp_speeding{background:url(../images/speeding.png) 0 0 no-repeat;}
.table_list table tr.hover .link_gdp_rpm{background:url(../images/rpm2.png) 0 0 no-repeat;}
.table_list table tr.hover .link_gdp_idling{background:url(../images/idling.png) 0 0 no-repeat;}

.main .content .user{float:left;width:48%;height:auto;}
.main .content .group{float:right;}
.main .content .user .search{float:left;width:100%;min-height:48px;height:auto;}
.main .content .user .search li{float:left;margin-right:15px;height:48px;-moz-box-shadow: 2px 3px 3px #eee;
	-webkit-box-shadow: 2px 3px 3px #eee;
	box-shadow: 2px 3px 3px #eee;
    /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#eee');
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#eee');}
.main .content .user .search label{float:left;padding:0px 10px;line-height:48px;font-size:15px;color:#a8a8a8;background:url(../images/input_bg.gif) 0 0 no-repeat;border-right:1px solid #d9dadb;font-weight:bold;}
.main .content .user .search input{float:left;padding:0px 10px;height:48px;line-height:48px;font-size:15px;background:url(../images/input_bg.gif) right 0 no-repeat;border:none;}
.input_groupName{width:175px;}
.main .content .user .search .input_date{padding:0 40px 0 10px;width:100px;background:url(../images/input_date_bg.gif) right 0 no-repeat;}
.main .content .user .search .btn_search{float:left;width:39px;height:48px;background:url(../images/btn_search.gif) 0 0 no-repeat;}
.main .content .user .search .btn_add{float:left;padding:0 0 0 3px;height:48px;background:url(../images/btn_left.gif) 0 0 no-repeat;}
.main .content .user .search .btn_add a{float:left;padding:0 18px 0 15px;height:48px;line-height:48px;font-size:17px;color:#fff;background:url(../images/btn_right.gif) right 0 no-repeat;}
.main .content .user .search .btn_add a .icon_add{float:left;padding:16px 10px 17px 0;width:15px;height:15px;background:url(../images/icon_add.gif) 0 center no-repeat;}
.main .content .user .table_list{float:left;width:100%;margin-top:20px;}

.main .content .alert_menu {margin:20px 20px 0;height:38px;position:relative;/* z-index:10; */}
.main .content .alert_menu li{float:left;margin-left:10px;height:38px;padding-left:4px;background:url(../images/tab_menu_left_bg_default.gif) 0 0 no-repeat;}
.main .content .alert_menu li span{float:left;padding:0px 24px 0px 20px;height:38px;line-height:38px;font-size:15px;color:#fff;background:url(../images/tab_menu_right_bg_default.gif) right 0 no-repeat;}
.main .content .alert_menu li.active{background:url(../images/tab_menu_left_bg_over.gif) 0 0 no-repeat;}
.main .content .alert_menu li.active span{background:url(../images/tab_menu_right_bg_over.gif) right 0 no-repeat;color:#073360;font-weight:bold;}
.main .content .alert_menu li span:hover{background:url(../images/tab_menu_right_bg_over.gif) right 0 no-repeat;color:#073360;font-weight:bold;}
.main .content .tab_menu_cont{display:none;margin:-1px 20px 0;padding:0 0 15px;border:1px solid #073360;position:relative;z-index:9;}

.main .content .vehicle_menu {margin:20px 20px 0;height:38px;position:relative;/* z-index:10; */}
.main .content .vehicle_menu li{float:left;margin-left:10px;height:38px;padding-left:4px;background:url(../images/tab_menu_left_bg_default.gif) 0 0 no-repeat;}
.main .content .vehicle_menu li span{float:left;padding:0px 24px 0px 20px;height:38px;line-height:38px;font-size:15px;color:#fff;background:url(../images/tab_menu_right_bg_default.gif) right 0 no-repeat;}
.main .content .vehicle_menu li.active{background:url(../images/tab_menu_left_bg_over.gif) 0 0 no-repeat;}
.main .content .vehicle_menu li.active span{background:url(../images/tab_menu_right_bg_over.gif) right 0 no-repeat;color:#073360;font-weight:bold;}

.main .topcon{padding: 2px 0 0 20px;}
.main .topcon label{float:left;padding:0px 10px;line-height:45px;font-size:15px;color:#000;background:url(../images/input_bg.gif) 0 0 no-repeat;border: 1px solid #d9dadb;font-weight:bold;}
.main .topcon label.hover{background: url(../images/tr_over_bg.png) 0 0 repeat-x;/color:#000;}
.main .topcon label.red{color:red;}
.main .topcon label span{padding-left:5px}

#hosEventLoggerInfoWindow label {float:left;padding:0px 10px;line-height:45px;font-size:15px;color:#000;background:url(../images/input_bg.gif) 0 0 no-repeat;border: 1px solid #d9dadb;font-weight:bold;}
#hosEventLoggerInfoWindow label.hover {background: url(../images/tr_over_bg.png) 0 0 repeat-x;/color:#000;}
#hosEventLoggerInfoWindow label.red {color:red;}
#hosEventLoggerInfoWindow label span{padding: 8px;margin: 1px;border: #ec2d05 1px solid;}

.main .left{position:absolute;float:left;width:230px;height:100%; overflow:hidden;background-color:#464c59;margin-top:30px}
.main .mapTabLeftPanel{position:absolute;float:left;width:230px;/* min-height:500px; */height:auto;background-color:#464c59;}
.main .mapTabLeftPanel .left_title{padding:0 30px;height:58px;line-height:58px;background:url(../images/left_title_bg.gif) 0 0 repeat-x;font-size:20px;font-weight:bold;color:#fff;}
.main .left .left_title{padding:0 30px;height:58px;line-height:58px;background:url(../images/left_title_bg.gif) 0 0 repeat-x;font-size:22px;font-weight:bold;color:#fff;}
.main .left .left_title2{padding:0 20px;bottom:10px;height:45px;background:url(../images/left_title_bg.gif) 0 0 repeat-x;line-height:43px;border-top:3px solid ;font-size:15px;font-weight:bold;color:#fff;cursor:pointer}
.main .left .left_title2:hover{background:url(../images/nav_over_bg_right.png) right top repeat-y;color:black;}

.main .right{float:right;margin-left:-230px;width:100%;height:auto;}
.main .right .map{margin-left:230px;height:100%;background:#fff;}
.main .right .geoFencingMap{margin-left:230px;height:100%;background:#fff;}
.table_list2{margin-left:230px;height:auto;}
.table_list2 table{table-layout:fixed;width:100%;}
.table_list2 table th{padding:0px 10px;height:33px;line-height:33px;border-top:2px solid #fafafa;border-right:1px solid #e6e6e6;border-bottom:3px solid #e6e6e6;background:url(../images/th_bg1.gif) 0 0 repeat-x;color:#000;font-size:13px;font-weight:bold;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table_list2 table th a{margin:13px 0px;width:9px;height:7px;line-height:0px;text-indent:-10000px;}
.table_list2 table th a.asc{background:url(../images/icon_triangle5.png) 0 0 no-repeat;}
.table_list2 table th a.desc{background:url(../images/icon_triangle4.png) 0 0 no-repeat;}
.table_list2 table .last{border-right:none;}
.table_list2 table td{padding:0px 10px;height:29px;line-height:29px;background-color:#fff;border-right:1px solid #e6e6e6;font-size:12px;font-weight:bold;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table_list2 table tr.odd td{background-color:#f6fbfb;}
.table_list2 table tr.hover td{background:url(../images/tr_over_bg2.png) repeat-x;/* border:none; */}
#maintenanceDetailDiv table tr.hover td{background:url(../images/tr_over_bg2.png) repeat-x;/* border:none; */background-size:auto 100%;}

.table_list2 table tr.hover td{color:#000;}
.table_list2 table tr td.panic_button a:hover{text-decoration:underline; cursor: pointer}
.align_center{text-align:center;}
.align_right{text-align:right;}

/*  弹出层popup  */
.popup{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;}
.popup .popup_bg{position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/bg1.gif) 0 0 repeat;z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.popup .popup_bg_hos{position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/bg1.gif) 0 0 repeat;z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.popup .popup_cont{position:absolute;top:50%;left:50%;z-index:2;}
.popup .popup_cont .top{height:9px;line-height:0px;font-size:0px;}
.popup .popup_cont .top .left{float:left;width:0.7%;height:9px;line-height:0px;font-size:0px;background:url(../images/popup_top_left.png) 0 0 no-repeat;}
.popup .popup_cont .top .center{float:left;height:9px;line-height:0px;font-size:0px;background-color:#fff;}
.popup .popup_cont .top .right{float:left;width:0.7%;height:9px;line-height:0px;font-size:0px;background:url(../images/popup_top_right.png) 0 0 no-repeat;}
.popup .popup_cont .bottom{height:9px;line-height:0px;font-size:0px;}
.popup .popup_cont .bottom .left{float:left;width:0.7%;height:9px;line-height:0px;font-size:0px;background:url(../images/popup_bottom_left.png) 0 0 no-repeat;}
.popup .popup_cont .bottom .center{float:left;width:932px;height:9px;line-height:0px;font-size:0px;background-color:#fff;}
.popup .popup_cont .bottom .right{float:left;width:0.7%;height:9px;line-height:0px;font-size:0px;background:url(../images/popup_bottom_right.png) 0 0 no-repeat;}
.popup .popup_cont .content .title{padding:10px 15px 0;height:26px;}
.popup .popup_cont .content .title .btn_close {
	float: right;
	background: url(../images/icon_erase.png) 0 0 no-repeat;
	width: 37px;
	height: 26px;
	cursor: pointer;
	outline: none;
}
.popup .popup_cont .content .table_list2 th{height:30px;border-top:3px solid #eaeaea;border-bottom:3px solid #eaeaea;}
.popup .popup_cont .content .table_list2 .link_play{float:left;width:20px;height:20px;background:url(../images/icon_play.png) 0 0 no-repeat;}

.popup .popup_cont .content .table_list2 .link_play_clicked{float:left;width:20px;height:20px;background:url(../images/icon_play.png) 0 0 no-repeat;border:solid;border-color: black; }

.popup .popup_cont .content .table_list2 .link_play:hover{background:url(../images/icon_play_over.png) 0 0 no-repeat;}
.popup .popup_cont .content .table_list2 table tr.hover .link_play{background:url(../images/icon_play_over.png) 0 0 no-repeat;}

/*  vehicles页面弹出层  */
.popup .vehicles_popup{margin-left:-45%;margin-top:-190px;width:90%;height:480px;}
.popup .vehicles_popup .top .center,.popup .vehicles_popup .bottom .center{width:98.6%;}
.popup .vehicles_popup .content{height:462px;background-color:#fff;}
.popup .vehicles_popup .content .title span{float:left;font-size:15px;line-height:26px;color:#8f8f8f;font-weight:bold;}
.popup .vehicles_popup .content .title span strong{font-size:27px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .vehicles_popup .content .table_list2{margin:20px 0 0;overflow-X:auto;height:400px;}
.popup .vehicles_popup .content .table_list2 table{width:auto;}


.popup .share_track_popup{margin-left:-25%;margin-top:-190px;width:44%;height:580px;}
.popup .share_track_popup .top .center,.popup .share_track_popup .bottom .center{width:98.6%;}
.popup .share_track_popup .content{height:462px;background-color:#fff;}
.popup .share_track_popup .content .title span{float:left;font-size:15px;line-height:26px;color:#8f8f8f;font-weight:bold;}
.popup .share_track_popup .content .title span strong{font-size:27px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .share_track_popup .content .table_list2{margin:10px auto;overflow-X:auto;height:325px;}
.popup .share_track_popup .content .table_list2 table{width:90%; margin-left:25px;border:0px; height:300px;}
.popup .share_track_popup .content .table_list2 table td {font-size:16px;color:#000;height:35px;}
.popup .share_track_popup .content .btns {padding-top:5px;}
.popup .share_track_popup .content .btns .btn_css{ margin-left:350px;background: url("../images/btn_bg.png") 0 0 no-repeat;border: medium none; color: #fff; font-size: 17px; height: 48px; width: 103px;}


/*  alert页面弹出层  */
.popup .custom_alert_details{margin-left:-42%;margin-top:-190px;width:85%;}
.popup .custom_alert_details .top .center,.popup .alert_details .bottom .center{width:98.6%;}
.popup .custom_alert_details .content{height:462px;background-color:#fff;}
.popup .custom_alert_details .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .custom_alert_details .content .table_list2{margin:20px 0 0;overflow-X:auto;height:390px;}
.popup .custom_alert_details .content .btn_search{margin-left:500px;margin-top:10px;}

.popup .alert_details{margin-left:-42%;margin-top:-190px;width:85%;height:380px;}
.popup .alert_details .top .center,.popup .alert_details .bottom .center{width:98.6%;}
.popup .alert_details .content{height:462px;background-color:#fff;}
.popup .alert_details .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .alert_details .content .table_list2{margin:20px 0 0;overflow-X:auto;height:390px;}
.popup .alert_details .content .btn_search{margin-left:500px;margin-top:10px;}
.popup .main_details .content .table_list2 .input_date{padding:0 40px 0 10px;width:100px;background:url(../images/input_date_bg.gif) right 0 no-repeat;}
/*  Video页面弹出层  */
.popup .video_popup{margin-left:-25%;margin-top:-190px;height:480px;width:740px;}
.popup .video_popup .top .center,.popup .vehicles_popup .bottom .center{width:58.6%;}
.popup .video_popup .content{height:462px;background-color:#fff;}
.popup .video_popup .content .title span{float:left;font-size:15px;line-height:26px;color:#8f8f8f;font-weight:bold;}
.popup .video_popup .content .title span strong{font-size:27px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .video_popup .content .table_list2{margin:20px 0 0 70px;overflow-X:auto;height:400px;}
.popup .video_popup .content .table_list2 table{width:600px;}

/*  maintenance页面弹出层  */
.popup .main_details{margin-left:-20%;margin-top:-190px;width:40%;height:200px;}
.popup .main_details .top .center,.popup .main_details .bottom .center{width:98.6%;}
.popup .main_details .content{height:420px;background-color:#fff;}
.popup .main_details .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .main_details .content .table_list2{margin:20px 0 0;overflow-X:auto;height:390px;}
.popup .main_details .content .table_list2 .btn_search{margin-left:200px;margin-top:10px;}
.popup .main_details .content .table_list2 .input_date{padding:0 40px 0 10px;width:100px;background:url(../images/input_date_bg.gif) right 0 no-repeat;}
.popup .main_details .content .table_list2 .btns {padding-left:190px;}
.popup .main_details .content .table_list2 .btns .btn_css{background: rgba(0, 0, 0, 0) url("../images/btn_bg.png") no-repeat scroll 0 0;border: medium none; color: #fff; font-size: 17px; height: 48px; width: 103px;}

.popup .history_details{margin-left:-32%;margin-top:-190px;width:60%;height:380px;}
.popup .history_details .top .center,.popup .history_details .bottom .center{width:98.6%;}
.popup .history_details .content{height:462px;background-color:#fff;}
.popup .history_details .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .history_details .content .table_list2{margin:20px 0 0;overflow-X:auto;}
.popup .history_details .content .table_list2 .btns {padding-top:10px;}
.popup .history_details .content .table_list2 .btns .btn_css{background: rgba(0, 0, 0, 0) url("../images/btn_bg.png") no-repeat scroll 0 0;border: medium none; color: #fff; font-size: 17px; height: 48px; width: 103px;}



/*  account setting页面弹出层  */
/*  edit account setting  */
.popup .editAccountSetting{margin-left:-475px;margin-top:-225px;width:950px;height:550px;}
.popup .editAccountSetting .top .center,.popup .editAccountSetting .bottom .center{width:932px;}
.popup .editAccountSetting .content{height:432px;background-color:#fff;}
.popup .editAccountSetting .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .editAccountSetting .content .editAccountSetting_form{margin:0px auto;padding-top:20px;width:850px;}
.popup .editAccountSetting .content .editAccountSetting_form li{float:left;width:50%;padding-top:5px;}
.popup .editAccountSetting .content .editAccountSetting_form li label{float:left;padding-right:10px;width:180px;line-height:28px;text-align:right;font-size:16px;}
.popup .editAccountSetting .content .editAccountSetting_form li input{float:left;padding:0px 5px;width:200px;height:26px;line-height:26px;border:1px solid #ccc;}
.popup .editAccountSetting .content .editAccountSetting_form li select{float:left;width:212px;height:28px;line-height:28px;border:1px solid #ccc;}
.popup .editAccountSetting .content .editAccountSetting_form_end{margin:0px auto;padding-top:20px;width:850px;}
.popup .editAccountSetting .content .editAccountSetting_form_end li{float:left;width:100%;padding-top:5px;}
.popup .editAccountSetting .content .editAccountSetting_form_end li label{float:left;padding-right:10px;width:180px;line-height:28px;text-align:right;font-size:16px;}
.popup .editAccountSetting .content .editAccountSetting_form_end li textarea{float:left;width:500px;border:1px solid #ccc;}
.popup .editAccountSetting .content .editAccountSetting_form_end li.btns{clear:left;padding-top:20px;width:100%;}
.popup .editAccountSetting .content .editAccountSetting_form_end li.btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .editAccountSetting .content .editAccountSetting_form_end li.btns .btn_save{margin-left:270px;}
.popup .editAccountSetting .content .editAccountSetting_form_end li.btns .btn_cancle{margin-left:100px;}

.popup .editUser{margin-left:-350px;margin-top:-275px;width:720px;height:430px;}
.popup .editUser .top .center,.popup .editUser .bottom .center{width:482px;}
.popup .editUser .content{height:700px; margin-top:-74px; background-color:#fff;}
.popup .editUser .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .editUser .content .editUser_form{margin:0px auto;padding-top:20px;width:400px;}
.popup .editUser .content .editUser_form li{float:left;width:100%;padding-top:10px;}
.popup .editUser .content .editUser_form li label{float:left;padding-right:10px;width:170px;line-height:28px;text-align:right;font-size:16px;}
.popup .editUser .content .editUser_form li input{float:left;padding:0px 5px;width:200px;height:26px;line-height:26px;border:1px solid #ccc;}
.popup .editUser .content .editUser_form li input[type=checkbox]{width:20px;}
.popup .editUser .content .editUser_form li.btns{padding-top:40px;}
.popup .editUser .content .editUser_form li.btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .editUser .content .editUser_form li.btns .btn_update{margin-left:72px;}
.popup .editUser .content .editUser_form li.btns .btn_back{margin-left:50px;}

/*  new user  */
.popup .newUser{margin-left:-350px;margin-top:-270px;width:700px;height:430px;}
.popup .newUser .top .center,.popup .newUser .bottom .center{width:482px;}
.popup .newUser .content{height:700px; margin-top:-74px; background-color:#fff;}
.popup .newUser .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .newUser .content .newUser_form{margin:0px auto;padding-top:20px;width:400px;}
.popup .newUser .content .newUser_form li{float:left;width:100%;padding-top:10px;}
.popup .newUser .content .newUser_form li label{float:left;padding-right:10px;width:180px;line-height:28px;text-align:right;font-size:16px;}
.popup .newUser .content .newUser_form li input{float:left;padding:0px 5px;width:200px;height:26px;line-height:26px;border:1px solid #ccc;}
.popup .newUser .content .newUser_form li input[type=checkbox]{width:20px;}
.popup .newUser .content .newUser_form li.btns{padding-top:20px;}
.popup .newUser .content .newUser_form li.btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .newUser .content .newUser_form li.btns .btn_update{margin-left:72px;}
.popup .newUser .content .newUser_form li.btns .btn_back{margin-left:50px;}

/*  new group */
.popup .newGroup{margin-left:-250px;margin-top:-165px;width:500px;height:230px;}
.popup .newGroup .top .center,.popup .newGroup .bottom .center{width:482px;}
.popup .newGroup .content{height:212px;background-color:#fff;}
.popup .newGroup .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .newGroup .content .newGroup_form{margin:0px auto;padding-top:20px;width:400px;}
.popup .newGroup .content .newGroup_form li{float:left;width:100%;padding-top:10px;}
.popup .newGroup .content .newGroup_form li label{float:left;padding-right:10px;width:150px;line-height:28px;text-align:right;font-size:16px;}
.popup .newGroup .content .newGroup_form li input{float:left;padding:0px 5px;width:200px;height:26px;line-height:26px;border:1px solid #ccc;}
.popup .newGroup .content .newGroup_form li.btns{padding-top:40px;}
.popup .newGroup .content .newGroup_form li.btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .newGroup .content .newGroup_form li.btns .btn_update{margin-left:72px;}
.popup .newGroup .content .newGroup_form li.btns .btn_back{margin-left:50px;}

/*  device setting页面弹出层  */
.popup .deviceSetting_popup{margin-left:-425px;margin-top:-240px;width:876px;height:500px;}
.popup .deviceSetting_popup .top .center,.popup .deviceSetting_popup .bottom .center{width:857px;}
.popup .deviceSetting_popup .content{height:550px;background-color:#fff;}
.popup .deviceSetting_popup .content .title span{float:left;font-size:12px;line-height:26px;color:#8f8f8f;font-weight:bold;}
.popup .deviceSetting_popup .content .title span strong{font-size:22px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .deviceSetting_popup .content .tab_menu{margin:10px 20px 0;height:30px;position:relative;z-index:10;}
.popup .deviceSetting_popup .content .tab_menu li{float:left;margin-left:10px;height:30px;padding-left:4px;background:url(../images/tab_menu_left_bg_default.gif) 0 0 no-repeat;}
.popup .deviceSetting_popup .content .tab_menu li span{float:left;padding:0px 24px 0px 20px;height:30px;line-height:38px;font-size:15px;color:#fff;background:url(../images/tab_menu_right_bg_default.gif) right 0 no-repeat;}
.popup .deviceSetting_popup .content .tab_menu li.active{background:url(../images/tab_menu_left_bg_over.gif) 0 0 no-repeat;}
.popup .deviceSetting_popup .content .tab_menu li.active span{background:url(../images/tab_menu_right_bg_over.gif) right 0 no-repeat;color:#073360;font-weight:bold;}
.popup .deviceSetting_popup .content .tab_menu_cont{float:left;width:95%;display:none;margin:-1px 20px 0;padding:0 0 15px;border:1px solid #073360;position:relative;z-index:9;}
.popup .deviceSetting_popup .content .tab_menu_cont .table_list2{margin:0px;height:325px;overflow-Y:auto;}
.popup .deviceSetting_popup .content .tab_menu_cont .table_list2 table th{height: 30px;line-height:30px;border-top: 2px solid #eaeaea;border-bottom: 2px solid #eaeaea;}
.popup .deviceSetting_popup .content .tab_menu_cont .table_list2 table td{height: 24px;line-height:24px;}
.popup .deviceSetting_popup .content .tab_menu_cont .table_list2 table{table-layout:fixed;}
.popup .deviceSetting_popup .content .tab_menu_cont .btns{margin:15px 0 0;}
.popup .deviceSetting_popup .content .tab_menu_cont .btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .deviceSetting_popup .content .tab_menu_cont .btns .btn_reset{margin-left:220px;width:170px;background:url(../images/btn_bg_long.png) 0 0 no-repeat;}
.popup .deviceSetting_popup .content .tab_menu_cont .btns .btn_update{margin-left:100px;}
.popup .deviceSetting_popup .content .tab_menu_cont .tab_menu_cont_form{height:340px;overflow-Y:auto;}
.popup .deviceSetting_popup .content .tab_menu_cont .tab_menu_cont_form li{float:left;width:100%;padding-top:5px;}
.popup .deviceSetting_popup .content .tab_menu_cont .tab_menu_cont_form li label{float:left;padding-right:10px;width:300px;line-height:28px;text-align:right;font-size:15px;}
.popup .deviceSetting_popup .content .tab_menu_cont .tab_menu_cont_form li input{float:left;width:300px;height:26px;line-height:26px;border:1px solid #ccc;}
#register_device_popup .deviceSetting_popup .content .tab_menu_cont_form{width:800px;height:300px;display:block;margin:50px 20px 0;padding:0 0 15px;border:1px solid #073360;position:relative;z-index:9;}
#register_device_popup .deviceSetting_popup .content .tab_menu_cont_form li{float:left;width:100%;padding-top:10px;}
#register_device_popup .deviceSetting_popup .content .tab_menu_cont_form li button{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
#register_device_popup .deviceSetting_popup .content .tab_menu_cont_form li label{float:left;padding-right:10px;width:300px;line-height:28px;text-align:right;font-size:15px;}
#register_device_popup .deviceSetting_popup .content .tab_menu_cont_form li input{float:left;width:300px;height:26px;line-height:26px;border:1px solid #ccc;}

/* driver  address popup */
.popup .address{margin-left:-250px;margin-top:-165px;width:500px;height:230px;}
.popup .address .content{height:212px;background-color:#fff;}
.popup .address .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .address .content .body{margin:0px auto;padding-top:20px;}
.popup .address .content .body table{float:left;width:100%;padding-top:10px;}
.popup .address .content .body table tr{height:40px}
.popup .address .content .body table tr label{float:right;padding-right:10px;width:100px;line-height:28px;text-align:right;font-size:16px;}
.popup .address .content .body table tr input{width: 80%;height: 30px;border-bottom:1px solid #ccc;border-top:none;border-left:none;border-right:none;font-family: verdana;font-size: 16px;}
.popup .address .content .body .btns{padding-top:0px;}
.popup .address .content .body .btns input{float: right;width:103px;height:48px;border:none;color: #878787;font-size:17px;background-color: white;}

/* PC/YM alert popup */
.popup .address .content .body .mode_msg{line-height:28px;padding: 0 20px;font-size:16px;}

/* driver  releate */
.popup .releate{margin-left:-250px;margin-top:-165px;width:500px;height:230px;}
.popup .releate .content{height:212px;background-color:#fff;}
.popup .releate .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .releate .content .body{margin:0px auto;padding-top:20px;width:400px;}
.popup .releate .content .body li{float:left;width:100%;padding-top:10px;}
.popup .releate .content .body li label{float:left;padding-right:10px;width:150px;line-height:28px;text-align:right;font-size:16px;}
.popup .releate .content .body li input{float:left;padding:0px 5px;width:200px;height:26px;line-height:26px;border:1px solid #ccc;}
.popup .releate .content .body li.btns{padding-top:40px;}
.popup .releate .content .body li.btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .releate .content .body li.btns .btn_update{margin-left:72px;}
.popup .releate .content .body li.btns .btn_back{margin-left:50px;}

/* driver vehicle tree */
.popup .vehicleTree{margin-left:-250px;margin-top:-150px;width:400px;height:600px;}
.popup .vehicleTree .content{height:512px;background-color:#fff;}
.popup .vehicleTree .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .vehicleTree .content .body{margin:0px auto;padding-top:10px;width:400px;}
.popup .vehicleTree .content .body table{float:left;width:360px;padding-top:10px;padding-left:30px;}
.popup .vehicleTree .content .body table input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .vehicleTree .content .body table .btn_update{margin-left:30px;}


/*  edit group */
.popup .editGroup{margin-left:-250px;margin-top:-165px;width:500px;height:230px;}
.popup .editGroup .top .center,.popup .editGroup .bottom .center{width:482px;}
.popup .editGroup .content{height:212px;background-color:#fff;}
.popup .editGroup .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .editGroup .content .editGroup_form{margin:0px auto;padding-top:20px;width:400px;}
.popup .editGroup .content .editGroup_form li{float:left;width:100%;padding-top:10px;}
.popup .editGroup .content .editGroup_form li label{float:left;padding-right:10px;width:150px;line-height:28px;text-align:right;font-size:16px;}
.popup .editGroup .content .editGroup_form li input{float:left;padding:0px 5px;width:200px;height:26px;line-height:26px;border:1px solid #ccc;}
.popup .editGroup .content .editGroup_form li.btns{padding-top:40px;}
.popup .editGroup .content .editGroup_form li.btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .editGroup .content .editGroup_form li.btns .btn_update{margin-left:72px;}
.popup .editGroup .content .editGroup_form li.btns .btn_back{margin-left:50px;}


/**  asset **/
.popup .assetSetting_popup{margin-left:-425px;margin-top:-240px;width:844px;height:500px;}
.popup .assetSetting_popup .top .center,.popup .deviceSetting_popup .bottom .center{width:832px;}
.popup .assetSetting_popup .content{height:490px;background-color:#fff;}
.popup .assetSetting_popup .content .title span{float:left;font-size:12px;line-height:26px;color:#8f8f8f;font-weight:bold;}
.popup .assetSetting_popup .content .title span strong{font-size:22px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .assetSetting_popup .content .tab_menu{margin:10px 20px 0;height:30px;position:relative;z-index:10;}
.popup .assetSetting_popup .content .tab_menu li{float:left;margin-left:10px;height:30px;padding-left:4px;background:url(../images/tab_menu_left_bg_default.gif) 0 0 no-repeat;}
.popup .assetSetting_popup .content .tab_menu li span{float:left;padding:0px 24px 0px 20px;height:30px;line-height:38px;font-size:15px;color:#fff;background:url(../images/tab_menu_right_bg_default.gif) right 0 no-repeat;}
.popup .assetSetting_popup .content .tab_menu li.active{background:url(../images/tab_menu_left_bg_over.gif) 0 0 no-repeat;}
.popup .assetSetting_popup .content .tab_menu li.active span{background:url(../images/tab_menu_right_bg_over.gif) right 0 no-repeat;color:#073360;font-weight:bold;}
.popup .assetSetting_popup .content .tab_menu_cont{display:none;margin:-1px 20px 0;padding:0 0 15px;border:1px solid #073360;position:relative;z-index:9;}
.popup .assetSetting_popup .content .tab_menu_cont .table_list2{margin:0px;height:330px;}
.popup .assetSetting_popup .content .tab_menu_cont .table_list2 table th{height: 30px;line-height:30px;border-top: 2px solid #eaeaea;border-bottom: 2px solid #eaeaea;}
.popup .assetSetting_popup .content .tab_menu_cont .table_list2 table td{height: 24px;line-height:24px;}
.popup .assetSetting_popup .content .tab_menu_cont .table_list2 table{table-layout:fixed;}
.popup .assetSetting_popup .content .tab_menu_cont .btns{margin:15px 0 0;}
.popup .assetSetting_popup .content .tab_menu_cont .btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .assetSetting_popup .content .tab_menu_cont .btns .btn_reset{margin-left:220px;width:170px;background:url(../images/btn_bg_long.png) 0 0 no-repeat;}
.popup .assetSetting_popup .content .tab_menu_cont .btns .btn_update{margin-left:100px;}
.popup .assetSetting_popup .content .tab_menu_cont .tab_menu_cont_form{height:270px;overflow-Y:auto;}
.popup .assetSetting_popup .content .tab_menu_cont .tab_menu_cont_form li{float:left;width:100%;padding-top:10px;}
.popup .assetSetting_popup .content .tab_menu_cont .tab_menu_cont_form li label{float:left;padding-right:10px;width:300px;line-height:28px;text-align:right;font-size:15px;}
.popup .assetSetting_popup .content .tab_menu_cont .tab_menu_cont_form li input{float:left;width:300px;height:26px;line-height:26px;border:1px solid #ccc;}

/* hos tab - change vehicle window */
.popup .change_vehicle{margin-left:-250px;margin-top:-190px;width:400px;height:180px;}
.popup .change_vehicle .top .center,.popup .change_vehicle .bottom .center{width:98.6%;}
.popup .change_vehicle .content{height:400px;background-color:#fff;}
.popup .change_vehicle .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .change_vehicle .content .change_vehicle_cont{margin:15px;height:270px;}
.popup .change_vehicle .content .change_vehicle_cont label{padding-right:10px;line-height:28px;text-align:right;font-size:16px;}
.popup .change_vehicle .content div.btns input{margin-left:52px;width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}


/**hos - udr Assign popup**/
.popup .hos_details{margin-left:-17%;margin-top:-190px;width:30%;height:550px; width:500px;}
.popup .hos_details .top .center,.popup .main_details .bottom .center{width:98.6%;}
.popup .hos_details .content{background-color:#fff;overflow-X:auto;height:550px;}
.popup .hos_details .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .hos_details .content .sub_content{font-size:16px !important;line-height:16px;padding:0 3% 3% 3%; clear:both;}
.popup .hos_details .content .sub_content .btns {float:right;margin-top:10px;;margin-bottom:40px;margin-right:40px;}
.popup .hos_details .content .sub_content .btns .btn_css{background: rgba(0, 0, 0, 0) url("../images/btn_bg.png") no-repeat scroll 0 0;border: medium none; color: #fff; font-size: 17px; height: 48px; width: 103px;}
.popup .hos_details .content .sub_content .align_right{float:right;margin-right:40px;}

.popup .hos_details .content .sub_content .latestContent{
	width:90%;
	height:50px;
	overflow:auto;
	border:1px solid #6cc4fd ;
	margin-top:1%;
	padding:3%;}
.popup .hos_details .content .sub_content .latestContent .udr_sndId{float:left;}
.popup .hos_details .content .sub_content .latestContent .udr_rcvId{float:right;}
.popup .hos_details .content .sub_content .historyContent{
	width:90%; height:50px; overflow:auto;
	border:1px solid #c0c0c0 ;
	margin-top:1%;
	padding:3%;
	}
.popup .hos_details .content .sub_content .historyContent .udr_sndId{float:left;}
.popup .hos_details .content .sub_content .historyContent .udr_rcvId{float:right;}
.snd_rcv{clear:both;height:30%;}
.udr_remarks{clear:both;margin-top:3%;}
.table_list table a.link_send_msg{float:left;width:20px;height:20px;line-height:0px;font-size:0px;background:url(../images/send_msg.png) 0 0 no-repeat;text-indent:-10000px;margin-right:10px;}
.udr_rej{background-color: rgba(255,190,133,0.3) ; !important}
.main .main_title .main_title_cont .title2{float:left;line-height:64px;color:#fff;font-size:22px;font-weight:200;} /*lnk*/
.main .main_title .main_title_cont .title3{float:left;line-height:64px;color:#fff;font-size:22px;font-weight:200;} /*lnk*/
input[id=refresh_udr]{position: absolute;border: 0px;margin: 5px;margin-left: 20px;width: 39px; height: 48px;background: url(../images/refresh.png) 0 center no-repeat;}
/**END UDR**/

/** EDIT_HISTORY **/
.popup .edit_history_pop{margin-left:-45%;margin-top:-190px;width:90%;height:480px;}
.popup .edit_history_pop .top .center,.popup .edit_history_pop .bottom .center{width:98.6%;}
.popup .edit_history_pop .content{height:472px;background-color:#fff;}
.popup .edit_history_pop .content .title span{float:left;font-size:20px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .edit_history_pop .content .title2 span{float:left;font-size:18px;line-height:20px;color:#463134;font-weight:bold; padding-left: 20px;}
.popup .edit_history_pop .content .empty_space{height:15px;background-color:#fff;}
.popup .edit_history_pop .content .table_list2{margin:20px 20px 0 20px;overflow-X:auto;height:180px; }
.popup .edit_history_pop .content .table_list2 table{table-layout:fixed;width:100%;}
.popup .edit_history_pop .content .table_list2 table tr.hover td{background:url(../images/tr_over_bg.png) 0 0 repeat-x;/color:#000;}
.popup .edit_history_pop .content .table_list2 table tr.hover a{color:#000;}
.popup .edit_history_pop .content .table_list2 table th{padding:0px;height:30px;line-height:30px;font-size:15px;color:#000; text-align:center; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; vertical-align:middle;background:url(../images/th_bg.gif) 0 0 repeat-x; font-weight:bold;}
.popup .edit_history_pop .content .table_list2 table td{padding:0px;height:30px;line-height:30px;font-size:15px;color:#000; font-weight:bold;text-align:center; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; vertical-align:middle;}
/** EDIT_HISTORY popup**/

/* 添加的其它样式 */
.testPhoto{
	background:url(../images/pic_touxiang.jpg) 0 0 no-repeat;
}
.fontredcol{
	color:#ff0000;
}
.bgCoffd2ee{
	background-color:#ffD2EE;
}
.loadingMsgS{
	font-size:28px;
	text-align:center;
	width:100%;
	font-weight:bold;
}

.spanText{
	margin-top:5px;
}


.sort_asc{
	padding: 5px;
	background:url(../images/icon_triangle5.png) 0 9px no-repeat;
}
.sort_desc{
	padding: 5px;
	background:url(../images/icon_triangle4.png) 0 9px no-repeat;
}

.select { width:118px; height:24px; background:none; border:none;font-size:14px;color:#a8a8a8;font-weight:bold;position:relative;top:11px}
#sleHid { display:block; width:98px; overflow:hidden; }
#sleBG { width:113px; height:24px; border:white 1px solid; border-right:none; background:url("../images/font-8193.png") white no-repeat 95px 1px; display:block;position:relative;top:12px;}
/*Inventory--view column*/
.st-body-table > tbody tr td > a.link_play{float:left;width:20px;height:20px;background:url(../images/icon_play.png) 0 0 no-repeat;}
.st-body-table > tbody tr.hover .link_play{background:url(../images/icon_play_over.png) 0 0 no-repeat;}



.userManualTab{position: relative;float:left;width:100%;height:60px;padding-left:60px;}
.userManualTab .menus{float:left;height:60px;}
.userManualTab .menus .support{float:right;height:60px;}
.userManualTab .menus li{float:left;height:60px;width:80px;margin-left:10px;padding-left:3px;}
.userManualTab .menus li a{float:left;height:60px;padding:0 11px 0 5px;font-size:20}
.userManualTab .menus li a span{float:left;height:60px;line-height:60px;padding-left:30px;font-size:12px;color:black;font-weight:bold;white-space: nowrap;}
.userManualTab .menus li a .icon1{background:url(../images/icon_key.png) 0 center no-repeat; }
.userManualTab .menus li a .icon2{background:url(../images/icon_warning.png) 0 center no-repeat;}
.userManualTab .menus li a .icon4{background:url(../images/icon_location.png) 0 center no-repeat;}
.userManualTab .menus li a .icon8{background:url(../images/icon_file.png) 0 center no-repeat;}
.userManualTab .menus li a .icon16{background:url(../images/icon_config.png) 0 center no-repeat;}
.userManualTab .menus li a .icon32{background:url(../images/icon_account-setting.png) 0 center no-repeat;}
.userManualTab .menus li a .icon64{background:url(../images/icon_geofencing.png) 0 center no-repeat;}
.userManualTab .menus li a .icon128{background:url(../images/icon_support.png) 0 center no-repeat;}
.userManualTab .menus li a .icon256{background:url(../images/icon_maintenance.png) 0 center no-repeat;}
.spaceNull{position:absolute;float:left;width:100%;height:10px;}


.vehicleTab{position:absolute;top:230px;left:290px;width:160px;height:95px;padding-top:20px;background-color: #A0CE5A;text-align: left;color:white;z-index: 1000}
.vehicleTab li a{color:white;font-size:15px}
.alertTab{position:absolute;top:230px;left:390px;width:160px;height:68px;padding-top:20px;background-color: #A0CE5A;text-align: left;color:white;z-index: 1000}
.alertTab li a{color:white;font-size:15px}
.mapTab{position:absolute;top:230px;left:480px;width:160px;height:68px;padding-top:20px;background-color: #A0CE5A;text-align: left;color:white;z-index: 1000}
.mapTab li a{color:white;font-size:15px}
.reportTab{position:absolute;top:230px;left:580px;width:160px;height:98px;padding-top:20px;background-color: #A0CE5A;text-align: left;color:white;z-index: 1000}
.reportTab li a{color:white;font-size:15px}
.settingTab{position:absolute;top:230px;left:680px;width:220px;height:190px;padding-top:20px;background-color: #A0CE5A;text-align: left;color:white;z-index: 1000}
.settingTab li a{color:white;font-size:15px}
.inventoryTab{position:absolute;top:230px;left:780px;width:160px;height:30px;padding-top:20px;background-color: #A0CE5A;text-align: left;color:white;z-index: 1000}
.inventoryTab li a{color:white;font-size:15px}


.contentTitle{position:absolute;top:250px;left:280px;width:100%;height:80px;padding-top:20px;text-align: left; font-size: 28}

.userManualContent{position:absolute;top:320px;left:280px;text-align: left;}

/* Added by Sung Chi on 06/14/2016 for new layout of DVIR*/
div[id="dvirReportDiv"] label[class="dvir_header_label"] {font-size:15px;font-weight: bold;}
.dvir_header_value{font-size:15px; color: black;}
.dvir_textarea{resize:none; width: 100%;}
div[id="dvirReportDiv"] .dvir_element {font-size:15px;}
.dvir_col_width{ max-width: 300px;}
.main #dvirReportMainDiv {display: block; overflow:auto; width: auto;}
input[id="refresh_tree"]{position: absolute;border: 0px;margin: 5px;margin-left: 20px;width: 39px; height: 48px;background: url(../images/refresh.png) 0 center no-repeat;}

/*Maintanence Filter*/
.filter .add_new{width:100%;line-height: 30px;cursor: pointer;}
.filter body {background-color:#f4f4f4;}
.filter button{display: inline-block; padding: 3px 6px;margin-bottom: 0;font-size: 12px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;
cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;color: #333; background-color: #fff;border-color: #ccc;}
.filter i{font-size:13px;}
.filter .buttons{float: right; padding-right: 10px;}
.filter .button-delete{background-color: #FFF;border: 1px solid #6D6D6D; border-radius: 2px; color: #6D6D6D;font-size: 12px; height: 24px;width: 80px;}
.filter .button-create{background-color: #185DA5;border: medium none; border-radius: 2px; color: #fff;font-size: 12px; height: 24px;width: 80px;}
.filter .button-update{background-color: #185DA5;border: medium none; border-radius: 2px; color: #fff;font-size: 12px; height: 24px;width: 80px;}
.filter .button-pdf-export{background-color: #185DA5;border: medium none; border-radius: 2px; color: #fff;font-size: 12px; height: 24px;width: 80px;}
.filter .carret{float:right;color:#4CAF50;}
.filter .config{width:80%;line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.filter .col-xs-6{width: 50%;float: left;position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.filter .col-xs-12{width: 100%;float: left;position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.filter .date-picker-container {border:1px solid #ccc; width:100%;height:45px;margin-bottom: 10px;padding:5px 5px;}
.filter .dropbtn {background-color: white;color: black;height: 48px;width: 226px;padding: 16px;font-size: 16px;border: none;cursor: pointer;text-align: left;}
.filter .dropdown {position: relative;display: inline-block;float: right;}
.filter .dropdown .selected {max-width: 150px; overflow-x: hidden;text-overflow: ellipsis;display: inline-block;}
.filter .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 226px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.filter .dropdown-content .options {color: black;padding: 5px 16px;text-decoration: none;display: flex; max-height: 40px;}
.filter .dropdown-content .add_new_row {color: black;padding: 5px 16px;text-decoration: none;display: flex;border-top: solid 1px lightgray;}
.filter .dropdown-content .options:hover {background-color: #f1f1f1}
.filter .dropdown-content .add_new_row:hover {background-color: #f1f1f1}
.filter .dropdown:hover .dropdown-content {display: block; overflow-y: auto; max-height: 300px;overflow-x: auto;max-width: 226px;}
.filter .dropdown:hover .dropbtn {background-color: #3e8e41;}
.filter .edit{width:20%;float:right;cursor: pointer;line-height: 30px;color:white;background-color: #4CAF50;text-align: center;}
.filter .form-group{margin-bottom: 10px;}
.filter #filter_list{max-width:150px;}
.filter .items-container {border:1px solid #ccc; width:100%; height:250px;overflow-y: scroll; margin-bottom: 10px;line-height: 20px;}
.filter .items-container-title {background-color: #f5f5f5;width:100%;color:#666666;font-weight:bold;border: solid 1px #dddddd;line-height: 30px;padding: 0px 10px;}
.filter label {text-align: right;clear: both;float:left;margin-right:15px;}
.filter .popup{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;display:none;}
.filter .popup .alert_details {width: 50%;margin-left:25%;margin-top:10%;}
.filter .popup .alert_details .content {height: 450px;background-color: #fff;overflow-y: scroll;}
.filter .popup .popup_cont {top: 0;left: 0;}
.filter .popup .popup_cont .content .title {padding: 30px 30px;height: 26px;}
.filter .popup .alert_details .content .title span {float: left;font-size: 20px;line-height: 26px;color: black;font-weight: bold;    border-left-width: 10px;border-left-color: #61b92d; border-left-style: solid;padding-left: 20px}
.filter .popup .popup_cont .content .title .btn_close {float: right;width: 37px;height: 26px;}
.filter .popup .popup_cont {position: absolute;z-index: 2;}
.filter .popup .popup_body{width: 100%;padding: 10px 50px;}

.filter .datePickerLabel {float:left;padding:0px 0px;line-height:48px;width:40px;font-size:15px;color:#a8a8a8;background:url(../images/input_bg.gif) 0 0 no-repeat;border-right:1px solid #d9dadb;font-weight:bold;text-align:center;}
.filter .input_date {float:left;padding:0px 10px;height:48px;line-height:48px;font-size:15px;background:url(../images/input_bg.gif) right 0 no-repeat;border:none;}
.filter * {box-sizing: border-box;}

/*HOS - DVIR*/
.dvir {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;margin: 0;box-sizing: border-box;display: block;}
.dvir .dvir-btn {float: right; display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.dvir .btn-default {color: #333;background-color: #fff;border-color: #ccc;}
.dvir .btn-row{float:right; margin-right: 0px !important;}
.dvir .btn-success {color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.dvir .certify {color: #777;}
.dvir .col-xs-2 {width: 16.66666667%;}
.dvir .col-xs-4 {width: 33.33333333%;}
.dvir .col-xs-6 {width: 50%;}
.dvir .col-xs-12 {width: 100%;}
.dvir .col-xs-2, .dvir .col-xs-4, .dvir .col-xs-6, .dvir .col-xs-12{float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.dvir .container {margin-bottom: 150px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.dvir .dvirTitle {margin-bottom: 30px;border-left-width: 10px;border-left-color: #61b92d;border-left-style: solid;padding-left: 20px;}
.dvir div {margin : auto;}
.dvir .form-control[disabled]{cursor: not-allowed;background-color: #eee;opacity: 1;}
.dvir .form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.dvir h1, h3 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;margin-top: 20px;margin-bottom: 10px;}
.dvir h1 {font-size: 36px;}
.dvir h3, .dvir .h3 {font-size: 24px;}
.dvir h1 small {font-size: 65%;font-weight: normal;line-height: 1;color: #777;}
.dvir .history-switch-div {float: right;}
.dvir input:checked + .slider {background-color: #5cb85c;}
.dvir input:focus + .slider {box-shadow: 0 0 1px #5cb85c;}
.dvir input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.dvir .ins-sub-title {text-align: center;background-color: white !important;}
.dvir .ins-title {text-align: center;}
.dvir .ins-sub-title {text-align: center;background-color: white !important;}
.dvir .int-List tr:nth-child(even){background-color: rgba(245, 245, 245, 0.40);}
.dvir .ins-checkbox {width :10%;}
.dvir label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: bold;}
.dvir label.checkbox-label {font-weight: normal;}
.dvir line,.dvir rect {stroke: #b8b8b8;stroke-width: 0.75;fill: transparent;}
.dvir .pull-right {float: right !important;}
.dvir .radio.disabled label, .dvir .checkbox.disabled label, .dvir fieldset[disabled] .radio label, .dvir fieldset[disabled] .checkbox label {cursor: not-allowed;}
.dvir .row {margin-right: -15px;margin-bottom: 0px; width:100%}
.dvir .switch-label{float:left;position: relative;height: 34px;text-align: center;padding-top:7px;margin-right: 6px;}
.dvir .switch {position: relative;width: 60px;height: 34px;}
.dvir .switch input {display:none;}
.dvir .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.dvir .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.dvir .slider.round {border-radius: 34px;}
.dvir .slider.round:before {border-radius: 50%;}
.dvir .signature {border-bottom: 1px solid #b8b8b8;text-align: center;padding-bottom: 3px;overflow:hidden;display:block;}
.dvir .signatureContainer{vertical-align: bottom !important;}
.dvir .signature-date {margin-top:50px;}
.dvir .sub-title:before {content: '\00BB';color: #61b92d;font-size: 36px;margin:0 10px;}
.dvir section{display: block;}
.dvir .table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.dvir table {background-color: transparent; border-spacing: 0;border-collapse: collapse;}
.dvir .table-bordered {border: 1px solid #ddd;}
.dvir .table-bordered > thead > tr > th, .dvir .table-bordered > tbody > tr > th,.dvir .table-bordered > tfoot > tr > th,.dvir .table-bordered > thead > tr > td,.dvir .table-bordered > tbody > tr > td,.dvir .table-bordered > tfoot > tr > td {border: 1px solid #ddd;}
.dvir .table > tbody > tr > th, .dvir .table > tbody > tr > td {float:none;padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.dvir table th [class*="col-"], .dvir table td[class*="col-"] {position: static;display: table-cell;float: none;}
.dvir .table th {background-color: #f5f5f5;font-weight: bold;}
.dvir th{text-align: left;}
.dvir .table-condensed > thead > tr > th, .dvir .table-condensed > tbody > tr > th, .dvir .table-condensed > tfoot > tr > th, .dvir .table-condensed > thead > tr > td, .dvir .table-condensed > tbody > tr > td, .dvir .table-condensed > tfoot > tr > td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.dvir .table-condensed > tbody > tr > td{padding-top : 2px;padding-bottom : 2px;padding-right: 2px;padding-left: 10px;font-size: 11px;}
.dvir .table th {background-color: #f5f5f5;}
.dvir textarea.form-control {height: auto;}
.dvir .tooltip {position: relative; display: block;border-color: transparent; color:#666;}
.dvir .tooltip .tooltiptext {visibility: hidden;width: 180px;background-color: #555;color: #fff;text-align: center;padding: 5px 0;border-radius: 6px;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 1s;}
.dvir .tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}
.dvir .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
.dvir * {box-sizing: border-box;}

/*Report Scheduler*/

.scheduler .popup .alert_details .content .title span  {padding: 0px 40px 10px 35px; color: #275b58}
.scheduler .popup .popup_body{padding: 0px 100px 50px 50px;}
.scheduler .button-new  {background-color: #275b58;border: medium none; border-radius: 10px; color: #fff;font-size: 12px; height: 24px;width: 140px;margin: 0px 85px 0px 0px; float: right; }
.scheduler .button-save {background-color: #275b58;border: medium none; border-radius: 10px; color: #fff;font-size: 12px; height: 24px;width: 140px;float: right; }
.scheduler .table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.scheduler table {background-color: transparent; border-spacing: 0;border-collapse: collapse;}
.scheduler .table > tbody > tr > th, .scheduler .table > tbody > tr > td {float:none;padding: 15px;vertical-align: top;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.scheduler table th [class*="col-"], .scheduler table td[class*="col-"] {position: static;display: table-cell;float: none;}
.scheduler .table th {background-color: #f5f5f5;font-weight: bold;}
.scheduler th{text-align: left;}
.scheduler .table th {background-color: #f5f5f5;}
.scheduler .items-container {border:1px solid #ccc; width:100%; height:250px;overflow-y: scroll; margin-bottom: 10px;line-height: 20px;}
.scheduler .items-container-title {background-color: #f5f5f5;width:100%;color:#666666;font-weight:bold;border: solid 1px #dddddd;line-height: 30px;padding: 0px 10px;}

/*violation popup edit by ben*/
.clearfix:before,
.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}

.line-container{text-align:center;margin:0;margin-bottom:10px;clear:both;color:#6a737c;font-variant:small-caps;}
.line-container .line-hr{margin-bottom:0px;position:relative;top:19px;height:0px;border:0;border-top:1px solid #e4e6e8;}
.line-container .line{display:inline-block;position:relative;padding:10px;background-color:#fff;}
.title_previolation_pop{height:26px;padding:10px 15px 0;}
.title_previolation_pop span{float:left;font-size:20px;line-height:26px;font-weight:bold}
.title_previolation_pop .layerClose{float:right;width:37px;height:26px;background:url(../images/icon_erase.png) 0 0 no-repeat;}


.main .main_title{border: 2px solid rgba(120,120,122, 0.4);}

.main .hos_left{margin-top:12px;margin-left:15px;position:absolute;float:left;width:200px; overflow:hidden;margin-top:30px}
.main .hos_left .left_title{margin-bottom:0px;padding:0 30px;height:58px;line-height:58px;font-size:19px;font-weight:bold;color:rgb(127,127,127);background:#f5f5f5;border: 2px solid rgba(120,120,122, 0.4);}
.main .hos_left .left_title2{padding:0 20px;bottom:10px;height:45px;line-height:43px;border-top:3px solid ;font-size:15px;font-weight:bold;color:rgb(127,127,127);cursor:pointer;background:#f5f5f5;}
.main .hos_left .left_title2:hover{color:black;}

.main .hos_left h2{border: 2px solid rgb(120,120,122);}

.main .content .alert_hos_menu {margin:20px 20px 0;height:38px;position:relative;/* z-index:10; */}
.main .content .alert_hos_menu li{float:left;margin-left:10px;height:38px;padding-left:4px;background:#fff}
.main .content .alert_hos_menu li span{float:left;padding:0px 24px 0px 20px;height:38px;line-height:38px;font-size:15px;color:rgb(127,127,127);}
.main .content .alert_hos_menu li.active{background: #275b58;border-radius: 8px;}
.main .content .alert_hos_menu li:hover{border-bottom:1px solid #FFBE85;padding-top:-5px}
.main .content .alert_hos_menu li.active span{color:#fff;font-weight:bold;}

/*drivers */
.hos_tt{background-color:#fff !important;padding-top: 20px !important;padding-bottom: 15px !important;padding-left: 21px !important;border: 2px solid rgba(120,120,122, 0.4);border-top: none;}
.hos_tt li ul li .tree-node .tree-title{color:rgb(127,127,127);}
.hos_tt li .tree-node{color:rgb(127,127,127);}
.hos_tt li span.tree-title{color: #337ab7;font-size: 14px;}

.hos_temp{background-color:#fff !important; border-top: none;}
.hos_temp li ul li .tree-node .tree-title{color:rgb(127,127,127);}
.hos_temp li .tree-node{color:rgb(127,127,127);}
.hos_temp li span.tree-title{color: #000000;font-size: 14px;}

.hos_table{background: url(../images/bg2.gif) 0 0 repeat;}
.table_check_width{width: 65px;}
/* hos modify */
.hosOpTileColor{color:#275b58 !important;}
#hosTableDiv th{background-color:#f5f5f5}
#hosTableDiv tr.hover td{background:none;background-color: rgba(39, 91, 88, 0.3);}

#hosDetailTableDiv table tr.odd td{background-color:#f5f5f5;}
#dvirDetailTbody tr.odd td{background-color:#f5f5f5;}

#hosIndexTbody td{background-color:#fff}
#hosIndexTbody tr.odd td{background-color:#f5f5f5;}
#hosIndexTbody tr.hover{background:none;background-color: rgba(39, 91, 88, 0.3);}

#iftaTbody tr.odd td{background:none;background-color:#f5f5f5;}
#iftaTbody tr.hover{background:none;background-color: rgba(39, 91, 88, 0.3);}
#iftaTbody tr.hover td{background:none;}

#udrUnAssignTbody tr.odd td{background-color:#f5f5f5;}
#udrUnAssignTbody tr:hover td{background:none;background-color: rgba(39, 91, 88, 0.3);}

#editHistoryTbody tr:odd td{background-color:#f5f5f5;}
#editHistoryTbody tr:hover td{background:none;background-color: rgba(39, 91, 88, 0.3)!important;}

#hosDetailTbody tr:hover td{background:none;background-color: rgba(39, 91, 88, 0.3)!important;}

.exportPopupSpan{color: #275b58;font-weight: bold;font-size: 17px;}
/* fleetup enterprise */
.header_op{float:left;width:100%;height:48px;background:#275b58;}
.header_op h1{background-color:#fff}
.header_op #logo_op_img{height: 100%}
.header_op .logo{float:left;height:46px;margin-left: 5px;/*background:url(../images/logo.png) 0 0 no-repeat;*/text-indent:-10000px;border: 1px solid #275b58;}
.header_op .login_info{float:right;height:45px;dispaly:inline-block;position:relative;    border: 1px solid #275b58;}
.header_op .version{color: #fff;font-size: 16px;line-height: 64px;padding-left: 20px;}
.header_op .company{position: absolute;top: 14px;line-height: 20px;color: #fff;font-size: 27px;font-weight: bold;}
.header_op .login_info .font1{float:left;line-height:35px;font-szie:13px;color:#85cdef;}
.header_op .login_info .font2{float:left;line-height:35px;margin-right:20px;font-szie:13px;color:yellow;}
.header_op .login_info .language{float:left;height: 45px;border-right: 1px solid rgb(127,127,127);}
.header_op .login_info .language select{height:inherit;color: rgb(127,127,127);font-size: 16px;font-weight: bold;padding-left: 22px;}
.header_op .login_info .language select option{font-size:13pt;}
.header_op .login_info .language label{float:left;line-height:26px;font-size:13px;color:#fff;}
.header_op .login_info .language span{float:left;padding-left:5px;line-height:26px;font-size:13px;color:#fff;}
.header_op .login_info .language a.btn_dropdown{float:left;margin:9px 0 10px 10px;width:9px;height:7px;line-height:0px;font-size:0px;background:url(../images/icon_triangle1.png) 0 0 no-repeat;}
.header_op .login_info .user{float:left;margin:0 0 0 25px;height:35px;}
.header_op .login_info .user .user_name{float:left;line-height:35px;color:#fff;font-size:15px;font-weight:bold;}
.header_op .login_info .user .btn_dropdown{float:left;margin:14px 0 14px 15px;width:9px;height:7px;line-height:0px;font-size:0px;background:url(../images/icon_triangle2.png) 0 0 no-repeat;}
.header_op .login_info .user .user_photo{float:left;margin:0 0 0 15px;width:35px;height:35px;}

/*  navigation enterprise  */
.navigation_op{position: relative;float:left;width:100%;margin-top: -12px;}
.navigation_op .menus{float:left;min-width:1280px;margin-left:40px;margin-top: 15px;}
.navigation_op .menus .support{float:right;height:50px;}
.navigation_op .menus li{float:left;height:40px;margin-left:15px;margin-top:10px;padding-left:3px;width: 89px;}
.navigation_op .menus li a{float:left;padding:0 11px 0 5px;}
/* .navigation_op .menus li a span{float:left;line-height:30px;font-size:17px;color:rgb(127,127,127);font-weight:bold;} */
.navigation_op .menus li a span{float:left;line-height:30px;font-size:17px;color:#337ab7;font-weight:bold;}

.navigation_op .menus li a:hover{border-bottom: 1px solid #275b58;}

.enterprise_header_wrapper{margin-top: 4px;}

/* stuatus */
.enterprise_search_wrapper {display:inline-block;float: right;border-radius: 11px;}
.enterprise_search_wrapper .search{float:right;padding:5px 0px;height:48px;margin-top:-5px;}
.enterprise_search_wrapper .search li{float:left;padding-left:6px;height:48px;border: 2px solid rgba(127,127,127,0.3);border-radius: 9px;width: 195px;}
.enterprise_search_wrapper .search label{float:left;padding:0px 10px;line-height:48px;font-size:15px;color:#a8a8a8;background:url(../images/input_bg.gif) 0 0 no-repeat;border-right:1px solid #d9dadb;font-weight:bold;}
.enterprise_search_wrapper .search input{float:left;padding:0px 10px;height:48px;line-height:48px;font-size:15px;background: url(../images/input_date_bg.gif) right -3px no-repeat;width:150px;border:none;}

.enterprise_header_search_wrapper{float: right;height: 48px;}

.myTabTop{!important;background-color:#f9f9f9; padding: 7px 0; padding-left: 17px; margin-top: -7px; border-top: 1px solid #d3d3d3;}
.myStatus-Wrapper{float: left !important; padding: 0 8px !important;}
.table_list table th{white-space: inherit !important; line-height: 26px !important;}
.status-wrapper{min-width: 100px;height: 44px;border-radius: 8px; margin-left: -1px;display: inline-block; margin-bottom: 0px; }
.status-wrapper .status{margin-top: 4px;margin-left: 5px;}
.status-wrapper .status span{float:left;font-size: 13px;padding-left: 6px;line-height: 32px;    margin-right: 6px;padding-top: 1px;}
.status-wrapper .status .statusNum1{float: left;color:white;background-color: #777;border-radius: 17px;min-width: 38px;height: 30px;margin-top: 3px;}

.mytabactive{background-color: #5cb85c !important;}
.mytabactive .statusNum .statusNum1 span{background-color:white !important;color: white;border-radius: 17px;color:#337ab7;min-width: 42px;height: 30px;}
.mytabactive .statusNum span{color: white;}


/* enterprise common */
.op_search{border-radius: 9px;border: 2px solid rgba(127,127,127,0.3);margin-top: 10px;margin-right: 18px;float:right;padding:5px 0px;height:35px;/* margin-top:4px; */ }
.op_search li{float:left;height:40px;margin-right: 13px;}
.op_search label{float:left;padding:0px 10px;line-height:48px;font-size:15px;color:#a8a8a8;background:url(../images/input_bg.gif) 0 0 no-repeat;border-right:1px solid #d9dadb;font-weight:bold;height:35px;}
.op_search input{float:left;padding:0px 10px;height:35px;line-height:48px;font-size:13px;background:url(../images/input_bg.gif) right 0 no-repeat;border:none;}
.input_groupName{width:175px;}
.op_search .input_date{padding:0 40px 0 10px;width:100px;background:url(../images/input_date_bg.gif) right 0 no-repeat;}
.op_search .btn_search{float:left;width:35px;height:35px;background:url(../images/btn_search.gif) 0 0 no-repeat;background-size: 100% 100%;}
.table_border{border: 1px solid rgba(127,127,127,0.1);}

.reflesh_icon_wrapper{float: left;margin-top: 6px;}
.reflesh_icon_wrapper .reflesh_icon{background:url(../images/refresh.png) 0 0 no-repeat;width: 41px;height: 41px;display: none;    background-size: 100% 100%;}

/* hos */
.left_hos_op{position:absolute;width: 63%;float: left;max-height: inherit;}
.right_hos_op{position:absolute;left:64%;float: left; width:34.5%; margin-left:8px;max-height: inherit;}
.right_hos_op .logsDriverInfoWrapper{height:50px;line-height:0px;font-size:0px;background-color: gray;color: #fff;border-radius: 2px;display: inline-block;width: 96%;margin-left: 2%;margin-top:10px;}
.wrap-loading_op{display:none; margin-top:-200px; margin-left:50%}
.wrap-loading_op img{display: block;vertical-align: top;width: 100px;}

#logsDriverInfo{font-size: 17px;text-align: center;padding-left: 13px;line-height: 48px;}


/* enterprise account */
.doClientAdmin{color:#ed9242 !important;}
#operator_account tr:odd{background-color:#f5f5f5;}
#operator_account tr:hover{background:none;background-color: rgba(39, 91, 88, 0.3)!important;}

#vehicles_info tr:odd{background-color:#f5f5f5;}
#vehicles_info tr:hover{background:none;background-color: rgba(39, 91, 88, 0.3)!important;}

#bdriver-overview tr:hover{background:none;background-color: rgba(39, 91, 88, 0.3)!important;}

/* enterprise Vehicles */
.ent_odd{background:none !important;background-color:#f5f5f5 !important;}
#vehicles_info td{border: 1px solid rgba(127,127,127,0.1);}
#hosOneDayEventLogger table thead tr th a{font-size:15px}

#fuelDetailTableDiv table tbody tr td > a.link_play{float:left;width:20px;height:20px;background:url(../images/icon_play.png) 0 0 no-repeat;}
#fuelDetailTableDiv table tbody tr td > a.link_play_clicked{float:left;width:20px;height:20px;background:url(../images/icon_play.png) 0 0 no-repeat;border:solid;border-color: black;}
#fuelDetailTableDiv table tbody tr.hover .link_play{background:url(../images/icon_play_over.png) 0 0 no-repeat;}


.popup .ent_vehicles_popup{margin-left:-43%;margin-top:-239px;width:86%;max-height:480px;}
.popup .ent_vehicles_popup .top .center,.popup .vehicles_popup .bottom .center{width:98.6%;}
.popup .ent_vehicles_popup .content{height:462px;background-color:#fff;}
.popup .ent_vehicles_popup .content .title span{float:left;font-size:15px;line-height:26px;color:#275b58;font-weight:bold;margin-left:5px;}
.popup .ent_vehicles_popup .content .title span strong{font-size:27px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .ent_vehicles_popup .content .title span label{color:#275b58;font-size:15px;line-height:26px;font-weight:bold;}
.popup .ent_vehicles_popup .content .table_list2{margin:20px 0 0;overflow-X:auto;height:400px;}
.popup .ent_vehicles_popup .content .table_list2 table{width:auto;}

/*enterprise Filter*/
.ent_filter .add_new{width:100%;line-height: 30px;cursor: pointer;}
.ent_filter body {background-color:#f4f4f4;}
.ent_filter button{display: inline-block; padding: 3px 6px;margin-bottom: 0;font-size: 12px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;
cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;color: #333; background-color: #fff;border-color: #ccc;}
.ent_filter i{font-size:13px;}
.ent_filter .buttons{float: right; padding-right: 10px;}
.ent_filter .button-delete{background-color: #FFF;border: 1px solid #6D6D6D; border-radius: 2px; color: #6D6D6D;font-size: 12px; height: 24px;width: 80px;}
.ent_filter .button-pdf-export{background-color: #185DA5;border: medium none; border-radius: 2px; color: #fff;font-size: 12px; height: 24px;width: 80px;}
.ent_filter .carret{float:right;color:#4CAF50;}
.ent_filter .filter_table_wapper{margin-top: 16px;}
.ent_filter .config{width:80%;line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ent_filter .filter_table_wapper .col-xs-6{width: 50%;float: left;position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.ent_filter .filter_table_wapper .col-xs-12{width: 100%;float: left;position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.ent_filter .date-picker-container {border:1px solid #ccc; width:100%;height:45px;margin-bottom: 10px;padding:5px 5px;}
.ent_filter .dropbtn {background-color: white;color: black;height: 48px;width: 226px;padding: 16px;font-size: 16px;border: none;cursor: pointer;text-align: left;}
.ent_filter .dropdown {position: relative;display: inline-block;float: right;}
.ent_filter .dropdown .selected {max-width: 150px; overflow-x: hidden;text-overflow: ellipsis;display: inline-block;}
.ent_filter .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 226px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.ent_filter .dropdown-content .options {color: black;padding: 5px 16px;text-decoration: none;display: flex; max-height: 40px;}
.ent_filter .dropdown-content .add_new_row {color: black;padding: 5px 16px;text-decoration: none;display: flex;border-top: solid 1px lightgray;}
.ent_filter .dropdown-content .options:hover {background-color: #f1f1f1}
.ent_filter .dropdown-content .add_new_row:hover {background-color: #f1f1f1}
.ent_filter .dropdown:hover .dropdown-content {display: block; overflow-y: auto; max-height: 300px;overflow-x: auto;max-width: 226px;}
.ent_filter .dropdown:hover .dropbtn {background-color: #3e8e41;}
.ent_filter .edit{width:20%;float:right;cursor: pointer;line-height: 30px;color:white;background-color: #4CAF50;text-align: center;}
.ent_filter .form-group{margin-bottom: 10px;}
.ent_filter #filter_list{max-width:150px;}
.ent_filter .items-container {border:1px solid #ccc; width:100%; height:200px;overflow-y: scroll; margin-bottom: 10px;line-height: 20px;}
.ent_filter .items-container-title {width:100%;color:#a8a8a8;font-weight:bold;line-height: 16px;}
.ent_filter .items-container-title span{color: rgba(39, 91, 88, 0.7);font-weight: bold;font-size: 16px;}
.ent_filter label {text-align: right;clear: both;float:left;margin-right:15px;color: rgba(39, 91, 88, 0.7);}
.ent_filter .popup{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;display:none;}
.ent_filter .popup .alert_details {width: 503px;margin-left:38%;margin-top:16%;}
.ent_filter .popup .alert_details .content {height: 394px;background-color: #fff;}
.ent_filter .popup .popup_cont {top: 0;left: 0;}
.ent_filter .popup .popup_cont .content .title {padding: 15px 30px;height: 46px;}
.ent_filter .popup .alert_details .content .title span {float: left;font-size: 23px;line-height: 29px;color: #275b58;font-weight: bold;;margin-left: -10px;}
.ent_filter .popup .popup_cont .content .title .btn_close {float: right;width: 37px;height: 26px;}
.ent_filter .popup .popup_cont {position: absolute;z-index: 2;}
.ent_filter .popup .popup_body{width: 100%;padding: 10px 11px;}

.ent_filter .datePickerLabel {float:left;padding:0px 0px;line-height:48px;width:40px;font-size:15px;color:#a8a8a8;background:url(../images/input_bg.gif) 0 0 no-repeat;border-right:1px solid #d9dadb;font-weight:bold;text-align:center;}
.ent_filter .input_date {float:left;padding:0px 10px;height:48px;line-height:48px;font-size:15px;background:url(../images/input_bg.gif) right 0 no-repeat;border:none;}
.ent_filter * {box-sizing: border-box;}

.status_ent_filter_wrapper{min-width: 79px;background-color: #275b58;height: 35px;border-radius: 19px;margin-left: 9px;display: inline-block;margin-bottom: 5px;float:left;}
.status_ent_filter_wrapper .status{height: inherit;}
.status_ent_filter_wrapper .status span{float:left;font-size: 17px;color: #fff;line-height: 32px;    margin-right: 6px;display: inline-block;text-align: center;width: 100%;height: 100%;}
.status_ent_filter_wrapper .status .status_num{    float: left;background-color: #ed9242;border-radius: 17px;min-width: 42px;height: 30px;margin-top: 3px;}

.ent_sort_asc{
	padding: 5px;
	background:url(../images/icon_triangle5.png) 0 9px no-repeat;
	margin-left: 11px;
}
.ent_sort_desc{
	padding: 5px;
	background:url(../images/icon_triangle4.png) 0 9px no-repeat;
	margin-left: 11px;
}

/*dropdown menu*/
.dropbtn {
    background-color: transparent;
    color: white;
    padding: 16px;
    font-size: 22px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 15px 16px;
    text-decoration: none;
    display: block;
    font-size:16px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: transparent;
}

.caret {
    display: inline-block;
    width: 3px;
    height: 0;
    margin-left: 12px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.font_color_tt{
	font-color:#9c7979
}

.popup .hosNewDriver{margin-left:-350px;margin-top:-270px;width:720px;height:430px;}
.popup .hosNewDriver .top .center,.popup .newUser .bottom .center{width:482px;}
.popup .hosNewDriver .content{height:480px; margin-top:-74px; background-color:#fff;}
.popup .hosNewDriver .content .title span{float:left;font-size:36px;line-height:26px;color:#006aff;font-weight:bold;}
.popup .hosNewDriver .content .selectBox {float:left;padding-left:150px; font-size:16px; line-height:26px;color:#666695;}
.popup .hosNewDriver .content .selectBox label{float:left;padding-right:5px;width:180px;line-height:28px;text-align:right;font-size:16px;}
.popup .hosNewDriver .content .newUser_form{margin:0px auto;padding-top:20px;width:400px;}
.popup .hosNewDriver .content .newUser_form li{float:left;width:100%;padding-top:10px;}
.popup .hosNewDriver .content .newUser_form li label{float:left;padding-right:10px;width:160px;line-height:28px;text-align:left;font-size:15px;}
.popup .hosNewDriver .content .newUser_form li input{float:left;padding:0px 5px;width:200px;height:26px;line-height:26px;border:1px solid #ccc;}
.popup .hosNewDriver .content .newUser_form li input[type=checkbox]{width:20px;}
.popup .hosNewDriver .content .newUser_form li.btns{padding-top:20px;padding-left:180px;}
.popup .hosNewDriver .content .newUser_form li.btns2{padding-top:20px;padding-left:40px;}
.popup .hosNewDriver .content .newUser_form li.btns input{width:103px;height:48px;border:none;color:#fff;font-size:17px;background:url(../images/btn_bg.png) 0 0 no-repeat;}
.popup .hosNewDriver .content .newUser_form li.btns .btn_update{margin-left:30px;}
.popup .hosNewDriver .content .newUser_form li.btns .btn_back{margin-left:50px;}
.popup .hosNewDriver .content .editDiv {padding-top:40px;}
.popup .hosNewDriver .content .editDiv .col-xs-6{width: 25%;float: left;position: relative;min-height: 1px;padding-right: 10px;padding-left: 90px;}
.popup .hosNewDriver .content .editDiv .col-xs-7{width: 50%;float: left;position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}


.main .content .drivers_menu {margin:20px 20px 0;height:38px;position:relative;/* z-index:10; */}
.main .content .drivers_menu li{float:left;margin-left:10px;height:38px;padding-left:4px;background:url(../images/tab_menu_left_bg_default.gif) 0 0 no-repeat;}
.main .content .drivers_menu li span{float:left;padding:0px 24px 0px 20px;height:38px;line-height:38px;font-size:15px;color:#fff;background:url(../images/tab_menu_right_bg_default.gif) right 0 no-repeat;}
.main .content .drivers_menu li.active{background:url(../images/tab_menu_left_bg_over.gif) 0 0 no-repeat;}
.main .content .drivers_menu li.active span{background:url(../images/tab_menu_right_bg_over.gif) right 0 no-repeat;color:#073360;font-weight:bold;}
.main .content .drivers_menu li span:hover{background:url(../images/tab_menu_right_bg_over.gif) right 0 no-repeat;color:#073360;font-weight:bold;}
.main .content .tab_menu_cont{display:none;margin:-1px 20px 0;padding:0 0 15px;border:1px solid #073360;position:relative;z-index:9;}

.tooltipNew {
  position: relative;  border-width: 0px !important;
  display: inline-block;
}

.tooltipNew .tooltiptext {
  visibility: hidden;
  width: 130px; line-height:13px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 6px;
  border-radius: 4px;
  text-indent:0; top:25px; left:-61px;
  position: absolute;
  z-index: 1; font-weight: normal; white-space: normal;
}
.overFlowNone{ overflow: visible !important;}

.tooltipNew:hover a .tooltiptext {
  visibility: visible;
}
.tooltipNew a.link_setting{ margin-right: 0 !important;}
.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #555;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: -5px;
}


/*Kailas 06 july  */
.myModal-header{padding: 20px 0 !important; border-bottom: 1px solid #ddd;}
.myCloseBtn{background: #e5e5e5; padding: 7px 12px; border-radius: 5px; margin-top: -28px;}
.myModalTitle{font-size: 16px !important; color: #000 !important;}
.mytableList{box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) !important; border: 1px solid #ccc; padding: 20px;}
.myContent{padding: 0 20px !important;}
#assetDetailDialog .dataTables_length{margin-bottom: 21px; margin-top: 5px;}
#assetDetailDialog .dataTables_wrapper .dataTables_filter input{padding: 5px 0 !important;}
#assetDetailDialog label{font-size: 15px !important;}
.mySearchIcon{width: auto; float: left;}
.mySearchIcon:hover{color: #ed9242;}
.mySearchOuter{float: left; margin-right: 36%;}

#asset_table table.dataTable.no-footer{border: 1px solid #ccc;}

/* Bike */
#bikeDetailDialog .dataTables_length{margin-bottom: 21px; margin-top: 5px;}
#bikeDetailDialog .dataTables_wrapper .dataTables_filter input{padding: 5px 0 !important;}
#bikeDetailDialog label{font-size: 15px !important;}
#bikeDetailDialog table.dataTable.no-footer{border: 1px solid #ccc;}
.asset_status_num{float: left; background-color: #ed9242;border-radius: 17px; min-width: 42px;height: 30px;margin-top: 3px;}
.bike_status_num{float: left; background-color: #ed9242;border-radius: 17px; min-width: 42px;height: 30px;margin-top: 3px;}
.temp_status_num{float: left; background-color: #ed9242;border-radius: 17px; min-width: 42px;height: 30px;margin-top: 3px;}

/* Temprature */
#temp_DetailDialog .dataTables_length{margin-bottom: 21px; margin-top: 5px;}
#temp_DetailDialog .dataTables_wrapper .dataTables_filter input{padding: 5px 0 !important;}
#temp_DetailDialog label{font-size: 15px !important;}
#temp_DetailDialog table.dataTable.no-footer{border: 1px solid #ccc;}
.sensor-setting-edit-after{display: none;}
.myChartMain2 ul li{float: left !important;
margin-left: 1px !important; margin-right: 3px !important;
 padding: 10px 30px !important;
  border-radius: 5px 5px 0px 0px !important; border-bottom: 1px solid #ccc;
 }

.myChartMain2 ol ul{padding-bottom: 0 !important;}
.myChartMain2 .modal-header{padding: 20px;}
.myChartMain2 .btn_close{margin-top: -12px;}
.myChartMain2 .highcharts-container{border: 1px solid #ccc !important;}
.myChartMain2 .mytabactive{border: 1px solid #aeaeae; color: #fff !important;}


#humidity1{
	display: none;
}
#battery1{
	display: none;
}
/* End */
.popup .ent_vehicles_popup{height: 84% !important;
min-height: 82% !important;  top: 8% !important; margin-top: 0px !important;}



#myAlert .popup_cont.ent_vehicles_popup{
width: 350px !important;
max-height:175px !important;
min-height:175px !important;
height: 175px !important;
top: 43% !important;
margin-top: -80px !important;
margin-left: -175px !important;
 }

#myAlert .popup_cont.ent_vehicles_popup .modal-header{
    padding: 13px 15px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 17px;
}
#myAlert .popup_cont.ent_vehicles_popup .modal-header a.btn_close{ margin-top: -18px;}
#myAlert .popup_cont.ent_vehicles_popup .modal-body{
	padding: 13px 15px 10px; font-size: 14px; height: 48px;
}
#myAlert .popup_cont.ent_vehicles_popup .modal-footer{border-top: 1px solid #ddd;padding: 10px 15px 10px; font-size: 14px; text-align: right}
#myAlert .popup_cont.ent_vehicles_popup .modal-footer a.btn_close.btn{ border-radius:4px;  display: inline-block; padding:9px 14px; border:1px solid #ddd; background: #ccc; color:#444;}

.popup .ent_vehicles_popup .content{ position: relative;  margin: 0px; height: 100%;}
.popup .ent_vehicles_popup .content.myContent{padding:0px !important;}
.popup .ent_vehicles_popup .content .myModal-header{ height: 21px; padding: 20px 20px 10px !important;}
.popup .ent_vehicles_popup .content .mytableList{ border: 0px none !important; padding: 0; margin-top:0 !important;
position: absolute !important; top:63px; overflow: auto;left:20px;
height: -moz-calc(100% - 78px);
height: -webkit-calc(100% - 78px);
height: -o-calc(100% - 78px);
height: calc(100% - 78px);

width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
width: calc(100% - 40px);}

.wrap-loading.ng-scope{ z-index: 9999 !important; left: 50% !important; margin-top: -100px; margin-left: -100px;}
#bike_table.myAsetTable{ overflow-y: inherit !important; max-height: inherit; display: block; overflow-x: auto !important;}

#bike_table.myAsetTable{ overflow-y: inherit !important; max-height: inherit; display: block; overflow-x: auto !important;}
#hosOneDayEventLogger.mytableList{ overflow-y: inherit !important; max-height: inherit; display: block; overflow-x: auto !important;}
/* #assetDetailDialog_datatable.dataTable{ position: absolute !important; width: 100% !important;table-layout: inherit !important;} */
table#bike_datatable { border-top: 1px solid #ddd !important;}

#temperature_datatable, .table_list table td{font-weight: normal !important; font-size: 13px !important; border-top: 1px solid #ccc;}
.myAsetTable .dataTables_wrapper .dataTables_length{margin: 15px 15px !important;}
.myAsetTable label{font-size: 14px !important;}
.myAsetTable .dataTables_wrapper .dataTables_filter{padding: 12px 10px;}
.myAsetTable .dataTables_wrapper .dataTables_filter input{padding: 1px 20px;}
.popup .ent_vehicles_popup .content .mytableList{/* overflow: hidden; */}
#assetDetailDialog_datatable, table.dataTable{width: 100% !important;}
#temperature_datatable, table.dataTable tbody th, table.dataTable tbody td{padding: 1px 0px !important;;}
.myTemperatureWin .dataTables_wrapper .dataTables_length{padding: 15px 15px;}
.myTemperatureWin label{font-size: 14px;}
.myTemperatureWin .dataTables_wrapper .dataTables_filter input{padding: 2px 10px;}
.myTemperatureWin .dataTables_wrapper .dataTables_filter{margin-top: 10px;}
.myTemperatureWin table{border-top: 1px solid #ccc;}


#showVideo span{padding: 15px;}
#showVideo .fa-external-link:before{margin-right: 30px;}
#showVideo .btn_close{margin-top: 6px; margin-right: 10px;}
#showVideo .popup .ent_vehicles_popup .content{border-radius: 5px !important;}
#showVideo, .popup .ent_vehicles_popup .content{height: 100%; !important; border-radius: 5px !important;}


.table_list table td{height: 33px !important; line-height: 33px !important;}

.mytableList{overflow-x: hidden !important;}
.popup .ent_vehicles_popup{width: 87% !important; margin-left: -44% !important;}
#hosOneDayEventLogger.mytableList{overflow-x: hidden !important;}

.my-tempIcon{text-align: center; float: left; margin-left: 35px;}

#assetDetailDialog_datatable_filter{margin-bottom: 10px;}
#bikeDetailDialog_datatable_filter{margin-bottom: 10px;}
#temp_DetailDialog_datatable_filter{margin-bottom: 10px;}
#temperatureSensorWindowtable_filter{margin-bottom: 10px;}
#asset_tab {display: none;}
#bike_tab {display: none;}
#temperature_tab {display: none;}

#vehicleTab {display:none;}
.vehicleSubTabs{display:block;}



.myFilterIcon{border: 1px solid #ccc;
    text-align: center;
    width: 20px;
    height: 28px;
    border-radius: 5px; margin-top: 2px;
    background: #fff;
    padding-left: 8px !important;
    padding-right: 8px;
    padding-top: 5px !important;}

    .myCalenderIcon{
    width: 36px;
    height: 36px;
    margin-left: 0px;
    }
    .myDatePicker{
    	height: 35px !important;
    	border: 2px solid #ccc !important;
    }
  /*   .myDateHos{
    line-height: 34px !important;
    }
    .myInput_date{
    height: 34px !important;
    }
 */
.mySearchBo{
 margin-top: 8px;
}

  .mySearchBo .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  }

 .mySearchBo .input-group .form-control {
    position: relative;
    z-index: 0;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

 .mySearchBo .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

 .mySearchBo .input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

.mySearchBo .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
}

.mySearchBo .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
}


.myVehicleDateRange .pull-right {
    float: right!important;
}

.myVehicleDateRange .input-group {
    /* position: relative; */
    display: table;
    border-collapse: separate;
}
.myVehicleDateRange .input-group-addon:first-child {
    border-right: 0;
}
.myVehicleDateRange .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
}
.myVehicleDateRange .input-group-addon, .input-group-btn {
    /* width: 1%; */
    /* white-space: nowrap; */
    vertical-align: middle;
}
.myVehicleDateRange .input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.myVehicleDateRange .input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.myVehicleDateRange .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.myVehicleDateRange .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.myVehicleDateRange{margin-left: 8px;}
.mySearchBo .input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.status-wrapper:hover{background: #eee;}
.enterprise_header_wrapper .status-wrapper{ margin-top: 2px;}
#assetNoContentsSearchField #reportrange{ margin-top: -1px; height: 33px !important; }

.myOpSearch{float:left; height: 33px !important; margin-top: -1; border-radius: 5px !important; overflow: hidden; padding: 0; border: 1px solid rgba(127,127,127,0.3); margin-right: 8px;}
.mySearchh{padding: 11px; background: #f0f0f0; font-size: 15px !important; }

 .myAsetTable .dataTables_wrapper .dataTables_filter input{
 padding: 9px 20px;border-radius: 5px 0 0 5px; border: 1px solid #ccc; border-right: none;}
 .myAsetTable .dataTables_wrapper .dataTables_filter{
 	padding: 6px 10px;
    position: absolute;
    right: 357px;
    top: -63px;
    background: url(/images/mysearch.jpg) 0 0 no-repeat;
    background-position-x: right;
    padding-right: 37px;
    background-size: 38px;
    background-position-y: center;}

.myAsetTable{ overflow:visible !important}
#bike_table.myAsetTable{ overflow:visible !important}
#assetNoContentsSearchField #reportrange .fa.fa-caret-down{ float:right; margin-right:5px; margin-top:11px;}
.myAsetTable label{color: #f9f9f9;}

.daterangepicker .drp-buttons .btn {color: #333 !important; font-size: 12px !important; padding: 6px 8px !important; background: #fff;
border: 1px solid #c3c7ca !important; border-radius:3px !important;}
.daterangepicker .drp-buttons .applyBtn.btn { background-color: #337ab7 !important; color: #fff !important; border-color: #2e6da4 !important;}
.daterangepicker td.in-range {background-color: #d2e9f5 !important;}

.daterangepicker td.end-date.in-range {background-color:#357ebd !important;}

#reportrange i.fa.fa-calendar{ border-right:1px solid #ccc; background: none !important; padding: 10px 11px !important;}
/* 20-09-19 */
.mystatus{position: relative !important;}
.myFileIcon{position: absolute !important; top: 24% !important; left: 27% !important; font-size: 19px !important;}
/* End */

.myCalenderIcon{
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    }
    .myCalenderIcon:hover{background: #e6e6e6;}
    .myFileIcon{top: 28% !important;  left: 31% !important; font-size: 15px !important;}
    .mystatus:hover .myFileIcon{color:orange;}
    .input_groupName{width: 119px !important;}
    .mySearchh{border-left: 1px solid #ccc; margin-top: -2px;}

    .newSection{font-size: 13px !important;}
    .newSection .select{font-size: 13px !important;}
    .newSection .select option {font-size: 13px !important;}

    /* 01-04-2020 */
	.viewStatusMain .contentText {padding: 15px 20px 20px; width: 94%; max-height: 434px; display: inline-block; border: 1px solid #ccc;}
	.viewStatusMain #viewStatusTable {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.viewStatusMain  #viewStatusTable td, #viewStatusTable th {
  border: 1px solid #ddd;
  padding: 8px;
}

.viewStatusMain  #viewStatusTable tr:nth-child(even){background-color: #fff;}

.viewStatusMain  #viewStatusTable tr:hover {background-color: #ddd;}

.viewStatusMain  #viewStatusTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-size: 15px;
}

.viewStatusMain .popup_cont{ margin-left: -48% !important; height: 600px; width: 96% !important; top:32% !important;}
.viewStatusMain .content{width: 100% !important; height: 620px !important; max-height: 620px !important; border-radius: 10px;}
.viewStatusMain  .popup .hos_details {height: 475px !important;}
.tableOuter{text-align: center; margin-top: 20px;}
.viewStatusMain  .pull-right{ padding: 12px 20px; border-radius: 4px; border: none; background: #337ab7; color: #fff; margin-bottom: 10px; cursor: pointer;}
 .ntxBt{padding: 8px 20px; border-radius: 4px; border: 1px solid #ccc; margin-top: 15px;}
 .viewStatusMain #alertDetailContent .btn_close {
	 border: none !important;
 }
.viewStatusMain #alertDetailContent .btn_close span[aria-hidden="true"] {
	display: none;
}
#enterpriseRequestedData #alertDetailContent .btn_close {
	text-align: center;
	cursor: pointer;
	width: 37px;
	border: none;
	height: 26px;
	outline: none;
}

 /* 04-04-2020 */
 #enterpriseRequestedData .hos_details{height: auto;}
 #enterpriseRequestedData .content{height: auto !important; width: 100% !important; border-radius: 10px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
 #enterpriseRequestedData table{width: 100%}
 #enterpriseRequestedData .requested-data-scrollable{max-height: 300px; overflow: auto;}
 #enterpriseRequestedData .contentText{padding: 15px;}
 #enterpriseRequestedData .btn_close{margin-right: -10px;}
.tdBorder{border: 1px solid #ccc;}
 #alertDetailContent td{border: 1px solid #ccc; padding: 10px !important; font-size: 14px;}
  #alertDetailContent th{font-weight: bold; padding: 15px; font-size: 15px; border: 1px solid #ccc; border: 1px solid #ccc;}
#enterpriseRequestedData .contentText{max-height: none !important;}
#requestDataTable th{border: 1px solid #ccc; padding: 10px;}
.closeBt{float:right; margin: 14px; padding: 10px 17px; border-radius: 5px; border: 1px solid #ccc; cursor: pointer;}
.closeBt:hover{background: #efefef;}
.viewStatusMain td a{font-size: 15px !important; color: #337ab7; cursor: pointer;}
.viewStatusMain tbody td{font-size: 15px !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.viewStatusMain #viewStatusTable tr:hover{background: #f5f5f5 !important;}
 #enterpriseRequestedData .tableOuter{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#enterpriseRequestedData .popup_bg{opacity: 0;}
#enterpriseRequestedData .popup_cont{width: 600px !important; margin-left: -20%;}
.viewStatusMain .content .title span{color: #636363 !important; font-weight: normal !important;}
#filterDialog .alert_details{margin-left: -255px !important; left: 50% !important; top: 50% !important; margin-top: -215px;}
.viewStatusMain .content .title span{display: inline-block; float: none !important;}
.viewStatusMain .th{padding: 10px !important;}

@media screen and (min-width: 1920px) {
#enterpriseRequestedData .popup_cont{margin-left: -15%;}
}

/* 08-04-2020 */
.rightSelectButton #myBtn{cursor: pointer;}
.viewStatusMain table.dataTable, table.dataTable th, table.dataTable td{box-sizing: border-box !important;}
.viewStatusMain table.dataTable{border-collapse: collapse !important;}
.viewStatusMain .dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom: 1px solid #ccc !important;}

#downloadReportPagination{margin-top: 15px;}
#downloadReportPagination button{padding: 10px 13px;border-radius: 5px; cursor: pointer; border: 1px solid #ccc; margin-bottom: 7px !important;font-size: 14px; background:#fff; margin: 0 2px; font-weight: 400;color: #696969;}
#downloadReportPagination button:hover{color: #333; background-color: #e6e6e6; border-color: #adadad;}
.viewStatusMain #downloadReportPagination{margin-top: 30px;}
.viewStatusMain .dataTables_scrollBody{max-height: 340px !important; min-height: 340px !important;}
