/*自定义样式*/
select::-ms-expand { display: none; }
html{height:100%;}
body{background:#f6f6f6;padding-top:90px;font-family:PingFangSC-light,"Source Sans Pro","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
body,.dropdown-menu,.btn,.form-control{font-size: 0.9rem;}
div.main-container{border: 1px solid #ddd;}
.small, small{font-size:0.8rem;}
input::-webkit-input-placeholder {font-size: 14px;color: #0482F8;}
input::-ms-clear{display: none;}
.bg-ff{background:#ffffff;}
.mt--5{margin-top: -5px;}
/*导航*/
nav{background-color: #ffffff;box-shadow:0px 1px 5px rgba(0,0,0, 0.2);}
.navbar-brand .logo{width:120px;height:47px; background-image: url(../img/nav-logo.png);background-repeat: no-repeat;background-size:120px 47px;background-position: center center;display: inline-block;}
.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,0.8);}
.nav-search .input-group .input-group-append{position: relative;}
.nav-search .input-group .input-group-append .btn-clear{position: absolute;left:-40px;top:1px;background-color:rgba(0,0,0,0);color:#6c757d;display:none;}
.nav-search .input-group .input-group-append .btn-clear:hover{color:#333333;}
.nav-search .input-group .input-group-append .btn-search{border-left:0;}
.nav-search-date{max-width:36px;flex: none; background-image: url(../img/icon-date.png);background-size:30px 30px; background-repeat: no-repeat;background-position:right center; }
.inputdate-100{max-width:130px;}

.btn-outline-secondary{border-color: #ced4da;}
.page-title{font-weight: normal;font-size:1.2rem;color: #333333;}
.page-title .fa{font-size:1.6rem;}
.page-title a{color: #333333;}
.page-title a:hover{color: #2081ea;text-decoration: none;}
.group-line{border-top: 1px solid #dee2e6;}

.btn-icon .fa{color: #2081ea;font-size:1.8rem;}
.btn-icon:hover .fa{color: #0078d7;}

.btn-primary{background-color: #2081ea;}
.btn-secondary{background-color:#aaaaaa;border-color:#aaaaaa;}
.bg-f8{background-color:#f8f8f8;}
.bg-fff{background-color: #ffffff;}

.icon-red{color:#dc3545;}

.table{table-layout: fixed;}
.table thead th{border: 0;font-size:1rem;}
.table tbody td,.table thead th {overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-style: normal;}
.table .fa{font-size: 1.2rem;}
.table .bg-f8:hover{background: #f8f8f8;}
.table label{margin-bottom: 0;display:inline;}
.table button .fa{font-size: 1rem;}
.table-control{}
.table-control a{color: #2081ea;}
.table>tbody>tr:hover{background:#f1f9ff;}
/*.table-control-over-show .table-control{visibility:hidden}*/
.table a.meet-title,font.meet-title{color: #333333;font-size:1rem;}
.table a.meet-title:hover{color: #2081ea;}
.table-scroll{overflow: auto;}
.table-scroll-warp{max-height: 100px;}
.table-scroll table{min-width: 500px;}

.table a.meet-task,font.meet-task{color: #333333;}
.table a.meet-task:hover{color: #2081ea;}
/*#customer-table {
	!*设置相邻单元格的边框间的距离*!
    border-spacing: 0;
    !*表格设置合并边框模型*!
    border-collapse: collapse;
    text-align: left;
}

#customer-table tbody {
    display: block;
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
}
#customer-table thead,#customer-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#customer-table thead {
    !*width: calc( 100% - 1em)*!
}*/


.nav-link{padding: 0.5rem 1.2rem;margin-top: 0.4rem;line-height:1.7rem;}
.nav-link.active{margin-top:0rem;line-height: 2rem;font-weight:600;}

.middle {float: none;display: inline-block;vertical-align: middle;}

.modal-header{background-color: #F5F5F5;border-bottom: 0;position: relative;}
.modal-title{font-size:1rem;}
.modal-body{overflow: auto;}

.modal-error .alert .close{font-size:1rem;margin-top:0.3rem;font-weight: normal;font-size: 0.9rem;}
.modal-error .alert .view{right:3rem;}
.modal-error-toast{position:absolute;width:100%;z-index: 10;left:0;top: 0;}
.modal-error-toast .alert{margin: 0;}

.page-error .alert .close{font-size:1rem;margin-top:0.3rem;font-weight: normal;font-size: 0.9rem;}
.page-error .alert .view{right:3rem;}

.modal-modal{position: absolute;width:500px;top:1rem;background: #ffffff;z-index: 100;margin-left:-250px;left: 50%;border: 1px solid #dddddd;border-radius: 5px;}
.modal-modal .modal-header{background-color: #ffff;}

.over-hide{overflow: hidden;}

.tips-red{color: #dc3545;}
.form-right-icon{z-index: 5;position: absolute;right:1.6rem;top:0.7rem;font-size:1rem;color: #cccccc;}

.edui-container,.edui-container .edui-toolbar{box-shadow: none;}
.layui-laydate-footer .laydate-btns-time{color: #2081ea;}

.msg {width: 100%;height: 0;position: fixed;left:0;top:0px;pointer-events: none;z-index:3040;
}
.msg .alert-warning b{display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 300px;vertical-align: middle;width:80%;}

.td-title{font-size: 1rem;font-weight:bold}
.badge{line-height: 1rem;}

.meeting-date-add{background: url(../img/icon-date.png) right center no-repeat ;background-size:30px 30px; }

.countrycode{position: relative;}
.countrycode .nav-item{position: absolute;z-index: 100;top: 8px;right: 10px;}
.countrycode .nav-item a {color: #6C757C;}
.countrycode .nav-item a:hover{color: #333333;}
.countrycode .dropdown-menu{height:100px; overflow: auto;margin-top:50px;}
.countrycode .dropdown-menu .dropdown-item span{display: inline-block;padding-left: 20px;}

.adr-group-name{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display:block;width:90%;}
.adr-modal-tree-warp{height:220px;overflow:auto;}
.adr-modal-select-warp{height:235px;overflow:auto;}


.adr-group-list li .adr-group-name{color: #212529;}
.adr-group-list li .adr-group-name:hover{color: #007bff;}
.adr-group-list li.active .adr-group-name{color: #ffffff;}
.adr-group-list li.active .badge-pill{background-color: #ffffff;color:#007bff;}

/*登录*/
.login-bg{background-image: url(../img/login-bg.jpg);background-repeat: no-repeat;background-position: top center;}
.login-logo{position: fixed;left:40px;top:40px;}
.login-box{width: 100%;max-width:350px;margin:0 auto;top:10%; border-radius:10px;background: #ffffff;padding:25px;position: relative;overflow: hidden;}
.login-box h2{text-align: center;font-size:18px;margin-bottom: 20px;}
.bottom-link{position: absolute;bottom:0;height:36px; line-height:36px;background-color: #F8F8F8;left:15px;width: 100%;}
.bottom-link a{display: inline-block;}
.login-box .input-icon{position: relative;}
.login-box .input-icon i.fa{position:absolute;color: #cccccc;left:25px;margin-top:9px;font-size: 20px;}
.login-box .input-icon input{text-indent: 20px;}

.history-guest-list{width: 100%;display: none;}
.history-guest-list .dropdown-item span{display: inline-block;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;float: left;}
.history-guest-list .dropdown-item span.name{width:20%;}
.history-guest-list .dropdown-item span.phone{width:35%;}
.history-guest-list .dropdown-item span.mail{width:35%;}
.history-guest-list .dropdown-item a{width: 30px;display: inline-block;text-align: center;margin-left: 3%;}
.history-guest-list .dropdown-item a I{cursor: pointer;}、

/*添加联络人联想样式*/
.history-contact-list{width: 100%;display: none;}
.history-contact-list .dropdown-item span{display: inline-block;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;float: left;}
.history-contact-list .dropdown-item span.name{width:20%;}
.history-contact-list .dropdown-item span.phone{width:35%;}
.history-contact-list .dropdown-item span.mail{width:35%;}
.history-contact-list .dropdown-item a{width: 30px;display: inline-block;text-align: center;margin-left: 3%;}
.history-contact-list .dropdown-item a I{cursor: pointer;}
/*表单*/
.checkbox {padding-left: 20px;line-height: 18px;margin:10px 0 0 18px}
.checkbox label {display: inline-block;position: relative;padding-left: 5px; }
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 3px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -20px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555555;}
.checkbox input[type="checkbox"] {opacity: 0;z-index: 1; }
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome';content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }
.checkbox.checkbox-circle label::before {border-radius: 50%; }
.checkbox.checkbox-inline {margin-top: 0; }
.checkbox.checkbox-single label {height: 17px; }
.checkbox-primary input[type="checkbox"]:checked + label::before {background-color: #0078d7;
    border-color: #0078d7; }
.checkbox-primary input[type="checkbox"]:checked + label::after {color: #fff; }
.checkbox-danger input[type="checkbox"]:checked + label::before {background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {color: #fff; }
.checkbox-info input[type="checkbox"]:checked + label::before {background-color: #5bc0de;border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {color: #fff; }
.checkbox-warning input[type="checkbox"]:checked + label::before {background-color: #f0ad4e;border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {color: #fff; }
.checkbox-success input[type="checkbox"]:checked + label::before {background-color: #5cb85c;border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {color: #fff; }

.radio {padding-left: 20px;line-height: 18px;margin:10px 0 0 18px;}
.radio label {display: inline-block;position: relative;padding-left: 5px; }
.radio label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 50%;background-color: #fff;-webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out; }
.radio label::after {display: inline-block;position: absolute;content: " ";width: 11px;height: 11px;left: 3px;top: 3px;margin-left: -20px;border-radius: 50%;background-color: #555555;-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {opacity: 0;z-index: 1; }
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }
.radio.radio-inline {margin-top: 0; }
.radio.radio-single label {height: 17px; }

.radio-primary input[type="radio"] + label::after {background-color: #2081ea; }
.radio-primary input[type="radio"]:checked + label::before {border-color: #2081ea; }
.radio-primary input[type="radio"]:checked + label::after {background-color: #2081ea; }

.radio-danger input[type="radio"] + label::after {background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {background-color: #2081ea; }
.radio-info input[type="radio"]:checked + label::before {border-color: #2081ea; }
.radio-info input[type="radio"]:checked + label::after {background-color: #2081ea; }

.radio-warning input[type="radio"] + label::after {background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {background-color: #5cb85c; }

.select {position: relative;vertical-align: middle;padding: 0;overflow: hidden;background-color: #fff;color: #555;text-shadow: none;border-radius: 4px;	transition: box-shadow 0.25s ease;z-index: 2;padding-right: 15px;padding-left: 15px;font-size: 0.9rem;}
.select:before {content: "";position: absolute;width: 0;height: 0;border:6px solid transparent;border-top-color: #ccc;top: 16px;right: 30px;cursor: pointer;z-index: -2;}
.select select {cursor: pointer;border: 1px solid #ced4da;width: 100%;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;line-height: 1.5;}
.select select:focus {outline: none;}
.srty-row.select:before{z-index:0;}

.contact-search{position: relative;}
.contact-search .search-result{position: absolute;top: 38px;background-color: #ffffff;width: 100%;z-index: 100;max-height:200px;overflow: auto;border: 1px solid #dddddd;box-shadow: 0px 4px 5px rgba(0,0,0,0.2);border-radius: 0 0 3px 3px;}
.contact-search .search-result .list-group-item{padding:0.55em 1.4em;border:none;}
.contact-search .search-result .list-group-item .btn-add{float: right;}
.contact-search .search-result .list-group-item:hover .btn-add{float: right;display: block;}
.contact-search .search-result .list-group-item .name{display: block;margin-right: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-style:normal;}

.mouseTitle .edit-title{max-width: 83.333333%;text-overflow: ellipsis;overflow: hidden;}
.mouseTitle .edit-button{flex: 0 0 14.666667%;max-width: 14.666667%;margin-left: 2%}


@media (max-width: 576px) {
    .modal-modal{width: 100%;margin-left:0;left: 0;box-shadow:0px 1px 5px rgba(0,0,0, 0.2);}
}

.hide{
	display: none;
}

.language-justify {
    justify-content: space-between;
}

.bottom-link-forget {
    padding-left: 15px;
}

.language-text {
    text-align: center;
}


.language-dropdown {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.language-dropdown-span {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.language-check-container {
    justify-content: space-between;
    align-items: center;
}

.language-check-code {
    flex: 1;
    text-align: center;
}


.language-schedule-container {
    display: flex;
    justify-content: space-around;
}


@media screen and (max-width: 320px) {
    #preOrder {
        font-size: 0.7rem;
    }

    #preOrderAndNotice {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 768px) {
    .language-span-line {
        display: flex;
        flex-direction: column;
    }
}