html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.login-page {
    background: #18c8f6!important;
    height: auto;
    background: url(../images/login-bg.jpg) no-repeat center fixed!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    color: rgba(255, 255, 255, .95)!important;
}
.register-logo a,.login-logo a{color:#fff!important;}
.skin-yellow-light .sidebar-menu>li.active>a{    background: rgba(0,0,0,0.1)!important;}
.table-striped>tbody>tr:nth-of-type(odd) {
  /*  background-color: #f4f4f4!important;*/
}


/*new theme*/
.layui-layout-admin .layui-header,.layui-layout-admin .layui-nav-tree .layui-this>a{background-color:#3e8ef7!important;}
.layui-layout-admin .layui-header a, .layui-layout-admin .layui-header a cite{color:#fff!important;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-more {
    border-top-color: #fff!important;
}
.layui-layout-admin .layui-side-scroll .layui-logo {
    background-color: #3e8ef7 !important;
    font-size:20px;
    font-weight: bold;
    color:#fff;
}
.layui-layout-admin .layui-side {
    top: 60px;
    width: 200px;
    overflow-x: hidden;
}
 .layui-side.layui-side-menu{ background-color: #fff !important;
 }
.layui-layout-admin .layadmin-pagetabs .layui-tab-title li:after,.layui-layout-admin .layadmin-pagetabs .layui-tab-title li.layui-this:after{background-color:#3e8ef7!important;}
.layui-side-menu .layui-nav .layui-nav-item>a{color:#76838f!important}
.layui-layout-admin  .layui-nav-tree .layui-this{background-color:#3e8ef7!important;}
.layui-layout-admin .layui-side-menu .layui-nav .layui-nav-item.layui-this>a{color:#fff!important;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child a{color:#333!important;;}
.btn-app{color:#3e8ef7cf!important;}
.hold-transition.login-page{background: url(../images/loginbg.png) no-repeat center fixed!important;    background-size: cover!important;height: auto;}
.login-box-body{border-radius:0 0 12px 12px;}
.login-page .login-box .login-logo{
    margin-bottom:0!important;
    background-color: #148be4!important;
    border-radius: 12px 12px 0 0;
    font-family: SourceHanSansCN-Regular;
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #fff;
    line-height: 117px;
    text-align: center;
    overflow: hidden;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.login-page .login-box{width: 450px!important;;}
.login-box-body{color: #1391ff!important}
.btn-info,.btn-success,.btn-primary,.btn-primary:hover, .btn-primary:active, .btn-primary.hover{background-color: #1E9FFF!important}
.login-page .form-control-feedback{    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;}
.login-page .form-control{ height: 40px!important;}
.login-logo .bg1 {
    display: inline-block;
    width: 74px;
    height: 74px;
    background: #fff;
    opacity: .1;
    border-radius: 0 74px 0 0;
    position: absolute;
    left: 0;
    top: 43px;
}
.login-logo .bg2 {
    display: inline-block;
    width: 94px;
    height: 94px;
    background: #fff;
    opacity: .1;
    border-radius: 50%;
    position: absolute;
    right: -16px;
    top: -16px;
}
@media screen and (max-width: 500px) {
    .layui-layer-iframe {
        width:100%!important;
    }
    .supervision-form .col-xs-2,.teaching-inspection-form .col-xs-2 {
        width: 30%;    padding-right: 0;padding-left: 0;
    }
    .supervision-form .col-xs-8,.teaching-inspection-form .col-xs-8 {
        width: 70%;     padding-right: 0;padding-left: 0;
    }
    .supervision-evaluate-update .container{padding-left:0;padding-right:0;}
    .supervision-evaluate-update .form-control{    padding: 6px 0;min-width: 45px;text-align: center;}

    #container3,#container1,#container2,#container{max-width: 100%!important;}
    .btn-app{width:45%!important;height:auto!important;overflow: hidden;}
    .btn-app>.fa{margin-top:10px!important;}
}



.my-label {
    display: inline;
    font-size: 80%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.my-label-default {
    color: #999;
}
.my-label-primary {
    color: #337ab7;
}
.my-label-success {
    color: #5cb85c;
}
.my-label-info {
    color: #10b0df;
}
.my-label-warning {
    color: #f0ad4e;
}
.my-label-danger {
    color: #d9534f;
}