/*admincolor*/body{font-size:14px}
  .ui-tooltip, .arrow_leftmenu:after {
    background: #0070c0;
    border: 2px solid white;
  }
  .ui-tooltip {
    color: white;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow_leftmenu {
    width: 12px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    margin-left: -35px;
    bottom: -16px;
    top: 3px;
    left: 23px;
    bottom: auto;
    background-color: transparent;
  }
  .arrow_leftmenu:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 0px;
    width: 25px;
    height: 25px;
    box-shadow: 9px -9px 6px 5px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }header,.header{background-color:#0070c0;}
input.button,input[type='submit'],input[type='button'] {background-color:#0070c0;}
div.theme-now .betterTip img{box-shadow: 0 0 10px #0070c0;}
#divMain a,#divMain2 a{color:#262f3e;}
.menu ul li a{background-color: rgb(255,255,255,0.85);}
.menu ul li.on a {background-color: #fff;}
.menu ul li a:hover {background-color: #D9DFE5;}
#leftmenu a:hover {background-color: #D9DFE5!important;}
div.theme-now{background-color:#D9DFE5;border-color:#3f3f3f;}
div.theme-other .betterTip img:hover{border-color:#D9DFE5;}
.SubMenu a:hover {background-color:#D9DFE5;}
.siderbar-header:hover {background-color:#D9DFE5;}
#leftmenu .on a,#leftmenu #on a:hover {background-color:#3f3f3f!important;}
input.button,input[type="submit"],input[type="button"] { border-color:#3f3f3f;}
input.button:hover {background-color: #3f3f3f;}
div.theme-other .betterTip img:hover{box-shadow: 0 0 10px #3f3f3f;}
.SubMenu{border-bottom-color:#3f3f3f;}
.SubMenu span.m-now{background-color:#3f3f3f;}
div #BT_title {background-color: #3f3f3f;border-color:#3f3f3f;}
a:hover { color:#c0504d;}
#divMain a:hover,#divMain2  a:hover{color:#c0504d;}
.imgcheck-on:before {background: #0070c0;}
.radio:checked + label:before {border: 1px solid #0070c0;}
.radio + label:after {background: #0070c0;}
.left #leftmenu span.bgicon{background-size:14px;}
#divMain2 [class^='icon-']{font-size:16px;}
#divMain .DIVBlogConfignav ul li a:hover {background-color: #3f3f3f!important;}
#divMain .DIVBlogConfignav ul li a.clicked{background-color: #D9DFE5!important;}
.DIVBlogConfignav {background-color: #ededed!important;}
#divMain .DIVBlogConfigtop {background-color: #3f3f3f!important;}
#divMain .DIVBlogConfig {background-color: #ededed!important;}
div.bg {background: #0070c0;}
div.bg input[type="text"], input[type="password"] {border-color:#0070c0}

/*AdminColor*/
#admin_color{float:left;line-height: 2.5em;font-size: 0.5em;letter-spacing: -0.1em;}header,.header{background:url(images/banner.jpg) no-repeat center center;background-size:cover}
div.bg{background:url(images/banner.jpg) no-repeat center center;background-size:cover}

.pane,.theme,form.search{padding:1em;position:relative;background:#fff;margin:1em 0;border-radius:0.1em;}
div.theme{height:auto;margin:0 2em 2em 0;}
div.theme-other{background:#fff;}
form.search p{padding:0;}
td,th{border:none;border-right: 1px solid #efefef;padding:0.6em;}
table{border-collapse: collapse;background: #ffffff;line-height: 120%;margin:0.5em 0 0.5em 0;border:none;line-height:1.5em;}
.blodcolor{color:#262f3e}.normalcolor{color:#0070c0}.lightcolor{color:#D9DFE5}.highcolor{color:#3f3f3f}.anticolor{color:#c0504d}.bg-blodcolor{background-color:#262f3e}.bg-normalcolor{background-color:#0070c0}.bg-lightcolor{background-color:#D9DFE5}.bg-highcolor{background-color:#3f3f3f}.bg-anticolor{background-color:#c0504d}table,.pane,.theme,form.search{box-shadow:0 0 0.5em rgba(0,0,0,0.2);}
.header .menu {
    height: 60px;
    position: absolute;
    float:left;
    left:56px;
    top: 0px;
    overflow: hidden;
}
.header .menu ul {
    float: left;
}
header div.logo {
    border-right: 1px solid #444;
}
.header .menu ul li{
    border-right:1px solid  #444;
    line-height:60px;
    height:60px;
    margin:0;
}
.header .menu ul li a {
    float: none;
    padding: 0px 22px;
    font-size:1.1em;
    color: #fff;
    background: none;
    vertical-align: middle;
}
.header .user{
    z-index:2;
    background-color:#262f3e;
    width:220px;
    top:0;
    height:60px;
    padding-top:10px;
}
.header {
    height:60px;
    margin-bottom: 0px;
}
header, .header {
    background-color: #262f3e;
}
  .left{
padding-top:0px;
float:left;
height:auto;
background-position: -30px -2px;
background-color:#333333;
  }
.left #leftmenu{
    border-top: 10px solid #333;
}
.left #leftmenu a{
color:#fff;
height: 40px;
padding-right:2em;
}
.left #leftmenu li{
background-color:#333;
color:#fff;
height: 40px;
    overflow:hidden;
}
.main {
padding-left: 170px;
padding-right: 10px;
}
#leftmenu li span {
    background-repeat: no-repeat;
    background-position: 0px 12px;
}
.left #leftmenu span {
    float: left;
    width: auto;
    height: 40px;
    line-height: 40px;
    text-align: left;
    cursor: pointer;
    margin-left: 32px;

}
div.hint {margin-top:0.5em;}

.left #leftmenu #nav_admincolor2 {
background-color:#444;
color:#fff;
height: 40px;
}

.left #leftmenu #nav_admincolor2 span {
    float: left;
    width: auto;
    height: 36px;
    line-height: 36px;
    text-align: left;
    cursor: pointer;
    margin-left: 60px;
}
.left #leftmenu #nav_admincolor2 a:hover { background-color: Transparent!important;}
.left #leftmenu li span {color:black;filter: invert(0.8);font-weight:bold;}
.left #leftmenu li.on span {color:white;filter: none;font-weight:bold;}
.left #leftmenu li a:hover span {color:black;filter: invert(0.1);font-weight:bold;}
.left #leftmenu li.on a:hover span {color:white;filter: invert(0.1);font-weight:bold;}
body{background:url("images/color10bg.png") repeat-y 0 top;}
body[class~=login] {background:none;}
header div.logo{
    background-color: Transparent;
    width: 62px;
    height: 60px;
    padding: 0 0 0 0;
    left: 0px;
    float:left;
}
header div.logo img{
    width: 60px;
    height: 60px;
    background-position: -5px -5px;
}
.pagebar a{border:1px solid white;}
body[class~=login],body[class~=error],body[class~=short]{background:none;}
body[class~=login] div.bg,body[class~=error] div.bg,body[class~=short] div.bg {background: #3f3f3f;}
body[class~=login] input[type="text"], body[class~=login] input[type="password"] {border-color:#3f3f3f}
body[class~=login] input.button, input[type="submit"], input[type="button"] {border-color: #3f3f3f;}
body[class~=login] input.button, body[class~=login] input[type="submit"], body[class~=login] input[type="button"] {background-color: #3f3f3f;}
body[class~=login] input[type="text"], body[class~=login] input[type="password"] {border-color: #3f3f3f;}
body[class~=login] input.button:hover {background-color: #0070c0;}
header div.logo img{background:url("images/logo.svg")}.left #leftmenu span.bgicon{background-position:0px 13px;}