@charset "utf-8";
html, body{background:#FFF;}
html, body, ul, li, p, img, div, span, table, button, input, textarea, h1, h2, h3, h4, iframe, header, nav, main, article, aside, section, footer{margin:0; padding:0; box-sizing:border-box; cursor:default; font:15px/1.3 "Helvetica Neue","Helvetica","Arial","Microsoft Yahei","Hiragino Sans GB","HeitiSC","WenQuanYi Micro Hei",sans-serif;}
img{display:block; border:none;}
a{text-decoration:none; color:#000;}
ul{list-style:none;}
h1, h2, h3, h4{font-weight:bold;}
h1{font-size:26px;}
h2{font-size:23px;}
h3{font-size:20px;}
h4{font-size:17px;}

.noWrapping{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.default{background:#1e8bc3; color:#FFF;}
.primary{background:#efefef;}
.warning{background:#ffc107; color:#FFF;}
.danger{background:#d32f2f; color:#FFF;}


.marginBottom{margin-bottom:18px;}
.marginTop{margin-top:18px;}

table{width:100%; background:#CCC;}
table th, table td{height:44px; width:auto; line-height:44px; padding:0 6px; text-align:left;}
    table th{font-weight:bold; background:#DDD;}
    table > tbody > tr:nth-child(2n-1){background:#FFF;}
    table > tbody > tr:nth-child(2n){background:#F1F1F1;}
    table > tbody > tr:hover{background:#e8f5e9;}

input::-ms-clear, input::-ms-reveal{display: none;}

button, input[type='text'], input[type='password'], select{height:40px; line-height:40px; width:100%; border:1px solid #DDD; border-radius:3px; padding:0 6px; outline:none;}
textarea{border:1px solid #DDD; border-radius:3px; padding:6px; outline:none;}
input[type='text']:focus, input[type='password']:focus{border-color:#1a5c84;}
button{box-shadow:0 0 1px 1px #EFEFEF;}
.buttonDefault{padding:0 10px; background:#1e8bc3; color:#FFF; border:none; display:flex; justify-content:center; align-items:center;}
.buttonDefault:hover{background:#2386ee;}
.buttonDefault:active{background:#1e8bc3;}
button:disabled, .disabled{background:#DDD; color:#888;}
.buttonShort{padding:0 8px; width:auto;}
.buttonSmall{height:30px; line-height:30px; width:auto; padding:0 6px; font-size:12px; cursor:pointer;}


.formGroup{display:flex;}
.formGroup > div{position:relative; width:auto; margin-right:8px; display:flex; align-items:center;}

.formBlock > section{margin-bottom:18px;}
.formBlock > section > p{display:flex; align-items:center; margin-bottom:8px;}
.formBlock > section > div{width:100%; position:relative; display:flex; align-items:center;}

.formGroupLine{display:flex; flex-wrap:wrap; justify-content:space-between;}
    .formGroupLine > section{margin-bottom:18px; width:49%;}
        .formGroupLine > section > p{margin-bottom:8px;}

.checkboxLabel{cursor:pointer; display:inline-block; width:52px; height:28px; border:1px solid #CCC; border-radius:16px; background:#FFF; transition:border-color .3s, background-color .3s; vertical-align:center; position:relative;}
.checkboxLabel::before{content:''; position:absolute; top:0; left:0; transition:transform 0.3s; width:26px; height:26px; border-radius:50%; box-shadow:0 1px 3px rgba(0, 0, 0, 0.6); background-color:#FFF;}
.checkboxSwitch{height:0px; width:0px; display:none; margin:0; padding:0;}
.checkboxSwitch:checked + label{background:#388E3C;}
.checkboxSwitch:checked + label::before{transform:translateX(25px);}

.breadcrumb{display:flex; margin:16px 0; width:100%; background:#F8F8F8;}
    .breadcrumb li{width:auto; height:33px; line-height:33px; padding-left:6px;}
    .breadcrumb li:not(:first-child)::before{content:' / '}
    .breadcrumb li:last-child{color:#666;}
    /*
    .breadcrumb li a{margin-right:6px;}
    */
.pagination{display:flex; margin-top:16px;}
    .pagination li a{display:inline-block; background:#FFF; margin-right:6px; padding:2px; border:1px solid #CCC; min-width:28px; height:28px; line-height:28px; text-align:center; border-radius:3px;}
    .pageCurr{background:#2386ee !important; color:#FFF;}
    .Ellipsis{background:#EEE !important; cursor:default;}

.passHideShow{width:auto; position:absolute; z-index:88; right:8px; top:8px; font-size:20px !important; cursor:pointer;} 

.typing_loader{width:6px; height:6px; border-radius:50%; animation:typing 1s linear infinite alternate; margin:50px auto; position:relative; left:-12px;
    }
@keyframes typing{
    0%{background-color:rgba(0,0,0, 1); box-shadow:12px 0px 0px 0px rgba(0,0,0,0.2),24px 0px 0px 0px rgba(0,0,0,0.2);}
    25%{background-color:rgba(0,0,0, 0.4); box-shadow:12px 0px 0px 0px rgba(0,0,0,0.2),24px 0px 0px 0px rgba(0,0,0,0.2);}
    75%{background-color:rgba(0,0,0, 0.4); box-shadow:12px 0px 0px 0px rgba(0,0,0,0.2),24px 0px 0px 0px rgba(0,0,0,1);}
}
    
.circle{width:18px; height:18px; display:inline-block; border:5px solid #EFEFEF; border-radius:50%; position: relative; overflow:visible;}
.circle::after{content: ""; left:-5px; top:-5px; border-radius: 50%; width: 100%; height: 100%; position:absolute; border:5px solid; border-color:transparent; border-bottom-color: #AAA; animation:roller 1s infinite linear;}
@keyframes roller{from{transform: rotate(0);}to{transform: rotate(360deg);}}
    
.noData{width:100%; text-align:center; margin:50px auto; display:none;}
    
@media(min-width:666px){
    .bodyWidth{max-width:1200px; margin-left:auto; margin-right:auto;}
}
    
@media(max-width:666px){
    .bodyWidth{width:100%;}
    .shortInput{width:88px !important;}
    .pagination{margin-left:8px;}
}

.line{border-top:1px solid #CCC; width:100%; margin-top:28px;}