﻿@charset "utf-8";

@media(max-width:760px) {
    .left-side-inner {
        padding: 0px;
        margin-bottom: 50px;
        margin-top: 28px;
    }

    .sticky-header .logo {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        z-index: 100;
        background: rgb(19, 39, 48) !important;
    }
}

/*********************按钮***********************/
.btn-primary,.btn-success {
    
    background-color: #004765;
    border-color: #004765;color: #fff;-webkit-transition: all 0.9s;
    transition: all 0.9s;
}

    .btn-primary:focus,
    .btn-primary.focus,
    .btn-success:focus,
    .btn-success.focus {
       
        color: #FFF;
        background-color: #004765;
        border-color: #004765; 
    }

    .btn:hover,.btn-primary:hover, .btn-success:hover {
        color: #004765;
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
        background-color: #FFF;
        border-color: #004765;
    }

.btn-primary:active,.btn-success:active,
    .btn-primary.active,.btn-success.active
    .open > .dropdown-toggle.btn-primary,
    .open > .dropdown-toggle.btn-success {
        color: #FFF;
        background-color: #004765;
        border-color: #004765;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus,
        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus
         {-webkit-transition: all 0.9s;
            transition: all 0.9s;
            color: #FFF;
            background-color: #004765;
            border-color: #004765;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active,
    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #004765;
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
        border-color: #004765;
    }

    .btn-primary .badge , .btn-success .badge{
        color: #004765;
        background-color: #fff;
    }


.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #004765;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #3071a9;
    color: #fff;
}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:#004765;}

/***********************分页控件**************************/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #004765;
    border-color: #004765;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #004765;
    background-color: #FFF;
    border-color: #004765;
}
.pagination > li > a, .pagination > li > span {color:#004765}

.pagination{margin:0;}
/***********************分页控件**************************/

.glyphicon-remove:hover { color: red;}
.glyphicon-ok:hover {color: #004765;}


.padding0 {
    padding: 0;
}
/*.row{margin-right: 0;margin-left: 0;margin:auto;max-width:1440px;}*/
.container-fluid{padding-left:0;padding-right:0;}



.panel{background-color:transparent;}
.panel-title{color:#09897c;}

.input-group {display: inline-flex;}
.input-group-addon {width: auto; padding:8px 12px;}


::selection {
    background-color: #004765;
    color: #FFF;
}


.navbar-wrapper{position:absolute;left: 0;right: 0; top:0;}
.navbar-wrapper > .container {padding-right: 0;padding-left: 0;}
.navbar-wrapper .navbar {padding-right: 15px;padding-left: 15px;border-bottom: 1px solid #676a6c;padding-bottom:15px;}
.navbar-default.navbar-scroll {background-color: #fff;border-color: #fff;padding: 15px 0;}
.navbar-default {background-color: #FFF;border-color: transparent;transition: all 0.3s ease-in-out 0;}
.navbar-default .nav li a {text-transform: none;transition: all .3s;-webkit-transition: all .3s;}
.navbar-default .nav li a:after{    transition: all .2s;-webkit-transition: all .2s;}
.navbar-nav > li > a {
    padding-top: 25px;
    /*border-top: 3px solid transparent;
    background-color: #004765;*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
    color: #fff;
    /*border-top: 3px solid #004765;*/
    background-color: #004765;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
    /*border-top: 3px solid #004765;*/
    background-color: #004765;
}



.navbar-default .navbar-nav > .active > a:focus {background: transparent;color: #fff;}
.navbar-default.navbar-scroll .navbar-nav > .active > a:focus {background: transparent;color: inherit;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    background-color: #004765;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border:none ;
}
.dropdown-menu {
    background-color: #FFF;
    min-width: 75px;
}
/*.navbar-scroll.navbar-default .nav li a {color: #676a6c;}
.navbar-scroll.navbar-default .nav li a:hover {color: #004765;}*/
.navbar-wrapper .navbar.navbar-scroll {padding-top: 0;padding-bottom: 0;border-bottom: 1px solid #e7eaec;border-radius: 0;}
.nav > li > a {padding: 15px 10px 15px 10px;}
.navbar.navbar-scroll .navbar-brand {border-radius: 5px;font-size: 12px;height: auto;}
.navbar-brand {
    float: left;
    height: 50px;
     padding: 0; padding-bottom:5px;
    font-size: 18px;
    line-height: 20px;
}

.top_login_reg .list-unstyled >li{float:left; padding-top:10px;padding-right:25px;}
.top_login_reg a:hover{color:#004765;cursor:pointer;}
.top_login_reg a{color:#676a6c;text-decoration:none;border:none;}

.navbar-collapse{margin-top:15px;}
.navbar-toggle{margin-top:0;}
/*.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right:0;}*/
/*.navbar-default .navbar-nav > li > a {color:#FFF;}*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0}
.navbar-nav {margin: 0 -15px;}
.btn{ border-radius: 0 !important;}


@media(min-width: 1200px){
    #carousel-example-generic,.mTop{margin-top:104px;}
    .m-top{margin-top:104px;}
}


@media(min-width: 992px) and (max-width:1200px){
    #carousel-example-generic,.mTop{margin-top:104px;}
    .m-top{margin-top:104px;}
}


@media(min-width: 768px) and (max-width:992px){
    #carousel-example-generic,.mTop{margin-top:100px;}
    .m-top{margin-top:100px;}
}


@media (max-width: 768px){
     #carousel-example-generic,.mTop{margin-top:68px;}
     .m-top{margin-top:68px;}
    /*.navbar-brand { padding-left: 30px;}
    .navbar-default {top:0;}
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 550px;z-index:9999; }
   */
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: rgba(53, 63, 79, 0);
    /*background-color: #2a323f;*/
}
.no-records-found{text-align:center;}

blockquote{border-left: 5px solid #004765;}


#nowDateTimeSpan,#page-nav{margin:20px 25px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #004765; /*background-color: #353f4f;*/
    background-color: rgba(53, 63, 79, 0);
}

.login-user{font-weight:800;}




.showDataM-top {margin-top: 30px;}
._foot .container{line-height: 250%;margin-top: 100px;}

/*.fixed-table-loading{ display: none;}*/

.log-in{ display: inline-block;}
.log-out{ display: none;}


.btn .badge {
    position: absolute;
    top: 10px;
}
.btn-default .badge {
    color: #fff;
    background-color: #FF6C60;
    border-radius: 20px;
}

/*.fixed-table-body {  
    background: #fff;
}*/


 



/*body{ display: none;}*/

/*.sticky-header>section {
    
    z-index: 9998;
    display: none;
}*/
.sk-wave {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    z-index: 9999;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 10px;
}

    .sk-wave .sk-rect {
        background-color: #004765;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
        animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    }
.sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s; }
.sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }

@-webkit-keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4); }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4); }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1); } }




bodybj {
    background: #fff;
}

.dropdown-menu > li > a { padding:4px 18px !important; }
.t-s-space { margin-left:45px !important; }
.t-w-space { margin-left:10px;
}

.bootstrap-table {
    overflow-x: auto;
}

#showData tbody tr td:first-child>div {
    /*background-color: red !important;*/
    left: 0px !important;
}

#showData tbody tr td:first-child > div div[class=arrow] {
    left:25% !important;
}
.fixed-table-toolbar .columns-right .keep-open .dropdown-menu {
    min-width:13rem;
}