body{ height:100% ;font-size: 13px ;}
.page-content-wrapper {
        padding-top: 60px;
}
.page-content {
        /* padding-bottom: 60px !important; */
        background-color: #eef1f5 !important;

}
.page-title{color:#333 !important;margin-bottom: 30px;}

@media screen and (max-width: 1200px) {

        .page-content {
                margin-left: 0 !important;

        }

        .page-content-wrapper {
                padding-top: 0 !important;
        }

        .page-header {
                display: none !important;
        }

        #breadcrumb {
                display: none !important;
        }
        html{ background-color: #fff !important;}

        .page-content{background-color: #fff !important;}


}

html {
        /* 如果改变echarts图表会受影响 */
        /* zoom: 0.9; */  
        background-color: #eef1f5;
}

body {
        background-color: #ffffff !important;
        
}


#sideBar {
        position: fixed !important;
        height: calc(100vh + 140px) !important;
        z-index: 99;
}
#sideBar_md {
        position: fixed !important;
        height: calc(100vh + 140px) !important;
        z-index: 59;
}
.page-sidebar-menu::-webkit-scrollbar {display:none}
/*  

#page_content {
        min-height: 1000px;
} */

.page-bar {
        margin-bottom: 2px;
        height: 40px;
        background: transparent;
}

.page-sidebar .page-sidebar-menu>li.active.open>a>i,
.page-sidebar .page-sidebar-menu>li.active>a>i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a>i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>i {
        color: #fff !important
}

.portlet.light {
        padding: 20px 20px 20px 20px;
        background-color: #fff !important;
}

.page-sidebar {
        width: 145px
}


.profile-content>.page-content{
    margin-left: -23px;
    padding-top: 0;
}
.page-header.navbar .page-logo {
        width: 145px;
        height: 60px;
}

.breadcrumb {
        padding: 0 0 0 5px;
        background-color: transparent;
}

.page-title {
        font-weight: 500;
}

.glyphicon {
        color: #999
}

.page-sidebar .page-sidebar-menu>li>a>i[class*=icon-],
.page-sidebar .page-sidebar-menu>li>a>i[class^=icon-],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class*=icon-],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class^=icon-] {
        color: #fff
}

#sideBar .sub-menu {
        /* left: -50px; */
        margin-top: -58px;
}

.page-sidebar .page-sidebar-menu>li>a>i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i {
        font-size: 16px;
        text-shadow: none;
        font-weight: 300;
        text-align: left;
        float: left;
        margin: 5px 0 0 12px;
}

.page-sidebar .page-sidebar-menu>li>a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
        min-height: 38px;
}

.btn {
        border-radius: 4px !important;
        font-size: 12px;
}

.modal-dialog {
        margin: 0 auto;

}

li {
        list-style: none;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
        margin-top: -4px;
}

.rating {
        height: 34px;
        margin-left: 5px;
}

.rating-item {
        display: inline-block;
        /* float: left; */
        width: 34px;
        height: 34px;
        cursor: pointer;
        background: url(/images/star_e.png) no-repeat;
        background-size: 34px;
}

.rating-itemYellow {
        display: inline-block;
        /* float: left; */
        width: 34px;
        height: 34px;
        cursor: pointer;
        background: url(/images/star_f.png) no-repeat;
        background-size: 34px;
}

.grayBorder {
        border: 1px solid #e5e5e5;
}

/* #ovs_cert .modal-dialog {
        width: 1200px !important;
} */

.form-group div select {
        margin-top: 8px;
}

.form-horizontal .form-group {
        margin-left: auto;
        margin-right: auto;
}




.modal-dialog {
        margin: 0 auto
}

li {
        list-style: none;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
        margin-top: -4px;
}

.rating {
        height: 34px;
        margin-left: 5px;
}

.rating-item {
        display: inline-block;
        /* float: left; */
        width: 34px;
        height: 34px;
        cursor: pointer;
        background: url(/images/star_e.png) no-repeat;
        background-size: 34px;
}

.rating-itemYellow {
        display: inline-block;
        /* float: left; */
        width: 34px;
        height: 34px;
        cursor: pointer;
        background: url(/images/star_f.png) no-repeat;
        background-size: 34px;
}

.grayBorder {
        border: 1px solid #e5e5e5;
}

/* #ovs_cert .modal-dialog {
        width: 1200px !important;
} */

.form-control {
        border-radius: 4px !important;
        font-size: 13px;
}

.form-control::placeholder{
        font-size: 13px;
}

.form-group div select {
        margin-top: 8px;
}

.form-horizontal .form-group {
        margin-left: auto;
        margin-right: auto;
}
 
.disabled {
        pointer-events: none !important;
        opacity: 0.5 !important;
}


div{
        /* height: 100%; */
}
.form-group {
        margin-bottom: 15px;
        min-height: 28px;
}

.portlet.light>.portlet-title>.nav-tabs>li.active>a,
.portlet.light>.portlet-title>.nav-tabs>li:hover>a {
        font-weight: 600;
}

.modal {
        height: 100%;
        /* top: 3% !important; */
        /* top: 50% !important;
        transform: translate(0%, -50%) !important; */
        /* top: 0!important; */
        top:50% !important;
        transform: translate(0%, -50%) ;
}
.modal.fade.in {
        
}
/* .modal-dialog{
        padding-top:5% ;
} */
.jcy_1{
        /* transform: translate(0%, -50%) !important;  */
}
.jcy_rrr {
        /* padding-top:0% !important; */
}
#filedMod{
        transform: translate(-50%, -50%) !important;
}
/* .jcy_tc{
        top: 50% !important;
        transform: translate(0%, -50%) !important;
} */

.modal .modal-dialog {
        z-index: 10051;
}

#header_Toast {
        /* transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        padding: 0 20px;
        ;
   
        text-align: center;
        position: fixed;
        top: 150px;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        left: 50%;
        margin-left: -85px;
        line-height: 54px;
        opacity: 1;
        z-index: 999999;
        display: none; */
        /* transform: translateX(-50%); */

        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        height: 54px;
        line-height: 54px;
        padding: 0 30px;
        font-size: 17px;
        flex-wrap: 500;
        border-radius: 5px;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
        text-align: center;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 9999;
        transform: translate(-50%,-50%);
}

#header_Toast i {
        position: relative;
        top: 2px;
}

#header_Toast .icon-cuowu_fill {
        color: #F84229 !important
}

.btn.green:not(.btn-outline) {
        color: #FFF !important;
        background-color: #32c5d2;
        border-color: #32c5d2;
}



.btn {
        color: #000 ;
        border-color: #ccc;
}

.btn:hover {
        /* border: none !important; */
        /* color: #999 !important */
}

.btn:hover * {
        border: none !important;
        /* color: #fff !important */
}

.btn * {
        /* color: #666; */
        border-color: #ccc !important
}

.btn.btn-outline.green.active,
.btn.btn-outline.green:active,
.btn.btn-outline.green:active:focus,
.btn.btn-outline.green:active:hover,
.btn.btn-outline.green:focus,
.btn.btn-outline.green:hover {
        color: #fff !important
}

.deleteQuery {
        margin-bottom: 10px;
}

.btn-success {
        color: #fff !important
}

.green {
        color: #fff !important
}

.green:hover * {

        color: #fff !important
}


.well {
        padding: 9px;
        padding-left: 25px
}

.wellPageHeader {
        background-color: #fff !important;
        border: none !important;
}

.form-group div select {
        margin-top: 8px;
        width: 200px;
}

.white {
        background-color: #fff;
}

.margintop25 {
        margin-top: 25px;
}

.margintop15 {
        margin-top: 15px;
}


.margintop5 {
        margin-top: 5px;
        background: #FFFFFF;
        border-radius: 4px 4px 4px 4px;
        opacity: 1;
        border: 1px solid #36C6D3;
        font-size: 12px;
        font-weight: 500;
        color: #36C6D3;
}

.geze_hz{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.geze_mlu_yuan{
        height: 25px !important;
        width: 25px !important;
        /* left: 25px; */
}
.geze_mlu{
        height: 25px !important;
        width: 25px !important; 
        padding:0 !important;
        line-height: 25px;
        text-align: center;
        color: #fff !important;
        background-color: #36C6D3 !important;
}
.geze_hz_desc{
        font-size: 12px;
        font-weight: 500;
        color: #999999;
}
.timeline:before {
        background-color: #36C6D3 !important;
        margin-left: 12px;
        width: 2px;
}
.geze_hz_btnr{
        width: 90%;
}


.fa-remove {
        cursor: pointer;
}

#up_masking1 {
        height: 100%;
        width: 100%;
        position: fixed;
        background: rgba(0, 0, 0, .4);
        z-index: 99999;
        top:0;left:0
}

#up_confirm {
        width: 520px;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        margin: 0 auto;
        padding: 30px;
        display: none;
        position: relative;
        top: 50%;
        margin-top: -107px;
        overflow: hidden;
}

#up_confirm h6 {
        font-size: 18px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: rgba(34, 35, 44, 1);
        line-height: 18px;
        color: #22232C
}

#up_confirm h6 i {
        float: right;
        color: #D8D8D8;
        font-size: 12px;
        font-weight: 200;
        cursor: pointer;
}

#up_confirm p {
        font-size: 16px;
        font-family: PingFang-SC-Medium, PingFang-SC;
        font-weight: 500;
        color: rgba(83, 85, 92, 1);
        line-height: 20px;
        margin-top: 32px;
}

#up_confirm span {
        width: 72px;
        height: 40px;
        background: rgba(243, 244, 246, 1);
        border-radius: 4px;
        display: block;
        float: right;
        line-height: 40px;
        text-align: center;
        color: #8B8C90;
        margin-top: 15px;
        cursor: pointer;
}

#up_confirm .ok {
        margin-left: 10px;
        background: rgba(54, 198, 211, 1);
        color: #fff;
}

#up_confirm .ok:hover {
        background: #27a4b0
}


body {
        /* zoom: 0.9 */
}

.chats li .message {
        padding: 15px
}

td .badge {
        background-color: #ccc;
        margin-right: 10px;
}

.save {
        margin-left: 20px
}

.dropdown-menu * {
        font-size: 14px;
}

.caption-subject {
        font-size: 18px;
}

.nav-pills,
.nav-tabs {
        margin-bottom: 0
}

.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item .task-list {
        border: none
}

.mt-element-list .list-todo.mt-list-container ul>.mt-list-item>.list-todo-item {
        width: 100%;
        border: none !important;
        margin-left: 0;
}

.mt-element-list .list-todo.mt-list-container {
        border: none
}
.text-white{color:#fff !important}
/* .gomai_hz {
height: 40px;
border-radius: 2px !important;
line-height: 25px !important;
background-color: #FF5500;
float: left;
margin-right: 5%;
font-size: 14px;
text-align: center;
cursor: pointer;
margin-bottom: 15px;
font-weight: bold;
} */
.gomai_hz{
  width: 90px;
  height: 32px;
  background: #FF5500;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: space-evenly;
  margin-right: 10px;
}
.gomai_hz:hover{
    color: #fff;
    background-color: #27a4b0;
}
.yjxx{
        padding: 10px;
        box-sizing: border-box;
   height: 32px;
   background: #27a4b0;
   border-radius: 4px 4px 4px 4px;
   opacity: 1;
   color: #fff;
   font-size: 14px;
   text-align: center;
   line-height: 32px;
   display: flex;
   font-weight: 500;
   align-items: center;
   justify-content: space-evenly;
   margin-right: 10px;
}
.jrjh{
        padding: 10px;
        box-sizing: border-box;
    height: 32px;
    border-radius: 4px 4px 4px 4px;
    margin-left: 10px;
    opacity: 1;
    border: 1px solid #FF5911;
    cursor: pointer;
    color: #FF5911;
    line-height: 32px;
    font-size: 14px;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: space-evenly;
}
.jrjh:hover{
        border: 1px solid #27a4b0;
        color: #27a4b0
}
.fhxm{
    width: 90px;
    height: 32px;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    border: 1px solid #36C6D3;
    cursor: pointer;
    color: #36C6D3;
    font-size: 14px;
    line-height: 32px;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: space-evenly; 
}

.anniu_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
min-height: 80px;
align-items: center;
}
.anniu_box_xx{
display: flex;
align-items: center;
}
.bootstrap-tagsinput{width: 100%;}
 

.marginTop15{margin-top: 15px;}
.marginTop20{margin-top: 20px;}
.marginTop30{margin-top: 30px;}
.marginTop45{margin-top: 45px;}

.icon-btn{width: 50px; height:70px;margin:15px;line-height: 22px; }
.fontSize18{font-size: 18px;}
.fontSize17{font-size: 17px;}
.fontSize16{font-size: 16px;}
.fontSize14{font-size: 14px;}
.btn .iconfont{margin-top: 1px;}

/* .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{        
  border: none;
  border-bottom: 3px solid #36C6D3;
  background-color: transparent;
} */

.mysj{
  position: absolute;
  left: 50%;
  top: 50%; 
  transform: translate(-50%, -50%);
  text-align: center;
  color: #c0c0c0;
  letter-spacing:3px;
}

.tabbable-custom>.nav-tabs>li.active{
   border-top: none;
}

.general_builder_html{
    display: flex;
}
.page-content {
     margin-left: 0px;
     /* width: 100%; */
}

.col-md-4{
        width: 33.3333% ;
}
.page-content-wrapper{
        /* display: flex; */
        background-color: #fff;
}
@media (max-width: 1600px) {
/* html{zoom:0.9} */



}

@media (min-width: 992px){
        .page-content-wrapper .page-content {
                margin-left: 145px;
                margin-top: 0;
                min-height: auto;
                /* min-height: 600px; */
                padding: 25px 25px;
                box-sizing: border-box;
            }
}

        
/*.page-content-wrapper .page-content {
        margin-left: 145px;
        padding-left:40px;
        zoom:0.9
}*/
.xxzx_box .xxzx_yce .nr_box .nr_bt {
        font-size: 20px !important;
        font-weight: 800;
        color: #333333;
        padding: 25px 0 10px 25px;
    }

    .todo .nr_bt{
        font-size:20px !important
    }

    .tabbable-line>.nav-tabs>li>a {
        font-weight: 600;
    }

    .mt-element-step .step-background-thin .mt-step-number{
            font-size: 110px;
    }


.nr_input_hz_ptym{
    float: right;
    width: 200px;
    display: inline-flex;
    justify-content: space-between;
    background: #fff;
    position: relative;
    border-radius: 5px;
    border: 0;
    height: 30px;
    border: 1px solid #CCD3DF;
}

.sosuo{
        z-index: 999;
        cursor: pointer;
        color: #9c9da1;
        line-height: 26px;
        font-weight: 100;
        position: inherit;
        font-size: 14x;
        margin-left: 8px;
        margin-top: 1px;  
}
.nr_input{
        font-size: 14px;
        width: 100%;
        height: 26px;
        background: #ffffff;
        border: 0;
        border-radius: 5px;
}
.margin5{margin:5px}
.margin10{margin:10px}
.margin15{margin:15px}

.mt-element-step .step-background-thin .mt-step-title,
.mt-element-step .step-background-thin .mt-step-content{
    padding-right: 0 ;
    text-align: center;
}

.kbai_box{
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
}
.kbai_box_name{
        font-size: 13px;
        font-weight: 500;
        color: rgba(138, 140, 144, 1);
}


.xuanzho_hz1{
       margin-bottom: 10px;
       height: 50px; 
       line-height: 50px;
       /* display: flex; */
       /* justify-content: space-around; */
       background-color: #EEF1F6;
       width: 100%;
}
.xuanzho_hz1_tab{
        font-size: 12px;
        color: #000;
        text-align: center;
        /* width: 20%; */
        font-weight: 600;
        min-width: 150px;
        max-width: 250px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}
.xuanzho_hz_nr{
        /* display: flex; */
        /* justify-content: space-around; */
        height: 45px; 
        line-height: 45px;
        width: 100%;
        
}
.xuanzho_hz_nr:nth-child(odd){
        background-color: #F7F7F7 
}
.xuanzho_hz_nr_wz{
        font-size: 12px;
        color: #666;
        text-align: center;
        /* width: 80%; */
        min-width: 150px;
        max-width: 250px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 400;
}

.nr_wz_20{
        width: 20%;
}
.nr_wz_80{
        width: 80%;
}

.modalshow .table tbody tr td{
        text-align: left;
        padding: 8px;
        line-height: normal;
        background-color: #fff;
}


.pull-right>.dropdown-menu {
     top: auto;
     bottom: 100%;
 }
 

 @media (max-width: 1200px) {  
        .page-content {
                /* margin-left: 0 !important; */
                background-color: #ffffff !important;
        }
        html {
                background-color: #fff;
        }
}



.form-actions .row{
        display: flex;
        margin-left: 86px;
}       

.ht_clone_top{
    z-index: 10 !important;
}
.jcy_gaodu{
   min-height: 60vh;
}
.jcy_gaodu_wbc{
   min-height: 60vh;
}