/*
background:#3271c0;
table-layout:fixed; 
*/


.imggray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}




.topmenu{
width:100%;
height:35px;
background-color:#093B5E;/*0A425B,053649,5185a8*/
}



.topbg {

background-color: rgb(1, 143, 251) !important;


}


/*.topbg:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(bs-docs-masthead-pattern.png) repeat center center;
opacity: .4
}*/





.itemx{
position:absolute;
left:141px;
z-index:1;
float:left;
height:20px;
}


.itemx div:hover{ 
color:#fff;
text-decoration: none;
}



.itemx .itemi{
float:left;
text-align:center;
white-space:nowrap;
padding:0 30px 0 10px;
cursor:pointer;
}

/*.itemx .itemi .badge{
padding:1px 5px;
font-size:10px;
line-height:11px;
}*/




.itemx .ichange,
.itemx .iother{
float:left;
position:relative;
background:url(4x4.gif) repeat;
}



.itemx .x{
cursor:pointer;
position:absolute;
z-index:1;
right:0px;
background:url(tab_close.png) no-repeat; 
width:23px;
height:12px; 
}


.itemx .ichange{
margin-top:9px;
color:#fff;
BORDER: #000 1px solid;
BORDER-bottom: #222 1px solid;
background-color:#24282E; 
height:28px; 
line-height:28px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}


.itemx .ichange .x{
top:7px;
background-position: 0 0;
}



.itemx .iother{
margin-top:12px;
height:23px; 
line-height:23px;
color:#ddd;
}




.itemx .iother .x{
top:5px;
background-position: 0 -12px;
}








.message{
position:absolute;
top:-12px;
right:100px;
z-index:1px;
}





.iTurnLR{
position:absolute;
right:0px;
z-index:1;
float:right;
color:#fff;
padding:15px 30px 0 0; 
}
.iTurnLR span{
float:right;
padding-right:10px;
line-height:15px;
}
.iTurnLR a{
float:right;
width:15px; 
height:15px;
}
.iL{
background:url(111.png) 5px 3px no-repeat;
}
.iR{
background:url(000.png) 6px 3px no-repeat;
}







.tagbar{
font-size:1px;
line-height:1px;
height:40px; 
background-color:#093B5E;
}


.logo{ 
padding:0 15px;
float:left;
text-align:center;
line-height:24px;
}





.msg{
padding:14px 0 0 10px;
float:left;
}

.msg div{
margin:0 11px;
float:left;
width:12px;
height:12px;
background-color:#fff;
border-radius: 2px;
}




.side{
opacity: 0;
overflow: hidden;
position: fixed;
z-index: 2;
height:100%;
float:left; 
color:#bbb;
background-color:#3E4854;
border-right:solid 1px #222;
width:121px;

/* -webkit-transition: all;
-o-transition: all;
transition: all;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;*/

transform: translate3d(-121px, 0, 0);
transition-duration: 300ms;
/*background: -moz-linear-gradient(center top , #3E4854, #222) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(center top , #3E4854, #222) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -o-linear-gradient(center top ,  #3E4854, #222) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -ms-linear-gradient(center top ,  #3E4854, #222) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
}


.sideaction{
opacity: 1;
transform: translate3d(0, 0, 0);
}





.menu1{
position:absolute;
z-index:1;
left:-1px;
top:0px;
}

.menublock{
background-color:#303741;
}


.menu1,
.menublock{
width:35px;
height:100%;
float:left;
text-align:center;
padding:20px 0 0 3px;
}

.menu1 a{
/*-webkit-transform: rotate(45deg);  
-moz-transform: rotate(45deg); 
-o-transform: rotate(45deg);  
-ms-transform: rotate(45deg);*/
/*background:url(4x4.gif) repeat;*/



color:#aaa;
width:32px;
display:block;
margin-bottom:4px;
white-space:nowrap;
line-height:25px;
padding-left:2px;
}


.menu1 span{
font-size:17px;
line-height:35px;
}





.menu1 .m1set{
padding:0;
border-left:solid 2px #F44336;
/*border-radius:0 7px 7px 0;*/
}







.List{
float:left;
overflow:hidden;
width:80px;
height:100%;
padding:10px 0 20px 4px;
border-left:solid 1px #111;
} 


.menu2{
overflow-y:auto;
overflow-x:hidden;
width:200px;
float:left;
}

.menu2 div{

/*background-color:#313842;
border:solid 1px #222;*/
line-height:15px;
margin-bottom:3px;
position:relative;
cursor:pointer;
padding:5px 0 5px 5px;
border-left:solid 2px #3E4854;
/*BORDER-left:#aaa 1px solid;*//*6699CC  840000*/
}

.menu2 .badge{
position:absolute;
padding:0 6px 1px 6px;
font-size:10px;
line-height:11px;
top:-4px;
left:43px;
z-index:1;
}




.line{
position:absolute;
left:0px;
color:#fff;
}





.List .mover{
border-left:solid 2px #F44336;
/*background-color:#303741;*/
/*
background:url(4x4.gif) repeat;
border-radius: 10px;*/
}/*244a79*/






.form{
position:absolute;
z-index:2;
top:250px;
left:-1px;/*left:124px;*/
width:12px;
height:70px;	
cursor:pointer;
transition-duration: 600ms;
}

.form .Lm,
.form .Rm{
display:block;
width:5px;
height:100%;
float:left;
}

.form .Lm{
BORDER-right:#28518E 1px solid;
}

.form .Rm{
BORDER-left:#28518E 1px solid;
}





.main{
float:left;
height:100%;
width:100%;
overflow-x:hidden;
overflow-y:auto;
/*transition-duration: 600ms;*/
}

.mainction{
padding-left:122px;
}


.main .layout{
width:100%;
height:100%;
padding:10px;
display:none;
}

.main .logopage{
background:url(preloader.gif) no-repeat 50% 25%; 
background-color:#fff;
width:100%;
height:100%;
}




.itemlist{
border-top:solid 1px #000;
width:100%;
height:28px; 
background:url(4x4.gif) repeat; 
background-color:#24282E;
}



.itemlist .actbtn {
float:right; 
margin:9px; 
display:block;
TEXT-ALIGN: center;
cursor: pointer;
display: inline-block;
/*height: 20px;*/
line-height:22px;
background: none repeat scroll 0 0 #286090;
/*border: 1px solid #28518E;*/
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
color: #fff;
padding: 0 13px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
}
.itemlist .actbtn:hover {
background:#337ab7;
background: -moz-linear-gradient(center top , #216F93, #28518E) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(center top , #216F93, #28518E) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -o-linear-gradient(center top , #216F93, #28518E) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -ms-linear-gradient(center top , #216F93, #28518E) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.itemlist .actbtn:active {
background:#286090;
background: -moz-linear-gradient(center top , #0A425B, #28518E) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(center top , #0A425B, #28518E) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -o-linear-gradient(center top ,  #0A425B, #28518E) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -ms-linear-gradient(center top ,  #0A425B, #28518E) repeat scroll 0 0 rgba(0, 0, 0, 0);
}