@charset "utf-8";
/* CSS Document */
html, body {height: 100%;}
body{ background:#eee;}

/*整体布局*/
#my-wrapper{width: 100%;}
.my-navbar-default{ position:absolute; width:224px; background:#3b3a3f; min-height:100%; color:#767579;}
.my-page-wrapper{ margin-left:224px;}

.my-mini-navbar .my-navbar-default{ width:64px;}
.my-mini-navbar .my-page-wrapper{margin-left:64px;}

/*bootstrap 默认样式修改*/
.btn-info{ background:#00becc; border-color:#00becc;}
.btn[disabled],button.btn[disabled] .glyphicon{ color:#888 !important;}


/*左侧导航*/
.my-navbar-default a{ color:#fff; text-decoration:none;}
.my-navbar-default a .glyphicon,.my-navbar-default a.glyphicon,.my-navbar-default a .icon,.my-navbar-default a.icon{ color:#767579;}

.my-nav-header{ 
    height:64px; 
                /*background:#fafafb;*/
                color:#fff;
                position:relative;}
.my-nav-header .my-logo{ 
    /*background:url(../img/logoquan.png) no-repeat; */
                         width:136px; height:37px; line-height:37px;
                         display:block; position:absolute; top:14px; left:38px;
                         font-size:16px;
                         font-weight:bold;
                         text-align:center;
                         vertical-align:middle;

}
.my-nav-header .my-mini-logo{ display:none;}

#my-menu .my-nav-profile{ position:relative; padding:10px 22px 10px 22px; border-bottom:1px solid #47464b; background:#29282c;}
#my-menu .my-nav-profile a{ display:inline-block !important; padding:0; cursor:pointer;}

#my-menu .my-nav-export{ border-bottom:1px solid #353439;padding:10px 22px 10px 22px; min-height:54px; position:relative;}
#my-menu .my-nav-export .my-a-export{ background:#6c6b6f; border-radius:3px; position:relative; padding:6px 20px; display:inline-block; color:#b5b5b9;}
#my-menu .my-nav-export .my-a-export .glyphicon{ color:#b5b5b9 !important;}
#my-menu .my-nav-export .my-a-export .badge{ background:#ff5d5d; color:#fff; position:absolute; min-width:18px; line-height:18px; padding:0 2px; top:-3px; right:-8px; font-size:10px;border-radius: 9px;}
#my-menu .my-nav-export .my-a-export:hover{ background:#fafafc; color:#333;}
#my-menu .my-nav-export .my-a-export:hover .glyphicon{ color:#02bdcc !important;}

#my-menu .my-nav-export .my-nav-setting{ position:absolute; top:0; left:0; width:100%; background:#3b3a3f; z-index:99;padding:0 22px; min-height:54px; display:none;}
#my-menu .my-nav-export .my-nav-setting .my-a-export{ background:#f9f9f9; color:#01bfcd; border-radius:15px; padding:6px 20px; margin:10px 0; display:inline-block;} 
#my-menu .my-nav-export .my-nav-setting .pull-right{ border-left:1px solid #4c4b50; line-height:54px; padding-left:15px;}
#my-menu .my-nav-export .my-nav-setting .pull-right .glyphicon:hover{ color:#00bfce;}

#my-menu .my-nav-export #my-navbar-minimalize{ padding:0; width:24px; height:24px; border:1px solid #525155; border-radius:50%; text-align:center; line-height:24px; font-size:12px; color:#02bdcc;
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);transform:rotate(-45deg);  margin-top:4px; margin-right:-6px;}
#my-menu .my-nav-export #my-navbar-minimalize:hover{color:#fafafc; border-color:#fafafc;}
#my-menu .my-nav-export #my-navbar-minimalize.my-navbar-pin{-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);transform:rotate(0deg);}

 
#my-menu .my-nav-first-item{ border-top:1px solid #47464b;}
#my-menu{ list-style:none; margin:0; padding:0;}
#my-menu li>a{padding:10px 22px 10px 22px; display:block; outline:none;}
#my-menu li>a:hover{ color:#00bfce;}
#my-menu ul{ margin:0; padding:0;list-style:none;}
#my-menu ul li a{list-style:none; margin:0;display:block; padding:10px 22px 10px 52px;}

#my-menu .active a,#my-menu .active .glyphicon,#my-menu li>a:hover .glyphicon,#my-menu .active .icon,#my-menu li>a:hover .icon,#my-menu li>a:hover{ color:#02bdcc;}
#my-menu .active .glyphicon.arrow,#my-menu .active ul a{ color:#fff;}
#my-menu .active ul a{ }
#my-menu .active ul a:hover,#my-menu .active ul li.my-menu-active{ background:#02bdcc; color:#fff;}

/*左侧导航收起*/
.my-mini-navbar .my-navbar-default .my-nav-text,.my-mini-navbar .my-navbar-default .arrow,.my-mini-navbar #my-menu .my-nav-export #my-navbar-minimalize,.my-mini-navbar #my-menu .my-nav-profile .pull-right,.my-mini-navbar .my-nav-header .my-logo{ display:none !important;}
.my-mini-navbar #my-menu .my-nav-export { padding:10px 18px;}
.my-mini-navbar #my-menu .my-nav-export .my-a-export{ padding:6px 4px;}
.my-mini-navbar .my-nav-header .my-mini-logo{ background:url(../img/logo.png) no-repeat; width:37px; height:37px; display:block; position:absolute; top:15px; left:14px;}
.my-mini-navbar .active .collapse.in{ display:none;}
.my-mini-navbar .active a{ background:#02bdcc;}
.my-mini-navbar #my-menu .active a .glyphicon{ color:#e1f4f6;}


.my-navbar-default,.my-page-wrapper{-webkit-transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;}

/*登录页样式*/
.my-login-wrapper{ display: flex;width: 100%;height: 100%;min-height: 100%; background:url(../img/bg-login.jpg) no-repeat; background-size:100% 100%;justify-content:center;align-items:center;}
.my-login-wrapper .my-login-inner{display: table-cell;vertical-align: middle;}
.my-login-wrapper .my-login-inner .my-login-container{
    width:400px; /*margin:0 auto;*/
    background: url(../img/bg-login-title.png) no-repeat top center rgba(255,255,255,0.7);
    padding:26px 62px; 
    border-radius:4px;
    position:absolute;
    right:250px;
    top:250px;
    border-radius:6px;
    background-color:#eee;
}
.my-login-box h2{ text-align:center; font-size:18px; font-weight:bold; margin:0; padding:0;}
.my-login-box .input-group-addon{ background:#999; border:none;}
.my-login-box .form-control{ border:none;}
.my-login-box .input-group-addon .glyphicon{ color:#fff;}
.my-login-form{ padding-top:32px;}

header{ background:#fff; height:80px; position:fixed; left:0; top:0; width:100%;}
header .my-login-header{ width:1000px; margin:0 auto;}
header .my-login-header a{ background:url(../img/logo-login.png) no-repeat; width:392px; height:43px; margin-top:18px; display:block;}
footer{position:fixed; bottom:0; left:0; width:100%;}
footer p{ width:1000px; margin:0 auto; color:#fff; filter:alpha(opacity=30);opacity:0.3; text-align:right; padding-bottom:18px; }

/*报表详情页样式*/
.my-header{ height:64px; border-bottom:1px solid #ddd;padding:16px 16px 0 16px;}
.my-header h2.pull-left{ font-size:18px; font-weight:bold; margin:0; padding:8px 0;}
.my-check-time input.form-control{ border-radius:4px 0 0 4px !important;}
.my-header .pull-right{ padding-top:6px;}
.my-header .pull-right .form-inline .form-group .form-control{ width:100px;}
.my-header .pull-right .form-inline .form-group .my-check-time .form-control{ border-right:none;}
.my-header .pull-right .form-inline .form-group .my-check-time .input-sm{ padding:5px 0 5px 10px; width:130px;}
.my-header .pull-right .form-inline .form-group .input-group-addon{ background:#fff; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); margin-left:-1px;}
.my-header .dropdown .btn { background:#fff;}

.my-content{ border-top:1px solid #fff; padding:16px;}
.btn-round{ border-radius:16px; padding:6px 22px; background:#0169cd;border-color:#0169cd;}
.my-content .btn-default.active{ background:#6c6580; border-color:#6c6580; color:#fff;}

.my-table .my-table-top{ border-top:1px solid #ddd; border-right:1px solid #ddd; font-size:12px;  border-left:4px solid #00bfce; margin-top:15px; padding:10px;}
.my-table .my-table-top .radio-inline input[type="radio"]{ margin-top:2px;}

.my-table .table tr td,.my-table .table tr th{ text-align:center; font-size:12px;}
.my-table .table tr th{ border:none; background:#eee; font-weight: normal;}
.my-table .table tbody tr td{ background:#f9f9f9;}

.my-table .table-hover > tbody > tr:hover td{background-color: #eee !important;}

/*其他报表样式*/
.my-a-other-report{background:#fff; padding:20px 10px; color:#333; margin-bottom:20px; font-size:18px; text-align:center; display:block; text-decoration:none !important;}
.my-a-other-report:hover{ background:#f9f9f9;}
.my-a-other-report .glyphicon{ width:62px; height:62px; text-align:center;line-height:62px; display:inline-block;  vertical-align:middle; border-radius:50%; color:#fff; font-size:30px;}
.my-a-other-report .my-span-text{ display:block; padding-top:6px;}

.my-light-blue{ background:#59c6f1;}
.my-red{ background:#fe6c5d;}
.my-yellow{ background:#f5d449;}
.my-blue{ background:#6ccac9;}
.my-green-text{ color:#0aad2c;}
.my-red-text{ color:#fe6c5d;}
.my-gray-text{ color:#999;}
.my-blue-text{ color:#07acbc;}

/*订单列表样式*/
.my-header .pull-right .form-group-sm{ text-align: right; }
.my-header .pull-right .form-group-sm .input-group{ width: 100px; }
.my-header .pull-right .form-group-sm .input-group:last-child{width: auto;}
#my-top-search-box{background:#fcf8e3;}
#my-top-search-box .popover{ position:relative; left:0 !important; top:0 !important; margin-top:0; border-radius:0;-webkit-box-shadow:none; box-shadow:none; border:none; border-bottom: 1px solid #ddd; max-width:none; background:#fcf8e3;}
#my-top-search-box .popover.bottom > .arrow:after{border-bottom-color: #fcf8e3;}
.my-top-search-highlight,.my-top-search-highlight:hover,.my-top-search-highlight:focus{ background-color:#fcf8e3 !important;}
.my-top-search-active,.my-top-search-active:hover,.my-top-search-active:focus{ background-color:#fcf8e3 !important; color:#ff5d5c;}

.my-table-top-search{ font-size:12px; font-weight:normal;}
.my-table-top-search label{font-weight:normal; position:absolute; left:0; top:0; width:100px; line-height:30px;}
.my-table-top-search  td{ padding:0 14px 8px 14px;}
.my-table-top-search .form-group{ position:relative; padding-left:100px; width:100%;}
.my-table-top-search .form-group .form-control{ width:100%; display:block; padding:5px;}
.my-table-top-search .form-group.my-select-address .form-control{ width:30%; margin-right:5%; display:inline-block;}
.my-table-top-search .form-group.my-select-address .form-control:last-child{ margin-right:0;}
.my-table-top-search .form-group.my-select-extra .form-control{ width:50%;  display:inline-block;}
.my-table-top-search .form-group.my-select-extra .btn-sm{ color:#01becd;}

#my-advance-search{ position:relative;}
#my-advance-search .badge{ position:absolute; width:10px; height:10px; background:#ff5d5c; top:-3px; right:-3px; padding:0;}
.my-top-search-active .badge{ display:block;}

.my-nav-tabs{ border:1px solid #ddd; border-radius:3px 3px 0 0; margin-top:15px;}
.my-nav-tabs .nav > li > a{ font-size:12px; line-height:36px; padding:0 12px; color:#333; border-radius:0; border-top:none; }
.my-nav-tabs .tab-content{ background:#f9f9f9;}
.my-nav-tabs .tab-content .btn { font-size:12px; padding:4px 12px;}
.my-nav-tabs .tab-content .btn.active{ background:#00bfce; -webkit-box-shadow:none;box-shadow:none; color:#fff;border-radius:14px !important;}
.my-nav-tabs .tab-content .my-tab-spliter{ line-height:30px; float:left; margin:0 6px;}
.my-nav-tabs .nav-tabs > li.active > a{background:#f9f9f9;border-top:none;}
.my-nav-tabs .nav-tabs > li:first-child.active > a,.my-nav-tabs .nav-tabs > li:first-child > a{ border-left:none;}
.my-nav-tabs .nav > li > a .badge{ font-size:10px; color:#ff5d5c; background:none; border:1px solid #ff5d5c;}
.my-second-tabs{ padding:6px;}
.my-nav-tabs .my-table .table-bordered{ border-left:none;border-right:none; margin:0;}
.my-nav-tabs .my-table .table-bordered tr td:last-child{ border-right:none; }

.my-nav-tabs .my-table-inner .table-bordered{  margin:0; border:1px solid #ddd;}
.my-nav-tabs .my-table-inner .table-bordered tr td:last-child{  }

.my-tab-pagination{ background:#eee;font-size:12px; line-height:28px;}
.my-tab-pagination .pagination{ margin:5px 12px;}
.my-tab-pagination .pull-left{margin:5px 12px;}
.my-tab-pagination .pull-left strong{ padding:0 6px;}
.my-tab-pagination .pagination > li > a,.my-tab-pagination .pagination > li > span{ background:none; border:none; color:#333;}
.my-tab-pagination  .pagination > .active > a,.my-tab-pagination  .pagination > .active > span,.my-tab-pagination  .pagination > .active > a:hover, .my-tab-pagination  .pagination > .active > span:hover,.my-tab-pagination  .pagination > .active > a:focus,.my-tab-pagination  .pagination > .active > span:focus{background:#01becd; border-radius:3px; color:#fff;}

.my-tab-pagination .pagination > li > a:hover,.my-tab-pagination .pagination > li > span:hover{ background:#ddd;}
.my-tab-pagination .pagination > li.disabled a{ color:#999;}
.my-tab-pagination .pagination > li.disabled a:hover{ background:none;}

.my-setting-pagination{ float:right; border-left:1px solid #ddd;padding:5px 12px;}
.my-setting-pagination label{ margin:0;}
.my-setting-pagination .input-sm{ height:26px; line-height:26px;}

.my-table .label{font-size:90%;font-weight:normal; line-height:18px;}
.label.label-no-bg{color:#333; font-size:12px; }

.my-table td.my-td-middle{ vertical-align:middle;}
.my-table .table tr td.my-td-left{ text-align:left;}
.my-icon-edit .glyphicon-pencil{ background:#3b3a3f; width:14px; height:14px; border-radius:50%; color:#fff; overflow:hidden; font-size:70%; line-height:14px; text-align:center;}
.my-icon-edit .glyphicon-pencil:hover{ text-decoration:none; background:#00bfce;}

/*订单详情样式*/
.my-panel{ background:#f9f9f9; font-size:12px; margin-top:10px;}
.my-panel .panel-body{padding:7px 15px; }
.my-panel .panel-body span{ padding-right:26px;}
.my-panel .panel-body label{ margin:0; font-weight:normal; padding-right:6px;}
.my-panel .panel-body label input[type='checkbox']{ vertical-align:middle; margin:0;}

.tab-pane .form-inline{ }
.my-pad-t15{ padding-top:15px;  }
.my-tab-pane-padding{ padding:15px;}
.my-booking-detail-total{ text-align:center; background:#eee; font-size:12px; border:1px solid #ddd; border-bottom:none; padding:10px 0; margin-top:15px;}
.my-booking-detail-total span{ padding-right:4px;}
td.form-inline input.input-sm{ width:70px; text-align:center;}
.my-table-td-middle .table tr td{ vertical-align: middle;}
.fl {float:left;}
.mag-t7{margin-top:7px;}



/*iconfont部分*/

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.icon {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  vertical-align:middle;
  display:inline-block;
}


.icon-bangzhu:before { content: "\e600"; }
.icon-baobiao:before { content: "\e601"; }
.icon-chuku:before { content: "\e602"; }
.icon-dingdan:before { content: "\e603"; }
.icon-gouwuche:before { content: "\e604"; }
.icon-guanlian:before { content: "\e605"; }
.icon-huodong:before { content: "\e606"; }
.icon-kehu:before { content: "\e607"; }
.icon-kuwei:before { content: "\e608"; }
.icon-rf:before { content: "\e609"; }
.icon-rili:before { content: "\e60a"; }
.icon-ruku:before { content: "\e60b"; }
.icon-tuichu:before { content: "\e60c"; }
.icon-wangluo:before { content: "\e60d"; }
.icon-zijin:before { content: "\e60e"; }
.icon-xuqiu:before { content: "\e60f"; }
.icon-baobiaotoday:before { content: "\e610"; }
.icon-biaoqian:before { content: "\e611"; }
.icon-calendanew:before { content: "\e612"; }
.icon-daochu:before { content: "\e613"; }
.icon-dayin:before { content: "\e614"; }
.icon-fahuo:before { content: "\e615"; }
.icon-guanbi:before { content: "\e616"; }
.icon-kuaidi:before { content: "\e617"; }
.icon-shenhe:before { content: "\e618"; }
.icon-tongbu:before { content: "\e619"; }
.icon-yonghu:before { content: "\e61a"; }
.icon-shezhi:before { content: "\e61b"; }
.icon-shouqi:before { content: "\e61c"; }
.icon-zhankai:before { content: "\e61d"; }


.btn_cmp_img_plus_div {
    border:dotted 1px #aaa;
    border-radius:5px;
    width:80px;
    height:80px;
    text-align:center;
    line-height:80px;
    margin:10px 0px;
}
.btn_cmp_img_plus_span {
    font-size:50px;
    color:#ddd;
    cursor:pointer;
}
.img_in_grid {
    width:80px;
    height:auto;
}
.company_img_parent {
    display:flex;
    margin-right:10px;
}
.file_delete_btn {
    cursor:pointer;
}
.company_table td {
    vertical-align:top;
}
.cmp_img_show_div {
    display:flex;
}

.amap-icon img,
.amap-marker-content img {
    width: 25px;
    height: 34px;
}