/********* BASIC *********/
body{background:#222D32;color:#f4f4f4}

/********* WRAPPER *********/
.content-wrapper,.right-side{background:#eee}
.main-footer{background:#f4f4f4;color:#222D32;border-top:1px solid #D2D6DE}

/******** CONTENT ********/
.content{color:#222D32;border-top:1px solid #D2D6DE}
.headlineM{color:#7BB926}
.dataline1{background:#7BB926}
.content-title{color:#7BB926}
.content-sub{color:#7BB926}

/******** DIV ********/
#div-inline3 .div3tb{border:1px solid #ccc}
#div-inline3 .div3-bl{border-top:1px solid #ccc}
#div-inline4 .div4tb{border:1px solid #ccc}
#div-inline4 .div4-bl{border-top:1px solid #ccc}
#div-inline4f .div4tb{border:1px solid #ccc;background:#ddd}
#div-inline4f .div4-bl{border-top:1px solid #ccc;background:#f4f4f4}
#div-tpl1 .tpl1tb{border-bottom:1px solid #ccc}
#div-tpl1 .tpl1-bl{border-top:1px solid #ccc}
#div-tpl1 .hdcolor{background:#008ECC;color:#f4f4f4}
#div-tpl1 .headline1{border-right:1px solid #f4f4f4}

/******** LINKS ********/
.vlink1{color:#7BB926}
.vlink1:hover{color:#CA0B0D}
.vlink1:active, .vlink1:focus{color:#CA0B0D}

.vlinkG{color:#D2D6DE;text-decoration:none}
.vlinkG:hover, .vlinkG:active, .vlinkG:focus{color:#FF0000}

/******** LOADINFO ********/
.loadingT{color:#fff;background:#049B04}
.loadingF{color:#fff;background:#CA0B0D}
.loadingG{background:#FF9800}
.loading{color:#97A0B3}
.load-animateRefresh{color:#7BB926}

/******** NAVIGATION INFO ********/
.content-navinfo{background-color:#f4f4f4;color:#222D32}
.content-header{color:#222D32}
.content-header > .breadcrumb{color:#97A0B3}
.navinfo1{color:#97A0B3}
.navinfo2{color:#97A0B3}
a.navinfolink1{color:#97A0B3}
a.navinfolink1:hover, a.navinfolink1:active, a.navinfolink1:focus{color:#CA0B0D}
@media (max-width:991px){
.content-header>.breadcrumb{background:#eee}
.content-header>.breadcrumb li:before{color:#97A0B3}
}

/******** NAVIGATION TOP ********/
.main-header .navbar .nav > li > a{color:#f4f4f4}
.main-header .navbar .nav > li > a:hover, 
.main-header .navbar .nav > li > a:active, 
.main-header .navbar .nav > li > a:focus, 
.main-header .navbar .nav > li.open > a{background:#6BA321;color:#fff}
.navbar{background:#7BB926;border-bottom:0}
.navbar .sidebar-toggle{color:#f4f4f4}
.navbar .sidebar-toggle:hover, 
.navbar .sidebar-toggle:active, 
.sidebar-toggle:focus{background:#6BA321;color:#fff}

/******** NAVIGATION TOP, FLAGMENU ********/
.label-empty{background:inherit}
.label-success{background:#049B04}
.label-warning{background:#F39C12}
.label-danger{background:#CA0B0D}
.label-flag{background:inherit;color:inherit}
.label-info{background:#498AF4}

/******** NAVIGATION TOP, BOX ********/
.ddStyle{background:#F9F9F9;box-shadow:5px 5px 5px 0px rgba(33,33,33,0.3)}
.ddHead{color:#222D32}
.uMenu li{border-top:1px solid #E5E5E5}
.uMenu li:hover{background:#eee}
li .mFoo{background:#f4f4f4;color:#222D32}

/******** NAVIGATION - LEFT ********/
.menu-left{background:#181F23}
.nav-tabs.nav-justified > li{background:#181F23}
.butt-right1{border-right:1px solid #181F23}
.butt-left1{border-left:1px solid #181F23}
.main-sidebar{background:#222D32;border-right:0}
.sidebar-menu>li>a:hover, .sidebar-menu .treeview-menu>li>a:hover{color:#eee}

/******** SIDEBAR LEFT ********/
.sidebar-menu .treeview-menu > li > a{background:#2C3B41}
.sidebar-menu > li > a, 
.sidebar-menu .treeview-menu > li > a{color:#B8C7CE}
.sidebar-menu > li > a:hover{background:#181F23;border-left:4px solid #7BB926}
.sidebar-menu .treeview-menu > li > a:hover{background:#181F23;color:#fff;border-left:4px solid #7BB926}
.sidebar-menu > li.active > a,
.sidebar-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu > li.active3.active > a,
.sidebar-menu .treeview-menu > li.active3 > a,
.sidebar-menu .treeview-menu > li.open > a,
.sidebar-menu > li.open > a{background:#181F23;color:#7BB926;border-left:4px solid #7BB926}

/******** SIDEBAR COLLAPSE ********/
@media (min-width:768px){
.sidebar-mini.sidebar-collapse .sidebar-menu .treeview > a > span{background:#181F23 !important}
}

/******** NAVIGATION, LEFT 2 ********/
.brandingX2{background:#181F23}
.projectDiv1{background:#181F23}
.projectDiv2{background:#181F23}
.projectX{color:#B8C7CE}
.projectDiv3{background:#29363D}
.projectDiv4{background:#29363D}
.dateTime1{color:#B8C7CE}
.countDown1, .countDown2, .countDownX, .dateTime2{color:#B8C7CE}
.navline3{background:#29363D}
.navline5{background:#181F23}

/******** SIDEBAR RIGHT ********/
.menu-right{background:#222D32}
.control-sidebar{border-left:0}
.control-sidebar>.tab-content{background:#222D32}
.control-sidebar-menu .menu-icon{color:#fff}
.menu-info6{border-top:1px solid #29363D;border-bottom:1px solid #29363D}
.control-sidebar-dark{color:#B8C7CE}
.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{background:#222D32}
.label-info-result{border:1px solid #7BB926;background-color:#3E5E13;color:#fff}
.btn-sidebox{color:#fff;background:#7BB926}
.btn-sidebox:hover, .btn-sidebox:focus, .btn-sidebox:active{color:#222D32;background:#C6E996}
.tabs-hg{background:#181F23}
.topheading1{color:#fff}
.menu-out{color:#fff}
.menu-out:hover{background:#7BB926;color:#fff}
.menu-out:active, .menu-out:focus{color:#222D32;background:#F39C12}
.menu-out4:hover, .menu-out4:active, .menu-out4:focus{border-left:2px solid #7BB926}
.menulinks{color:#7BB926}
.menulinks:hover, .menulinks:active, .menulinks:focus{color:#fff}

/******** SIDEBAR TABS ********/
.control-sidebar-dark .control-sidebar-tabs{border-bottom:#1c2529}
.control-sidebar-dark .control-sidebar-tabs>li>a{background:#181F23;color:#B8C7CE;border-left-color:#7BB926 !important}
.control-sidebar-dark .control-sidebar-tabs>li>a:hover{background:#2C3B41;color:#fff;border-left-color:#7BB926 !important}
.control-sidebar-dark .control-sidebar-tabs>li.active>a,
.control-sidebar-dark .control-sidebar-tabs>li.active>a:hover,
.control-sidebar-dark .control-sidebar-tabs>li.active>a:focus,
.control-sidebar-dark .control-sidebar-tabs>li.active>a:active{background:#2C3B41;color:#7BB926}
.control-sidebar-dark .control-sidebar-tabs>li>a:active, 
.control-sidebar-dark .control-sidebar-tabs>li>a:focus{color:#FF4444}
.control-sidebar-dark .control-sidebar-heading{background:#181F23;color:#fff;border-top:1px solid #29363D;border-bottom:1px solid #29363D}
.control-sidebar-dark .control-sidebar-heading2{background:#181F23;color:#fff;border-top:1px solid #29363D;border-bottom:1px solid #29363D}
.control-sidebar-dark .control-sidebar-subheading{background:#181F23;color:#fff}

/******** BOX ********/
.box{background:#fff;border-top:3px solid #222D32;box-shadow:3px 3px 5px rgba(0,0,0,0.125)}
.box .nav-stacked>li{border-bottom:1px solid #f4f4f4;margin:0}
.box .border-right{border-right:1px solid #f4f4f4}
.box .border-left{border-left:1px solid #f4f4f4}
.box-header{color:#222D32}
.box-header.with-border{border-bottom:1px solid #f4f4f4}
.btn-box-tool{background:transparent;color:#97A0B3}
.open .btn-box-tool,.btn-box-tool:hover{color:#555}
.box-footer{color:#aaa}
.box-footerH{color:#aaa}
.box3{background:#fff;border-top:3px solid #d2d6de;box-shadow:0 1px 1px rgba(0,0,0,0.1)}

/******** BOX-APP ********/
.box-app{background:#eee;border:1px solid #ccc;box-shadow:0 3px 5px rgba(0,0,0,0.125)}
.hovGreen:hover{background:#7BB926;color:#f4f4f4}
.hovBlue:hover{background:#0083B9;color:#f4f4f4}
.hovOrange:hover{background:#E78A00;color:#f4f4f4}
.box-app-bagdeGreen{background:#7BB926;color:#f4f4f4}
.box-app-bagdeBlue{background:#0083B9;color:#f4f4f4}
.box-app-bagdeOrange{background:#E78A00;color:#f4f4f4}

/******** INFOBOX ********/
.infoBox-message{background:#222D32;color:#fff;border:1px solid #222D32}
.infoBoxTitleL{border-bottom:1px solid #D2D6DE}
.infoboxline{border-bottom:3px solid #7BB926}

/******** BOX HEADLINE, COLOR ********/
.boxGreen{border-top:3px solid #7BB926}
.boxBlue{border-top:3px solid #0083B9}
.boxBlue1{border-top:3px solid #008ECC}
.boxOrange{border-top:3px solid #E78A00}
.boxRed{border-top:3px solid #8F0808}
.boxRed1{border-top:3px solid #DD4B39}

/******** BADGE, COLOR ********/
.badgeD{background:#F39C12}
.badgeT{background:#7BB926}
.badgeF{background:#DD4B39}
.badgeW{background-color:#F39C12}

/******** BOX HEADLINE ********/
.boxStyle{border-top:3px solid #7BB926;background:#f4f4f4;box-shadow:10px 10px 10px rgba(0,0,0,0.32)}
.boxStyle1{background:#fff;box-shadow:5px 5px 5px rgba(33,33,33,0.3)}
/*.boxStyle, .boxStyle1{box-shadow:inherit}*/
.boxStyle2{border-top:3px solid #7BB926;background:#fff}

/******** PROGRESS ********/
.pg-dash{background:#eee}
.pg-color{color:#222D32}

/******** COLORS ********/
.resF{color:#CA0B0D}
.resT{color:#049B04}
.resI{color:#E78A00}
.resB{color:#008ECC}
.resG{color:#aaa}

/******** TABLES ********/
table{background:inherit}
.table-bordered{border:1px solid #f4f4f4}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td{border:1px solid #f4f4f4}
.trtrans{background-color:transparent !important}
.trtrans:hover{background-color:#C6E996 !important}
.trcolor{border-top:1px solid #ccc;background:#C6E996;color:#222D32}
.trcolor-green{background:#7BB926;color:#f5f5f5}
.td-top td{border-bottom:1px solid #ccc}
@media screen and (max-width:599px){
tr{border:1px solid #ccc}
td{border-bottom:1px solid #eee}
.table-top{border-top:1px solid #ccc}
.tabTop{border-top:1px solid #ccc}
}

/******** TABLES, HOVER ********/
.menu-out2:hover{background-color:#eee}
.menu-out3:hover{background-color:#f8f8f8}

/******** FLEX ********/
div#news.collapsed-box .box-header.with-border{border-bottom:1px solid #f4f4f4}

/******** PHPINFO ********/
.pinfoTxt{border-top:1px solid #D2D6DE;border-bottom:1px solid #D2D6DE}

/******** TOOLTIP 1 + 2 ********/
.tooltip.in{opacity:0.95}
.tooltip-inner{background-color:#222D32}
.tooltip.top .tooltip-arrow{border-top-color:#222D32}
.tooltipp2 span{color:#fff;background:#222D32}
.tooltipp2 span:after{content:'';border-top:5px solid #222D32;border-right:5px solid transparent;border-left:5px solid transparent}
.tooltipp2:hover.tooltipp2 span{opacity:0.95}

/******** SEOEXPERT ********/
.seoinfo1{background:#7BB926;color:#f4f4f4}
.seoinfo2{color:#222D32}
.seokey1{color:#FF3300}
.seokey2{color:#00B359}
.seokey3{color:#1D8CBC}
.seotb1{border:1px solid #aaa}
.seotb2{border:1px solid #aaa}
.seotb3{border:1px solid #aaa}

/******** MODAL ********/
.modal{background:rgba(255,255,255,0)}
.modal-header{background:#f4f4f4;color:#222D32;border-bottom:1px solid #E5E5E5}
.modal-body{color:#222D32}
.modal-footer{background:#f4f4f4;border-top:1px solid #E5E5E5}

/******** MODAL-3 ********/
.modal-footer3{background:#f4f4f4;border-top:1px solid #E5E5E5}

/******** SCROLLSPY ********/
#scrollspy .nav > li > a{color:#7BB926}
#scrollspy .nav > li > a:hover{color:#3E5E13;border-left:1px solid #FF4444}
#scrollspy .nav > li > a:active{color:#3E5E13 !important;border-left:3px solid #FF4444 !important}
#scrollspy > .nav.nav-pills.nav-stacked > li{border-bottom:1px solid #E5E5E5}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{color:#3E5E13 !important;border-left:3px solid #3E5E13 !important}
#scrollspy .nav .treeview-menu > li.active > a{color:#3E5E13;border-left:3px solid #3E5E13 !important}
@media screen and (max-width:967px){
#scrollspy .nav > li.treeviewSmall > .treeview-menu > li.active > a{color:#7BB926 !important}
#scrollspy .nav > li.treeviewSmall > .treeview-menu > li.active > a:hover{color:#7BB926 !important;border-left:1px solid #ff4444 !important}
.nav-pills > li > a{color:#3E5E13 !important}
.nav-pills > li > a:hover{color:#3E5E13 !important;border-left:3px solid #ff4444 !important}
}

/******** ARROW-BACK ********/
#back-top span, 
#back-topS span{background:transparent url("../../images/icon-arrow-222D32.png") no-repeat scroll center center;opacity:0.6}
#back-top span:hover, 
#back-top > a:focus,
#back-topS span:hover, 
#back-topS > a:focus{color:#222D32;opacity:.9}

/******** ANIMATED LINKS ********/
.vlinkS:before,.vlinkS:after{background:#7BB926;opacity:0}
.vlinkS .hvS{color:#7BB926}
.vlinkS:hover .hvS{color:#fff}
.vlinkS .hvL{color:#7BB926}
.vlinkS:hover .hvL{color:#fff}
@media screen and (max-width:479px){
.vlinkS::before, .vlinkS::after{background:inherit}
.vlinkS:hover .hvL, .vlinkS:hover .hvS{color:#CA0B0D}
}

.vlinkF:before,.vlinkF:after{background:#C6E996;opacity:0}
.vlinkF .hvF{color:#f4f4f4}
.vlinkF:hover .hvF{color:#222D32}
.vlinkF .hvL{color:#7BB926}
.vlinkF:hover .hvL{color:#222D32}

/********* ERRORLOG *********/
.errorlogStart{background:#FF9800;box-shadow: 10px 10px 10px rgba(0,0,0,0.32)}
.errorlog{background:#FF9800;box-shadow: 10px 10px 10px rgba(0,0,0,0.32)}
.errorlogS{background:#FF9800;box-shadow: 10px 10px 10px rgba(0,0,0,0.32)}
.errorlog2{background:#FF9800}

/********* BOX-BANDEROLE RIGHT 75px *********/
.ribbonbox{border:1px solid #BBB;background:#eee}
.ribbon span{color:#fff;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1)}
.ribbon span::before{border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
.ribbon span::after{border-right:3px solid #79A70A;border-left:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
.red span{background:linear-gradient(#F70505 0%,#8F0808 100%)}
.red span::before{border-left-color:#8F0808;border-top-color:#8F0808}
.red span::after{border-right-color:#8F0808;border-top-color:#8F0808}
.blue span{background:linear-gradient(#2989d8 0%,#1e5799 100%)}
.blue span::before{border-left-color:#1e5799;border-top-color:#1e5799}
.blue span::after{border-right-color:#1e5799;border-top-color:#1e5799}

/********* BOX-BANDEROLE LEFT *********/
.ribbon2 span{position:absolute;top:19px;left:-21px;width:100px;color:#FFF;background:#F70505;background:linear-gradient(#F70505 0%,#8F0808 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1)}
.ribbon2 span::before{border-left:3px solid #8F0808;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #8F0808}
.ribbon2 span::after{border-left:3px solid transparent;border-right:3px solid #8F0808;border-bottom:3px solid transparent;border-top:3px solid #8F0808}

/********* TOOGLE SWITCH ON/OFF *********/
.onoffswitch-label{border:2px solid #fff}
.onoffswitch-inner:before, .onoffswitch-inner:after{color:#fff}
.onoffswitch-inner:before{background-color:#7BB926;color:#fff}
.onoffswitch-inner:after{background-color:#FF4444;color:#fff}
.onoffswitch-switch{background:#fff;border:2px solid #fff}

/********* ACCORDION *********/
#accordion1 .tab{color:#222D32}
#accordion1 label{background:#e9e9e9}
#accordion1 .tab-content{background:#fff;color:#222D32;border:1px solid #f4f4f4}
#accordion1 .bLink{color:#222D32}
#accordion1 a{color:#7BB926 !important}
#accordion1 a:hover, #accordion1 a:active, #accordion1 a:focus{color:#CA0B0D !important}

/********* Picstyles *********/
.picstyleA{box-shadow:0 4px 14px -2px #222}
.picstyleS{box-shadow:0 4px 14px -2px #222}

/********* LOGIN *********/
.login-body{color:#7F7F7F;background:#eee;
background:linear-gradient(top,#eee 0%,#fff 50%,#ffffff 100%) fixed;
background:-moz-linear-gradient(top,#eee 0%,#fff 50%,#ffffff 100%) fixed;
background:-webkit-linear-gradient(top,#eee 0%,#fff 50%,#ffffff 100%) fixed;
background:-ms-linear-gradient(top,#eee 0%,#fff 50%,#ffffff 100%) fixed;
background:-o-linear-gradient(top,#eee 0%,#fff 50%,#ffffff 100%) fixed;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eee,endColorstr=#ffffff,GradientType=1) fixed
}
.login-header1{background:#fff;box-shadow:0px 10px 50px rgba(0,0,0,0.32)}
.login-box1{background:#FFF none repeat scroll 0% 0%;box-shadow:-20px 20px 50px rgba(0,0,0,0.28);}
.login-title1{color:#7F7F7F}
.login-content1{color:#7F7F7F}
.login-btn1{background:#3C8DBC;border-color:#3C8DBC;color:#fff}
.login-btn1:hover{background:#7BB926;border-color:#7BB926;color:#fff}
.login-btn1:active, .login-btn1:focus{background:#DD4B39;border-color:#DD4B39;color:#fff}
.login-link1{color:#7F7F7F}
.login-link1:hover, .login-link1:active, .login-link1:focus{color:#DD4B39}
.login-link2{color:#7BB926}
.login-link2:hover, .login-link2:active, .login-link2:focus{color:#DD4B39}
.login-link3{color:#7F7F7F}
.login-link3:hover, .login-link3:active, .login-link3:focus{color:#DD4B39}
.login-starttitle1{color:#7F7F7F;background:#fff}
.login-startcontent1{color:#7F7F7F;background:#fff}
.login-animateRefresh{color:#7BB926}
.login-animate-color{color:#7BB926}
.logoff-icon1{color:#dd4b39}
.logoff-content1{color:#7F7F7F;background:#fff}
.logoff-link1{color:#7BB926}
.logoff-link1:hover, .logoff-link1:active, .logoff-link1:focus{color:#DD4B39}
.form-control:focus{box-shadow:0 0 15px 1px #a2a2a2;}
.form-control:hover{box-shadow:0 0 15px 1px #a2a2a2;}
.userdat-icon1{font-size:24px;color:#049B04}

/********* FORM *********/
.form-controlX{border:1px solid #ccc}

input[type="text"]{color:#222D32}
.formfield1{border:1px solid #ccc}
.formfield1:focus{background:#f4f4f4;color:#222D32}
input[type="text"].formfield1:focus{color:#CA0B0D}

.formfieldD{border:1px solid #ccc}
.formfieldD:focus{background:#f4f4f4;color:#222D32}
select.formfieldD:focus{background:inherit;color:#7BB926}

.effect-1 ~ .focus-border{background:#7BB926}
.effect-2 ~ .focus-border{background:#7BB926}
.form-controlX.effect-1 ~ .focus-border{background:#7BB926}
#login-pos1 .form-controlX.effect-1 ~ .focus-border{background:#3C8DBC}

.form-btn1{background:#7BB926;color:#fff}
.form-btn1:hover{background:#C6E996;color:#222D32}
.form-btn1:focus, .form-btn1:active{background:#F39C12;color:#222D32}

.form-btn2{background:#F39C12;color:#fff}
.form-btn2:hover{background:#CA0B0D;color:#fff}
.form-btn2:focus, .form-btn2:active{background:#CA0B0D;color:#f4f4f4}

.form-btn3{background:#7BB926;color:#fff}
.form-btn3:hover{background:#CA0B0D;color:#fff}
.form-btn3:focus, .form-btn3:active{background:#F39C12;color:#fff}

.form-btnX{background:#7BB926;color:#fff}
.form-btnX:hover, .form-btnX:focus, .form-btnX:active{background:#F39C12;color:#fff}

/******** EDITABLE ********/
.editable-click,a.editable-click,a.editable-click:hover{border-bottom:0px dashed #08C}

.form-control:focus{border-color:#7BB926;outline:0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(123,185,38,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(123,185,38,.6);
}

.btn-primary{color:#fff;background-color:#7BB926;border-color:#7BB926}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{color:#fff;background-color:#CA0B0D;border-color:#CA0B0D}

/********* EDITOR *********/
.texteditor{color:#222D32;background:#f4f4f4;border:1px solid #ccc}
.texteditor-inner{color:#222D32;background:#f4f4f4;border:1px solid #ccc}
.texteditor-inner:focus{color:#D9534F}

/********* TEXT-COLORS *********/
.txt-red{color:#CA0B0D}
.txt-red2{color:#CA0B0D}
.txt-green2{color:#049B04}