@charset "utf-8";
/* CSS Document */

/*GY*/ 
.btn2{padding: 6px 16px;    color: #373a3c;
    background-color: #fff;      border: 1px solid #ccc;
    border-color: #ccc;
border-radius: 4px;
} 
.btn3 {
    padding: 8px 16px;
    color: #373a3c;
    background-color: #fff;  
    border-radius: 4px;
}
.fl {
    float: left; 
}
.fr {
    float: right;

}
.mr{margin-right: 5px;}
.label-secondary, .label-default, .badge-secondary, .badge-default { 
	  background-color: #fff;
    border: 2px solid  #66767c;
    color: #66767c;
}
.label, .badge {
    box-shadow: none;
    padding: 4px 8px;
}.label-primary, .badge-primary { 
	  background-color: #fff;
    border: 2px solid #07a7e3;
    color: #07a7e3;
}

.label-danger, .badge-danger {
    background-color: #fff;
    border: 2px solid #c0392b;
    color: #c0392b;
}.label-success, .badge-success { 
	ckground-color: #fff;
    border: 2px solid #27ae60;
    color: #27ae60;
}
.badge-danger2,.hui .locked,.hui .overbw,.hui .overdue{ color: #c0392b;}
.badge-success1,.hui .normal{color: #27ae60;}
.badge-primary1,.hui .install{color:#07a7e3;} 
.btn {
    font-size: 12px;
    line-height: 1.5;
    -webkit-border-radius: 0.4167rem;
    -moz-border-radius: 0.4167rem;
    -ms-border-radius: 0.4167rem;
    -o-border-radius: 0.4167rem;
    border-radius: 4px;
    font-weight: 500;
    padding: 8px 12px;
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;

}
.btn-primary {
    background-color: #07a7e3 !important;
    color: #fff !important;
} .btn-primary1 {
    background-color: #366e98 !important;
    color: #fff !important;
} 
.btn-success, .btn-success.dropdown-toggle {
    background-color:#27ae60 !important;
	color: #fff !important; 
}
.btn-success1{
    background-color:#1cad58 !important;
    color: #fff !important;

} 
.a-search{
    background-color:#62a4d4 !important;
	color: #fff !important; 
} 
.a-btn {
    padding: 2px 8px;
    color: #373a3c;
    background-color: #fff;  
    border-radius: 4px;
}

.badge, .jumbotron, .list-group .list-group-item, .navbar-toggler {
    border-radius: 2px;
}
.badge {
    display: inline-block; 
    font-size:14px;  
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline; 
}
.badge:hover {
    cursor: pointer;
    background-color: #e6e6e6;
    border-color: #adadad;
	
}


/*left*/
.i-icon {
    display: inline-block;
}
.go-back {
    padding-top: 10px;
    text-align: left;
}

.subcurrent {border-left: 4px solid #3bb4f2;}

.current {
    background-color: #366e98;
	
}
#main-nav .current2 {
    background-color: #366e98;
	
}
#main-nav .current5{background-color: #366e98;}
.window-left .logo{margin-top: 5px;}
.window-left .logo h1{ font-weight: normal;font-size: 24px;overflow: hidden;height: 31px;}
.fold .logo h1{width: 60px;}
.window-left .logo a{color:#ffffff;padding: 14px;}
.window-left .go-back .iconfont {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
.window-left.fold {
    overflow: visible!important;
}
.window-left {
    width: 180px;
    height: 100%;
    z-index: 9999;
    overflow: visible !important;
    background: #1e1e2d;
    color: #fff;

}
.window-left.fold {
    overflow: visible!important;
}
.window-left .go-back a {
    display: inline-block;
    width: 160px;
    height: 30px;
    line-height: 30px; 
	padding-left:20px;
}
.window-left .go-back a .i-icon {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background-image: url("image/left-arrow.png");
}
.window-left.fold .go-back a {
    width: 30px;
    height: 30px; 
}
.window-left.fold .go-back a .i-icon {
    background-image: url("image/right-arrow.png");
} 
.window-left .menu-list { 
    font-size: 18px;
}
.window-left .menu-list ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
.window-left .menu-list ul li {
    text-align: left;
    color: #616c82;
}
.window-left .menu-list ul li.first-menu {
    position: relative;
    color: #5f78a2;
}
.window-left .menu-list>ul>li .i-icon {
    width: 24px;
    height: 24px;
    vertical-align: sub;
    background-image: url("image/menu.png");
}
.window-left .menu-list ul li:HOVER>span {
    color: #1c9dff;
    cursor: pointer;
}
.window-left .menu-list ul li a {
    display: block;
}
.window-left .menu-list ul li.first-menu>a {
    position: relative;
    padding-left: 20px;
    width: 100%;
    line-height: 40px;
    color: #ffffff;
    white-space: nowrap;
}
.window-left .menu-list ul li.first-menu .hover-tit {
    display: block;
    position: absolute;
    left: 45px;
    top: 8px;
    font-size: 16px;
    color: #ffffff;
    width: 120px;
}
.menu-l a{    position: relative;
    padding-left: 20px;
    width: 100%;
    line-height: 40px;
    color: #ffffff;
    white-space: nowrap;}
.menu-l .hover-tit{font-size: 16px;padding-left: 2px;}
.window-left.fold .menu-list ul li.first-menu .hover-tit,.window-left.fold .menu-list ul li.menu-l .hover-tit {
    display: none;
    width: 180px;
    height: 42px;
    left: 60px;
    line-height: 42px;
    padding-left: 20px;
    background-color:#366e98;
    color: #fff;
    cursor: pointer;
}
.window-left.fold .menu-list ul li.first-menu:hover {
    background-color:#366e98;color: #fff;
}
.window-left.fold .menu-list ul li.first-menu:hover .hover-tit {
    display: block!important;
    top: 0;
}
.window-left.fold .menu-list ul li.first-menu:hover ul {
    display: block!important;
    position: absolute;
    width: 180px;
   top: 42px; 
    left: 60px;
}
.window-left.fold .menu-list ul li.first-menu:hover ul li {
    height: 42px; 
    background-color:#044b7f;
}
.window-left.fold .menu-list ul li.first-menu:hover ul li a {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.window-left .menu-list ul li.first-menu.active>span {
    color: #ffffff;
}
.window-left .menu-list ul li.first-menu.active ul li.second-menu.current a {
    background-color: #bfbcbc;
    ;
    border-left: 4px solid #101213;
    font-size: 16px;
}
.window-left .menu-list ul li.first-menu ul {
    display: none;
    background:#044b7f;
    /* position: absolute; */
    left: 180px;
    top: 0;
    /* width: 160px;  */
    color: #333;
}
.window-left .menu-list ul li.first-menu ul li a {
/*    position: relative;*/
    padding-left: 45px;
    width: 100%;
    line-height: 41px;
	font-size: 16px;
    color: #ffffff;
    white-space: nowrap;
}
.window-left .sj{margin: 48px 0px;}
.window-left .sj a{color:#eca649!important;}
.window-left .userl{padding-bottom: 48px;}
.window-left .userl a{text-align: center;    padding-left: 0px !important;}
.mCustomScrollBox,.mCSB_container{overflow: inherit !important;}
/*content*/
#maincontent{
   /*    position: relative;*/
} 
.menu-list li:hover {
    background-color: #366e98;
    color: #fff;

}
.window-left .menu-list ul li.first-menu ul li.second-menu a {
    padding: 12px 0 12px 55px;
    font-size: 16px;
    color: #28292b;
}
.window-left.fold .menu-list ul li.first-menu ul li.second-menu a {
    padding-left: 20px;
    font-size: 16px;
    color: #020e23;
}
#maincontent .top {
    padding: 10px 25px 5px 25px;;
    color: #97a9b2; 
    z-index: 9000;
	background-color: #ffffff!important
    /* background-color: #eceeef!important; */
}
  
#maincontent .top h2,#maincontent .top h2 span{font-size:32px;color:#373a3c;}
#maincontent .top h2 span{padding-right: 8px;}
.content{padding: 16px;}
.content .table{padding:0 15px;}
.content .table th,.content .table td {
    text-align: left;
    padding: 12px;
    vertical-align: top;
}
.content .table th.frist{    background-color: #044b7f!important;color:#ffffff;}
.content .table th {
    color: #55595c;
    background-color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    vertical-align: bottom; 
}
.content .table td {
        vertical-align: top;
    border-top: 1px solid #eceeef;
	color: #373a3c;
}  
.content .table .btn{    opacity: 0.5;}
.content .table .btn:hover{ opacity: 1;}
.content .table .badge i{font-weight: bold;font-size: 11px;padding:0px 5px;}
.table .page {
    background: #ffffff;
    border-top: 0px;
    text-align: center !important;
    padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.table .page .first_previous{font-size: 0;}
.table .page .fl{color:#366e98;}
.table .page .first_previous,.table2 .page .first_previous{float:right;}
.table .page .first_previous li,.table2 .page .first_previous li{float:left;}
.table .page .first_previous a,.table2 .page .first_previous a {font-size: 16px;
    padding: 8px 12px;    color: #366e98;    margin-left: -1px;
       border: 1px solid #ddd;
}
.table .page .first_previous .active a,.table2 .page .first_previous .active a{font-size: 16px;
    padding: 8px 12px;    color: #366e98;    margin-left: -1px;
       border: 1px solid #ddd;
}
.table .page .first_previous .active a,.table2 .page .first_previous .active a{    color: #fff;
    cursor: default;
    background-color: #366e98;
    border-color: #366e98;}
.table .page .first_previous .left_last,.prev a,.table2 .page .first_previous .left_last,.prev a{border-bottom-left-radius:4px;
    border-top-left-radius:4px;}
.table .page .first_previous .next_last,.next a,.table2 .page .first_previous .next_last,.next a{  
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.hosttop{padding:10px 25px 0px 25px;    border-bottom: 1px solid #ddd;}
.hostinfo h2 {    font-size:30px;    font-family: inherit}
.hostinfo h2 i{font-size: 32px;color:#089944!important;padding-right: 10px;}
.hostinfo h2 span{     font-weight: 600;border-bottom: 1px dashed #ccc;    color: #373a3c;}
.hostinfo h2 #state{border-bottom: 0px;font-size: 14px;color:#366e98!important;padding-left:8px;}
.hostinfo h2 .badge-danger{border:2px solid #c0392b !important;margin-left: 8px;font-size: 12px; color: #c0392b;
    font-weight: 500;padding: 3px;border-radius: 4px;}
.hostinfo h2 .badge-success{border:2px solid #27ae60 !important;margin-left: 8px;font-size: 12px; color:#27ae60;
    font-weight: 500;padding: 3px;border-radius: 4px;}
.hostinfo h2 .badge-primary{border:2px solid #07a7e3 !important;margin-left: 8px;font-size: 12px; color:#07a7e3;
    font-weight: 500;padding: 3px;border-radius: 4px;}
.hostinfo .text-muted{color: #818a91!important;font-size:14px;padding-top:8px;}
.hostinfo .text-mute{padding:8px 0px;}
.hostinfo .text-mute span{border-bottom: 1px dashed #ccc;color: #373a3c;}
.hostinfo .text-mutec{color: #373a3c;font-size: 16px;}
.hostinfo .text-mutec span{padding:0px 5px;color:#366e98;}
.hostgroup{font-size: 0;}
.hostgroup .hbtn{padding:12px 24px;border:1px solid #ccc;    display: inline-block;    margin-left: -1px;background:#ffffff;}
.hostgroup .hbtn i{font-size:20px;}
.hostgroup .hl{border-bottom-left-radius:4px;
    border-top-left-radius:4px;}
.hostgroup .hr{  
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.notice .tab-hd {
    height: 50px;
    line-height: 50px; 
    padding-top:16px; 
} .notice .tab-hd ul li.on {
    height: 53px;    margin-bottom: -1px;
    background: #fff;    color: #55595c;
    border: 1px solid #ddd;
      border-bottom: none;
	    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.notice .tab-hd ul li {
    float: left;
    padding: 0 20px;
    cursor: pointer;    color: #366e98;
	font-size: 19px;
}
.notice .tab-bd table{/*margin:0px 10px;*/}
.msgess td{    text-align: center;font-size:32px;color:#373a3c;}
.msgess td span{    border-bottom: 1px dashed #ccc;}
.msgess .hr1 td{    border-bottom: 1px solid #f5f5f5;padding:30px 0px 50px 0px;}
.msgess td i{font-size:34px;}
.msgess .hr2 td{font-size:16px;padding:30px 0px;}
.msgess .hr2 i{color:#064c80;}
.vnc{text-align: center;    border: 1px solid rgba(0,0,0,.125);}
.vnc th {
       background-color: #f5f5f5;
    color: #373a3c;
	font-size: 24px;
	padding:12px 0px;
	font-weight: normal;
	border-bottom:1px solid rgba(0,0,0,.125);
}
.vnc .item{font-size:16px;padding:16px 0px;}
.vbtn {    padding:6px 14px;border: 0px;
    font-size:20px;    display: inline-block;
    border-radius: 5px;}
.vnc .iconfont{font-size:18px;padding-right:5px;}
.kzico{    border-radius: 20px;
    background-color: #818a91;
    font-size: 14px;
    color: #ffffff;
    padding: 3px 8px;
    font-weight: bold;}
.kuaiz{padding-left: 0px !important;}
.kuaiz1{padding-bottom:16px;     text-align: right;padding-right:5px;}
.btn-primary1:hover {
    color: #fff;
    background-color: #295372 !important; 
}.btn-success1:hover {
    color: #fff;
    background-color: #05692e !important; 
}
.btn-warning{color: #fff;
    background-color: #eca649;}
.btn-warning:hover {
    color: #fff;
    background-color: #c97c15 !important; 
}
.btn-danger{color: #fff;
    background-color:#990822;}
.btn-danger:hover {
    color: #fff;
    background-color:#990822 !important; 
}
.btn-danger i {
    color: #fff;
}
.kuaiz1 .vbtn i{padding-right: 5px;}
.gaojil{    text-align: right;}
.gaojil a{margin-right:15px;}
.gaojil a i{padding-right: 10px;padding-left: 10px;}
.gaoji{
    color: #373a3c;}
.gaoji th{    font-weight: normal;
    padding-bottom: 8px; 
    text-align: left;
    padding-top: 20px;
    font-size: 28px;}
.gaoji td{padding: 12px;    border-top: 1px solid #eceeef;}
.gaoji .first{    font-weight: bold;}
.vnc select{width:98%;padding:15px 10px;margin:20px 0px;} 
.sous .input-btn .btn2{border-top-left-radius:0px;  
    border-bottom-left-radius: 0px;}
.sous{font-size: 0px;display: inline-block;vertical-align: middle;}
.sous .input-btn{display: inline-block;vertical-align: middle;}
.sous .btns{font-size: 16px;    
    padding: 6.5px 20px; 
    color: #ffffff;    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #044b7f;}
.sous .input-btn .search{ width: 46px;
    border: 0;
    height: 33px;cursor: pointer;background: url(/static/images/search.png) no-repeat;}
.btnt .control{    border-left: 0px !important;}
.sous .control{  background-color: #eceeef; vertical-align: middle;   color: #55595c;    border: 1px solid rgba(0,0,0,.15);padding:8px 12px;}
.sous .btn2 .iconfont{font-size: 12px;}
.cjt{padding: 16px 30px 0px 30px;}
.cjt .btn3 .iconfont{padding: 0px 5px;}
.gaoji .hr{border-bottom: 1px dashed #ccc;}
.gaoji .btn{margin-left: 15px;font-size: 14px;}
.gaoji .btn i{padding-right: 5px;}
.content .table2{color:#373a3c;border: 1px solid #eee;border-top: none;border-radius: 6px;}
.content .table22{border: 0; border-radius: 0;}
.content .table2 .icon-dian,.content .table2 .icon-suoding,.content .table2 .icon-qunfengliuliangguanli,.content .table2 .icon-qunfengguoqi{padding-right: 10px;}
.content .table2 .btn {
    opacity: 0.5;
}
 
.content .table2 .btn:hover {
    opacity: 1;
}
.content .table2 td {
   vertical-align: initial;
    border-top: 1px solid #eee;
    color: #373a3c;
}


.content .table22 td{
    border-top:0;
    border-bottom: 1px solid #eee;}
.content .table2 th, .content .table2 td {
    text-align: left;
    padding: 12px; 
}
.table2 .page {
    background: #ffffff;
    border-top: 0px;
    text-align: center !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}.table2 .page .first_previous {
    font-size: 0;
}.table2 .page .first_previous .left_last {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
} .table2 .page .first_previous a {
    font-size: 16px;
    padding: 8px 12px;
    color: #366e98;
    margin-left: -1px;
    border: 1px solid #ddd;
}
 .table2 .page .first_previous .current {
    font-size: 16px;
    padding: 8px 12px;
    color: #366e98;
    margin-left: -1px;
    border: 1px solid #ddd;
}
.table2 .page .first_previous .current {
    color: #fff;
    cursor: default;
    background-color: #366e98;
    border-color: #366e98;
}.table2 .page .first_previous .next_last {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.table2 .ipg{background-color: #044b7f;color:#fff;font-size: 12px;    display: inline-block;
    padding:3px 5px;font-weight: 700;border-radius:4px;}
.cont{padding: 20px 15px;display: none;}
.cont .title { 
    width: 130px;
    text-align:left!important;
} 
.cont td{padding-bottom: 20px;}
.cont .text{
    background-color: #fff;
    height: 40px;
    line-height: 38px;
    padding-left: 10px;
    width: 90%;
    padding-right: 10px;
    border: 1px solid #ccc;
    color: #333;
    }
.text2{    background-color: #fff; height: 40px;    line-height: 30px;
    padding-left: 10px;
	width: 100%;
    padding-right: 10px;
    border: 1px solid #ccc;
    color: #333;}
.index{padding:0px 30px;}
.index td{padding-bottom: 15px;}
.index .item{border: 1px solid rgba(0,0,0,.125);border-radius:4px;width: 94%;}
.index .item1{border: 1px solid rgba(0,0,0,.125);border-radius:4px;width:98%;}
.index .item th,.index .item1 th{
   /*  background-color: #f5f5f5; */
    color: #373a3c;
    font-size: 24px;
    padding: 12px 0px;
    font-weight: normal;
    border-bottom: 1px solid rgba(0,0,0,.125);
	width:500px;
}.index .item td{
    font-size: 60px;    color: #366e98;
    padding: 20px 20px 36px 20px;
	text-align: center;
}.index .item .iconfont,.index .item1 .iconfont{font-size: 20px;padding-right: 5px;}
.index .item1 td{
    font-size: 20px;    color: #366e98;
    padding: 20px 20px 0px 20px;
	text-align: center;
	width:500px;
}
.title-t{padding-left:8px;}
 .select{
    width: 50%;
    padding:8px; 
}
.thr{border-top: 1px solid #eceeef;padding: 0px !important;}
 /*Eject*/
.ui-icon-closethick {
    background: url(/static/images/close.png) no-repeat left center!important;
}
.ui-dialog-titlebar-close:focus{
	outline:none;
}
.ui-state-hover span.ui-icon-closethick {
    background: url(/static/images/close.png) no-repeat right center!important;
}
.ui-dialog .ui-dialog-titlebar-close {
    top: 45%!important;
    right: 10px!important;
    border: none!important;
    background: #ffffff!important;
}
 .ui-dialog {
    border: none;
    padding: 3px;
    z-index: 10000;
}.ui-widget-header {
          border: 0px;
    border-radius: 0px;
    color: red;
    border-bottom: 1px solid rgb(229, 229, 229);;
    background: #ffffff;    padding: .1em 1em;
}.ui-dialog .ui-dialog-title {
    color: #3d3d3d;
    line-height: 28px;
    font-size: 24px;
    margin: 0px;
    font-weight:normal;
}.ui-widget {
    font-size: 12px;
}

.ui-dialog .ui-dialog-buttonpane{margin:0px; background:#fff; border-radius:0px 0px 4px 4px; border-top:1px dotted #a7dbff;}

#sform .primary{    padding: .4em 1em;    background-color: #07a7e3 !important;
    color: #fff !important;border: none;border-radius: 2px!important;margin-left: 3px;}
.ui-widget-overlay {
    background: #000!important;
    opacity: .5;
    filter: Alpha(Opacity=30);
    z-index: 9999;
}
.ui-widget-content{
	border-top: 1px solid rgb(229, 229, 229)!important;
}
.ui-widget-header{border-bottom:none!important;}

.ui-dialog .ui-dialog-content {
    padding: 5px 15px;
    background: #fff;
    clear: both;
} 
.ui-dialog-buttonset button {
    outline: none;
    border: none!important;
    background: #2196f3!important;
    color: #FFF!important;
    border-radius: 2px!important;
}
.ui-dialog-buttonset button:hover {
    background: #03A9F4!important;
}
#processing{height:130px !important;}
/* .ui-dialog .ui-dialog-buttonpane{padding:8px 12px !important;} */
.ui-dialog .ui-dialog-content{font-size: 13px;}
.ui-button-text-only .ui-button-text{    padding: 8px 16px !important;font-size: 12px;font-weight:normal;}
.ui-dialog .ui-dialog-content .text{padding-left: 5px;border: 1px solid #cbcbcb;border-radius: 2px!important;line-height: 22px;padding: 0 0.5rem;height: 35px;}

.ui-widget-header{border: none;border-radius:4px 4px 0px 0px;height: 36px;background-color:#fff;}


.xit{border-bottom: 1px solid #ddd;background: #eceeef;}
.xit .tab-hd ul{padding-left: 25px;}
.state span{font-size: 14px;}
#container,#container2,#container3,#container4{z-index:0;}
 .con-item{position:relative;height:1.875rem;line-height: 1.875rem;width: 400px;text-align: center;}
        .con-item i{display:block;height:1px;background:#e1e1e1;position:absolute;top:0.9rem;width:100%;z-index: -1;}
        .con-item p{
           display: inline-block;
    font-size: 14px;
    color:#5E5E5E;
    background: rgb(255, 255, 255);
    padding: 0 1.875rem;
    border-radius: 4px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;}

   .con{position:relative;height:1.875rem;line-height: 1.875rem;    margin: 15px 0px;text-align: center;}
        .con i{display:block;height:1px;background:#e1e1e1;position:absolute;top:0.9rem;width:100%;}
        .con p{
           display: inline-block;
           font-size: 16px;
           color: #ffffff;
           background: rgb(4, 75, 127);
           padding: 0 1.875rem;
           border-radius: 4px;
           text-align: center;
           margin: 0 auto;
           position: relative;
           z-index: 2;
       
           }
.cq .iconfont{padding-right: 5px;}






table.sl-info tbody tr td{    font-size: 12px;
 
    width: center;
   
}



table.sl-info{    font-size: 12px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(54,58,80,.32);
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    color: rgba(0,0,0,.9);
    text-align: left;
    margin-bottom: -35px;
}

table.sl-info thead th{    padding-bottom: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #000;}
table.sl-info tbody th  {
    vertical-align: baseline;
    color: rgba(0,0,0,.4);
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;white-space: nowrap;
        font-weight: 400;    line-height: 1.5;
        width: 70px;
}
table.sl-info tbody td{color: #000;
    word-wrap: break-word;
    word-break: break-word; line-height: 1.5;}
.ctl{width: 50%;vertical-align: top;
padding: 20px 10px 20px 20px}
.ctr{width: 47%;vertical-align: top;
padding: 20px 20px 20px 10px}
.infor{background: #f3f4f7;}
.infor #maincontent  .top{background-color:#fff!important}

.sl-s-bj{width: 100%;}
.sl-s-l{padding-right: 10px;vertical-align: top;}
.sl-s-r{padding-left: 10px;vertical-align: top;}
.top-r-bt{text-align: right}
table.sl-info tbody td.top-r-bt,table.sl-info tbody th.top-r-bt{padding-right: 0}
.btns{padding: 6px;
    font-size: 12px;background-color: #cee9f3 !important;
    color: #257896 !important;}

.tab li{
    float: left;
    border-bottom: 2px solid #ddd;
    padding: 0 20px 10px;
    cursor: pointer;
}
.tab li.on{ border-bottom: 2px solid #044b7f;
color:#044b7f }
.tsinfo{    font-size: 12px;
    line-height: inherit;
    padding: 10px 30px 10px 20px;
    vertical-align: middle;
    color: #003b80;
    border: 1px solid #97c7ff;
    border-radius: 2px;
    background: #e5f0ff;
    position: relative;
    box-sizing: border-box;
    /* max-width: 1360px; */
    /* margin-right: auto; */
    margin: 20px 20px 0;}
	
/* tables still need 'cellspacing="0"' in the markup */
.backups_tab {
	border-collapse: separate;
	border-spacing: 0;
}
caption, .backup_th {
	text-align: left;
	font-weight: bold;
}
#main-content table td,
#main-content table th {
                padding:5px;
                line-height: 1.2em;
                }        
				
#main-content table tfoot td .bulk-actions {
                padding: 10px 0 5px 0;
                } 

/* .button {
    display: inline-block;
    background: #366e98;
    border: 1px solid #004994 !important;
    padding: 4px 7px 4px 7px !important;
    color: #fff !important;
    font-size: 12px !important;
    cursor: pointer;
} */


form input.text-input,
form select,
form textarea {
                padding: 5px;
                font-size: 12px;
                background: #fff url('/static/images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }

.button {
    display: inline-block;
    background: #3388b3 !important;
    border: 1px solid #004994 !important;
    padding: 4px 7px 4px 7px !important;
    color: #fff !important;
    font-size: 12px !important;
    cursor: pointer;
	
}

.aurl {
    color: #000000;
    text-decoration: none;
}

.dialog_label
{
	/* display:inline-block;  
    width:100px;
    text-align:right;
    float:left;
    font-weight:bold;
    clear:both;
    cursor:text; */
  
    display:inline-block;  
    width:100px;
	font-weight:bold;
    text-align:right;
	/* clear:both;
    cursor:text; */
}
.buttons {
    /* display: inline-block; */
    /* background: #004a95 url(/static/images/bg-button-blue.gif) top left repeat-x !important; */
	background:#59c2e6;
    /* border: 1px solid #004994 !important; */
    padding: 4px 7px 4px 7px !important;
    color: #fff !important;
    font-size: 12px !important;
    cursor: pointer;
}
/* color: #ddeeff;font-weight:normal; */
.tab-li li.active {
    color: #0052d9;
    border-color: #0052d9;
}
#mainContent .iconfont {
    margin-right: 4px;
}