.b_red:before,
.b_orange:before,
.b_green:before,
.b_blue:before,
.b_violet:before,
.b_aqua:before,
.b_grey:before {
content: "";height:100%; width:100%; left:0; right:2px;bottom:0px; top:1px; position: absolute; opacity: 0.45;
 
}
.b_red:before {background:#ff5c7494!important; }
.b_orange:before {background:#e6a97c91!important; }
.b_green:before {background:#95ffce69!important; }
.b_aqua:before {background:#8be7ef7a!important; }
.b_blue:before {background:#89c3ff7d!important; }
.b_violet:before {background:#b397ff94!important; }
.b_grey:before {background:#e0e0e07d!important; }


/*  */
.graph * { 
text-align:center; vertical-align:bottom; font-size:10px; color: #888;
}
table.graph  {
width:100%;max-width:100%;  
}
.graph .body td  {
 width: 3.33333%;    max-width: 3.33333%;  min-width: 3.33333%; 
}
.graph.line-top .body td:after   {
content: "";height: 100%;width: 100%;left:0; bottom:100%;
position: absolute;opacity:.6; z-index:1; border-bottom:1px dashed  #EAEBED;
}
.graph.line-center .body td:before  {
content: "";height: 100%;width: 100%;left:0; bottom:51%;
position: absolute;opacity:.6; z-index:1; border-bottom:1px dashed  #EAEBED;
}
.graph div { float: left; width: 100%;height: 100%;}
.graph p: { z-index:12;width: 100% float: left; } 
.graph p:before  {
content:"";height:100%;width:100%;left:0;  display:block;
z-index:12;width: 100% float: left; background:#ffffff40;  opacity:.57;
} 
 
 .graph p:hover  {
    background:#534!important;
 
}

.graph .bottom td:before  {
content: "";height: 100%;width: 100%;left:0; bottom:0;
position: absolute;opacity: 0.4; z-index:0;
border-top:1px solid #000;
}



 /*  CHART */
.chart li {
display:block;
text-shadow:0 1px 0 #f1f6f9;
background-color:#F5F6F7;
box-shadow:inset 0 1px 3px rgba(66,66,66,0.06);
height:18px;
margin-bottom:8px;
overflow:hidden;
border:1px solid #D3DAE0;
}
.chart u {
xpadding:1px;
position:absolute;
display:block;
height:18px;
text-align:center;
font-size:12px;
border-right:1px solid #e3e6e9;
}
.chart i {
position:absolute;
display:block;
z-index:3;
right:6px;
top:1px;
}
.chart b {
position:absolute;
display:block;
z-index:3;
left:6px;
top:1px;
color:#4F4F62;
}


/* DDM */
.ddm  {display:inline-block}
.ddm ul {
display:none; position:absolute; float:left; z-index:5; top:100%; left:0; text-align:left; min-width:100px;
font-size:14px; background:#fafafa;  border-radius:3px; margin:2px 0 0; padding:5px 0;
box-shadow:0 6px 12px rgba(0,0,0,.175); border:1px solid rgba(0,0,0,.15);
}
.ddm.open ul { display:block!important;}
.ddm.fr ul ,.fr .ddm ul { left:auto; right:0;}
.ddm li { width:100%; display:table;}
.ddm li a,.ddm li b { background:none!important;  clear:both; display:table-cell; font-weight:400; line-height:1.7; color:#333; padding:4px 20px;}
.ddm li a:hover {  text-decoration:none; background-image:none!important; background:rgba(0,0,0,.03); }
.caret, .ddm i {
display:inline-block; width:0; height:0; margin:0 2px; vertical-align:middle;
border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent;
}
.ddm+.ddm{ left:+1px; }
.ddm button b {display:none; }

.bor_top { border-top:1px solid #D3DAE0;}
.bor_end { border-bottom:1px solid #D3DAE0;}
.b_bor:before,.bor { border:1px solid #D3DAE0;}



.b_red,.b_orange,.b_green,.b_blue,.b_violet {color:#456!important;  }

 


.b_red_,.b_orange_,.b_green,.b_blue_,.b-violet_ {color:#456!important;}


.b_red_ {background:#E06A6A!important; }
 .b_green_ {background:#70BC99!important; }
.b_orange_ {background:#EB8944!important; }

.b_aqua_ {background:#D2E7E9!important; }
.b_blue_ {background:#366D9D!important; }
.b_violet_ {background:#876AE9!important; }

.b_whie {background:#fff; color:#F5F6F7; }
.b_black {background:#000; color:#8C8C8C; }

.b_dark {background:#8C8C8C; color:#F5F6F7; }
.b_blur {background:#777; opacity:.11; color:#F5F6F7; }
.b_gr {background-image:url(/css/bg/light/wgr.png)!important;background-repeat: repeat-x!important;}
.b_link {background:none; }
.b_glass {background-color: #fff; box-shadow: 0 1px 3px #888;opacity: .5;}

.bn {background:none!important; }
.bon {border:none!important; }
/* INPUT TEXT  1DAFEC*/
 input[type='text'], input[type='email'], input[type='password'],input[type='file'],   
 textarea, select, .inp ,.form label, label  {
display: inline-block; width:100%; height: 26px; padding:0px 6px  0;
box-shadow: inset 0 2px 3px rgba(0,0,0,.06); 
border: 1px solid #ccc;
background-color: #FCFCFC; margin: 0 0 1px 0; color:#555;
}


input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, 
textarea:focus, select:focus,.form label:hover { 
border: 1px solid #85A3C0;background-color: #F1F2FD;color:#345;
 }
input[type='file']{ padding-left:2px; padding-top:2px;}


.form label, label { display: block; padding-top:5px; }
textarea { height: 26px; padding:5px 6px 0; transition:height 0.22s ease-in-out; }
select , label { width:50%; }
label { width:50%;display: block; height: 26px; padding:  6px 0px  ;}
p select { width:100%;display: block; height: 26px; padding-left: 6px ;}
label { ddisplay: inline-block; padding:5px 4px  ;}


/* SUBMIT BTN  */
button,input[type='submit'],  input[type='submit']:active, nput[type='submit']:visited, 
.btn,.btns a, .spt {
     font: normal 12px/26px Arial;
    display: inline-block;
    overflow: hidden;
    min-width: 26px; 
    height: 26px;
    margin: 1px 0px 0px 0px;
    padding: 0 5px 0 5px;
    text-align: center;
    vertical-align: middle; white-space: nowrap; text-decoration: none;
    background: #edeff0;
     border: 1px solid  #e0e2e7;
    color: #666;
    text-shadow: 0 1px 0 #fff;
}


input[type='submit'].sel,input.sel,button.sel, .btn.sel ,.btns a.sel { 
eborder-bottom: 1px solid  #EDEFF0; 
}

input[type='submit']:hover, input[type='file']:hover, button:hover, .btn:hover,.btn a:hover,.btns a:hover, .spt:hover{
background-color: #E3E7FA;color: #000!important; 
}

input[type='submit']:focus, input[type='file']:focus, button:focus, .btn:focus,.btn a:focus,.btns a:focus, .spt:focus   {
color: #4e616e!important; border: 1px dotted #999!important; background-color: #DBE9F2;
}


.btn.dis*{ opacity: .6; }

.btn.big-dl {
width: 99.9%; height: auto; margin: 10px 0 10px 0; padding: 2px 0 2px 0;
}

  /* 290px MOB >>>>>>>>>>>>>>>> */
@media all and (min-width: 290px) {
 
}

  /* 430px TAB */
@media all and (min-width: 430px) {
.btn.big-dl{ width: 70%; }
 
}

  /* 720px PC */
@media all and (min-width: 720px) {
.btn.big-dl{ width: 50%; }
 
}


.btns { display:table;max-height: 20px;}
.btns a { display:table-cell; padding:0 10px; margin: 0;max-height: 20px;}
.btns a+a { border-left: 1px solid transparent;}
.btns a.sel { background-color: #E5F4FC;}