/********* BASIC *********/
body{padding:0px;margin:0px;font-family:'Source Sans Pro',PT Sans,arial,sans-serif;font-size:14px;font-weight:400;background:#f4f4f4;color:#222D32}
html{min-height:100%;/*overflow:auto*/}

/********* GENERAL *********/
.fixed{position:fixed}
.clear{clear:both}
.clearX{clear:both}
.clearX::before, .clearX::after{clear:both}
.hiddenX{visibility:hidden}
img{max-width:100%}

/*.logo1{float:left;padding-left:20px;padding-top:5px;padding-right:69px}*/ /*without R*/
.logo1{float:left;padding-left:20px;padding-top:5px;padding-right:58px}
@media (max-width:767px){
.logo1{padding-left:10px;padding-right:5px}
}
@media screen and (max-width:479px){
.logo1{visibility:hidden;float:inherit;padding:inherit;margin-left:-300px}
}

H1, h1{font-size:24px;line-height:100%;margin:0 0 10px 0;font-weight:normal}
H2, h2{font-size:22px;line-height:105%;margin:0 0 10px 0;font-weight:normal}
H3, h3{font-size:20px;line-height:110%;margin:0 0 10px 0;font-weight:normal}
H4, h4{font-size:18px;line-height:110%;margin:0 0 10px 0;font-weight:normal}
H5, h5{font-size:14px;line-height:110%;margin:0 0 10px 0;font-weight:normal}
H6, h6{font-size:12px;line-height:110%;margin:0 0 10px 0;font-weight:normal}

/********* WRAPPER *********/
.wrapper{min-height:100%;position:relative;overflow:hidden !important}
.wrapper:before,.wrapper:after{content:" ";display:table}
.wrapper:after{clear:both}
.content-wrapper,.right-side,.main-footer{-webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,margin .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,margin .3s ease-in-out;transition:transform .3s ease-in-out,margin .3s ease-in-out;margin-left:230px;z-index:820}
.layout-top-nav .content-wrapper,.layout-top-nav .right-side,.layout-top-nav .main-footer{margin-left:0}
@media (max-width:767px){
.content-wrapper,.right-side,.main-footer{margin-left:0}
}
@media (min-width:768px){
.sidebar-collapse .content-wrapper,.sidebar-collapse .right-side,.sidebar-collapse .main-footer{margin-left:0}
}
@media (max-width:767px){
.sidebar-open .content-wrapper,.sidebar-open .right-side,.sidebar-open .main-footer{-webkit-transform:translate(230px, 0);-ms-transform:translate(230px, 0);-o-transform:translate(230px, 0);transform:translate(230px, 0)}
}
.content-wrapper,.right-side{min-height:100%;z-index:800;background:#eee}
.main-footer{background:#f4f4f4;padding:10px 15px;color:#222D32;border-top:1px solid #D2D6DE}
@media screen and (max-width:599px){
.main-footer{height:28px;padding:3px 10px}
}
.fixed .main-header,.fixed .main-sidebar,.fixed .left-side{position:fixed}
.fixed .main-header{top:0;right:0;left:0}
.fixed .content-wrapper,.fixed .right-side{padding-top:50px}
.fixed.layout-boxed .wrapper{max-width:100%}

/******** CONTENT ********/
.content{padding:15px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:25px;font-size:16px;color:#222D32;border-top:1px solid #D2D6DE;width:100%;min-height:720px}
.headlineM{font-size:24px;line-height:100%;margin:0 0 10px 0;color:#222D32}
main{min-height:900px}
@media (max-width:1023px){main{min-height:900px}}
.dataline1{height:1px;line-height:0;background:#ccc;margin:0 2px;border-radius:10px}
@media (max-width:599px){.dpl1{display:none}}
.content-title{color:#222D32;font-size:18px;font-weight:600}
.content-sub{color:#222D32;font-size:14px;font-weight:600}

/******** DIV ********/
#div-inline3 .col-md-4{padding-left:0px;padding-right:0px}
#div-inline3 .div3tb{border:1px solid #ccc}
#div-inline3 .div3-td{float:left;width:33.33%;text-align:center}
#div-inline3 .div3-tdL{float:left;width:33.33%;text-align:left}
#div-inline3 .div3-tda{float:left;width:24%;text-align:center}
#div-inline3 .div3-tdb{float:left;width:52%;text-align:center}
#div-inline3 .div3-td::before, #div-inline3 .div3-tda::before, #div-inline3 .div3-tdb::before{content:"\00a0"}
#div-inline3 .div3-tl{border-bottom:1px solid #ccc;font-size:14px;min-height:20px;padding-bottom:10px}
#div-inline3 .div3-bl{border-top:1px solid #ccc;font-size:14px;min-height:20px}
@media screen and (max-width:919px){
#div-inline3 .wbrX::before{content:""}
#div-inline3 .wbrX::after{content:"\a";white-space:pre}
}
@media (max-width:599px){
#div-inline3 .div3-td, #div-inline3 .div3-tdL, #div-inline3 .div3-tda, #div-inline3 .div3-tdb{float:inherit;display:block;width:100%;text-align:left}
#div-inline3 .div3-td::before, #div-inline3 .div3-tdL::before, #div-inline3 .div3-tda::before, #div-inline3 .div3-tdb::before{content:inherit}
#div-inline3 .wbrX::before{display:none}
#div-inline3 .wbrX::after{display:none}
}

#div-inline4 .col-md-3{padding-left:0px;padding-right:0px}
#div-inline4 .div4tb{border:1px solid #ccc}
#div-inline4 .div4-td{float:left;width:25%;text-align:center}
#div-inline4 .div4-tdL{float:left;width:25%;text-align:left}
#div-inline4 .div4-td::before{content:"\00a0"}
#div-inline4 .div4-tl{border-bottom:1px solid #ccc;font-size:14px;min-height:20px;padding-bottom:5px}
#div-inline4 .div4-bl{border-top:1px solid #ccc;font-size:14px;min-height:20px}
@media (max-width:599px){
#div-inline4 .div4-td{float:inherit;display:block;width:100%;text-align:left}
#div-inline4 .div4-td::before{content:inherit}
}
@media (max-width:599px){
#div-inline4 .div4-td, #div-inline4 .div4-tdL, #div-inline4 .div4-tda, #div-inline4 .div4-tdb{float:inherit;display:block;width:100%;text-align:left}
#div-inline4 .div4-td::before, #div-inline4 .div4-tdL::before, #div-inline4 .div4-tda::before, #div-inline4 .div4-tdb::before{content:inherit}
#div-inline4 .wbrX::before{display:none}
#div-inline4 .wbrX::after{display:none}
}

#div-inline4f .col-md-3{padding-left:0px;padding-right:0px}
#div-inline4f .div4tb{border:1px solid #ccc;background:#ddd}
#div-inline4f .div4a-td{float:left;width:40%;text-align:center}
#div-inline4f .div4b-td{float:left;width:25%;text-align:center}
#div-inline4f .div4c-td{float:left;width:10%;text-align:center}
#div-inline4f .div4a-td::before, #div-inline4f .div4b-td::before, #div-inline4f .div4c-td::before{content:"\00a0"}
#div-inline4f .div4-bl{border-top:1px solid #ccc;font-size:14px;min-height:20px;background:#f4f4f4;margin:0 -10px -10px -10px;padding:10px}
@media (max-width:599px){
#div-inline4f .div4a-td, #div-inline4f .div4b-td, #div-inline4f .div4c-td{float:inherit;display:block;width:100%;text-align:left}
#div-inline4f .div4a-td::before, #div-inline4f .div4b-td::before, #div-inline4f .div4c-td::before{content:inherit}
}

#div-tpl1 .col-md-4{padding-left:0px;padding-right:0px}
#div-tpl1 .tpl1tb{border-bottom:1px solid #ccc;padding-top:5px}
#div-tpl1 .tpl1-td{float:left;width:33.33%;text-align:center}

#div-tpl1 .tpl1-tda{float:left;padding-top:5px;width:111px;text-align:right}
#div-tpl1 .tpl1-tdax{float:left;padding-top:8px;width:111px;text-align:right}
#div-tpl1 .tpl1-tdb{float:left;width:125px;text-align:center}
#div-tpl1 .tpl1-tdbx{float:left;padding:5px 0;text-align:center}
#div-tpl1 .tpl1-tdc{float:left;padding:5px 10px;text-align:left}
#div-tpl1 .tpl1-tdcx{float:left;padding:5px 10px;text-align:left}

#div-tpl1 .tpl1-bl{border-top:1px solid #ccc;font-size:14px;min-height:20px}
#div-tpl1 .tpl1H{margin-top:10px;padding:3px 7px;width:100%;min-height:34px;font-size:18px;font-weight:600}
#div-tpl1 .col-md-12.tpl1H{padding-left:5px}

#div-tpl1 .wd50x{width:50%}
#div-tpl1 .wd75x{width:75%}
#div-tpl1 .wd75p{width:75px}
#div-tpl1 .wd100p{width:100px}
#div-tpl1 .wd125p{width:125px}
#div-tpl1 .wd150p{width:150px}
#div-tpl1 .wd175p{width:175px}
#div-tpl1 .wd200p{width:200px}
#div-tpl1 .wd225p{width:225px}
#div-tpl1 .wd250p{width:250px}
#div-tpl1 .wd300p{width:300px}

#div-tpl1 .hdcolor{background:#008ECC;color:#f4f4f4}
#div-tpl1 .headline1{font-size:14px;font-weight:600;text-align:left;padding-left:5px;border-right:1px solid #f4f4f4}
#div-tpl1 .headline2{font-size:14px;font-weight:600;text-align:left;padding-left:5px}

@media screen and (max-width:991px){
#div-tpl1 .wd50x, 
#div-tpl1 .wd75x, 
#div-tpl1 .wd75p, 
#div-tpl1 .wd100p, 
#div-tpl1 .wd125p, 
#div-tpl1 .wd150p, 
#div-tpl1 .wd175p, 
#div-tpl1 .wd200p, 
#div-tpl1 .wd225p, 
#div-tpl1 .wd250p, 
#div-tpl1 .wd300p{width:inherit}
#div-tpl1 .headline1, #div-tpl1 .headline2{padding-left:5px;border-right:0}

#div-tpl1 .tpl1-tda, #div-tpl1 .tpl1-tdax, 
#div-tpl1 .tpl1-tdb, #div-tpl1 .tpl1-tdbx, 
#div-tpl1 .tpl1-tdc, #div-tpl1 .tpl1-tdcx{
float:inherit;display:block;padding:0;width:100%;padding-left:5px;text-align:left}
#div-tpl1 .formsub::before, #div-tpl1 .formsub::after{content:inherit;white-space:inherit}
}

/******** LINKS ********/
a, a:hover, a:active, a:focus{box-shadow:none;
border:0;
margin:0;
padding:0;
}

a, a:hover, a:active, a:focus{color:#222D32;text-decoration:none}

.vlink{color:cyan;font-weight:400;text-decoration:none}
.vlink:hover{color:cyan;text-decoration:underline}
.vlink:active, .vlink:focus{color:cyan;text-decoration:underline}

.vlink1{color:#236EB6;text-decoration:none}
.vlink1:hover{color:#FF0000;text-decoration:underline}
.vlink1:active, .vlink1:focus{color:#FF0000;text-decoration:underline}

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

.linkK1{margin:-2px 0 0 -12px;}

.vlink-button, .vlink-button:link{padding:7px 15px;background:#008ECC;color:#fff;font-weight:500;border-radius:4px;text-decoration:none}
.vlink-button:hover{background:#87CEEB;color:#222D32}
.vlink-button:active, .vlink-button:focus{background:#CA0B0D;color:#f4f4f4}

/******** LOADINFO ********/
.loadingT{margin:2px;padding:10px 0;color:#fff;background:#049B04;font-size:14px;text-align:center}
.loadingF{margin:2px;padding:10px 0;color:#fff;background:#CA0B0D;font-size:14px;text-align:center}
.loadingG{margin:0px;height:40px;background:#FF9800}
#loading{width:75%}
@media screen and (max-width:767px){#loading{width:95%}}
.loading{position:absolute;top:200px;font-size:22px;color:#97A0B3;text-align:center}
.load-animateRefresh{font-size:24px;color:#97A0B3}

/******** NAVIGATION INFO ********/
.content-navinfo{padding-bottom:2px;padding-top:52px;background:#f4f4f4;color:#222D32}
.content-header{position:relative;padding:12px 15px 0px;color:#222D32}
.content-header > .breadcrumb{position:absolute;top:12px;float:right;right:10px;margin-top:0px;margin-bottom:0px;padding:7px 5px;border-radius:2px;background:transparent none repeat scroll 0% 0%;color:#97A0B3}
.navinfo1{font-size:12px;font-weight:normal;color:#97A0B3}
.navinfo2{padding-left:2px;padding-right:2px;font-size:13px;color:#97A0B3}
a.navinfolink1{font-size:13px;font-weight:bold;text-decoration:none;color:#97A0B3}
a.navinfolink1:hover, a.navinfolink1:active, a.navinfolink1:focus{font-size:13px;color:#FF0000}
@media (max-width:991px){
.content-header{height:inherit}
.content-navinfo{padding-bottom:10px}
.content-header>.breadcrumb{position:relative;margin-top:14px;top:0;right:0;float:none;background:#eee;padding-left:10px}
.content-header>.breadcrumb li:before{color:#97A0B3}
}

/******* NAVIGATION TOP SPECIALS *******/
.infoBoardTop{padding-top:8px;text-align:center}
.topM1{position:relative;min-height:100%;top:0px !important}
.topM2{position:relative;min-height:100%;height:inherit;min-height:inherit;top:0px !important}
.topX1{padding-top:93px !important}
.topX2{padding-top:133px !important}
.topY1{padding-top:42px !important}
.topY2{padding-top:82px !important}
.topT0{margin-top:-50px;padding-top:15px !important}
.topT1{margin-top:-90px;padding-top:55px !important}
.topT2{margin-top:-130px;padding-top:95px !important}

/******** NAVIGATION TOP ********/
.main-header .navbar-custom-menu,.main-header .navbar-right{float:right}
@media (max-width:991px){
.navbar-custom-menu .navbar-nav>li{float:left}
.navbar-custom-menu .navbar-nav{margin:0;float:left}
.navbar-custom-menu .navbar-nav>li>a{padding-top:15px;padding-bottom:15px;line-height:20px}
}
.main-header .navbar .nav > li > a{background:transparent;color:#97A0B3}
.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:#eee;color:#555}
.main-header{position:fixed;z-index:1020;width:100%;height:50px}
.navbar{position:relative;z-index:830 !important;min-height:50px;width:100%;font-size:13px;background:#fff;border:0;border-radius:0px;border-bottom:1px solid #D2D6DE}
.navbar .sidebar-toggle{float:left;padding:15px 22px 15px 22px;width:55px;border:0;font-size:14px;color:#97A0B3;background-color:transparent;background-image:none;text-decoration:none;font-family:fontAwesome}
.navbar .sidebar-toggle:before{content:"\f0c9"}
.navbar .sidebar-toggle:hover, 
.navbar .sidebar-toggle:active, 
.sidebar-toggle:focus{background:#eee;color:#555;text-decoration:none}
.navbar .sidebar-toggle .icon-bar{display:none}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:0;left:auto;margin-top:1px}

/******** NAVIGATION TOP, FLAGMENU ********/
.main-header .navbar .nav > li > a > .label{position:absolute;top:7px;right:5px;padding:3px 4px;font-size:11px;line-height:0.7;text-align:center}
@media screen and (max-width:479px){.main-header .navbar .nav > li > a > .label{right:4px}}
@media screen and (max-width:419px){.main-header .navbar .nav > li > a > .label{right:2px}}
@media screen and (max-width:359px){.main-header .navbar .nav > li > a > .label{right:-1px}}
.main-header .navbar .nav > li > a > .flaglabel{position:absolute;top:8px;right:2px;padding:2px 3px;line-height:0.7;font-size:10px;text-align:center}
.main-header .navbar .nav > li > a > .flaglabel2{position:absolute;top:26px;right:2px;padding:2px 3px;font-size:10px;line-height:0.7;text-align:center}
@media (max-width:419px){.main-header .navbar .nav > li > a > .flaglabel, .main-header .navbar .nav > li > a > .flaglabel2{right:0px}}

/********* LABEL-COLORS *********/
.label-empty{background:#5CB85C}
.label-success{background:#5CB85C}
.label-warning{background:#F0AD4E}
.label-danger{background:#D9534F}
.label-flag{background:#eee;color:#555}
.label-info{background:#4C8BF5}

/******** NAVIGATION TOP, ICON, DIFFERENCE ********/
.padd-icon{padding-left:15px}
@media screen and (max-width:599px){.nav > li > a{padding:10px 12px}}
@media screen and (max-width:532px){.nav > li > a{padding:10px 11px}.padd-icon{padding-left:5px}}
@media screen and (max-width:419px){.nav > li > a{padding:10px 10px}}
@media screen and (max-width:359px){.nav > li > a{padding:10px 8.5px}.padd-icon{padding-left:3px}}

/******** NAVIGATION TOP, ICON RIGHT ********/
#sidebar-toggle-right{width:51px;padding:15px 22px 15px 22px}

/******** NAVIGATION TOP, BOX ********/
.dropdown-menu{padding:0px;background:inherit;border:0;box-shadow:inherit}
.ddStyle{min-height:85px;max-height:550px;background:#F9F9F9;box-shadow:5px 5px 5px 0px rgba(33,33,33,0.3);overflow:auto}
.ddHead{color:#222D32;padding:10px 15px 10px 15px;font-size:16px;height:40px}
.mMenu{width:400px}

.uMenu{padding:0;list-style:outside none none;list-style-type:none;list-style-image:none;list-style-position:outside}
.uMenu li{padding:10px 15px 10px 15px;border-top:1px solid #E5E5E5;font-size:14px}
.uMenu li:hover{background:#eee;font-weight:400}
.uMenu li:after{clear:both}
.abflags{padding:0px 5px 3px 0px}
li .mFoo{background:#f4f4f4;color:#222D32;font-size:16px;text-align:center}
@media screen and (max-width:767px){.ddStyle1, .ddStyle2, .ddStyle3, .ddStyle4, .ddStyle5{position:absolute;padding:0;width:400px;left:-240px}}
@media screen and (max-width:660px){.ddStyle1{left:7px}}
@media screen and (max-width:610px){.ddStyle2{left:-39px}}
@media screen and (max-width:599px){.ddStyle1{left:-17px}.ddStyle2{left:-57px}}
@media screen and (max-width:560px){.ddStyle3{left:-97px}}
@media screen and (max-width:520px){.ddStyle4{left:-137px}}
@media screen and (max-width:480px){.ddStyle5{left:-177px}}
@media screen and (max-width:419px){
.ddStyle1{width:320px;left:63px}
.ddStyle2{width:320px;left:23px}
.ddStyle3{width:320px;left:-17px}
.ddStyle4{width:320px;left:-57px}
.ddStyle5{width:320px;left:-97px}
}
@media screen and (max-width:359px){
.ddStyle1{width:310px;left:47px}
.ddStyle2{width:310px;left:11px}
.ddStyle3{width:310px;left:-25px}
.ddStyle4{width:310px;left:-61px}
.ddStyle5{width:310px;left:-97px}
}

/******** NAVIGATION - LEFT ********/
.menu-left{background:#f4f4f4}
/*.nav-tabs.nav-justified > li{width:57.5px !important}*/
.nav-tabs.nav-justified > li{background:#f4f4f4}
.nav-tabs.nav-justified > li > a{margin-bottom:0px}
.control-setting{overflow:hidden}
.control-setting:hover{overflow:visible}
.butt-right1{border-bottom-right-radius:5px;border-right:1px solid #f4f4f4}
.butt-left1{border-bottom-left-radius:5px;border-left:1px solid #f4f4f4}
.main-sidebar{height:100%;min-height:300px;background:#f4f4f4;border-right:1px solid #D2D6DE;overflow:auto}
.main-sidebar{overflow:hidden} /*Update*/
.main-sidebar:hover{overflow:visible}
@media (max-width:991px){.navbar-collapse.pull-left{float:none!important}.navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;top:0;right:40px}}
.main-sidebar, .left-side{position:absolute;top:0;left:0;padding-top:50px;min-height:100%;width:230px;z-index:810;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out}
@media (max-width:767px){.main-sidebar,.left-side{-webkit-transform:translate(-230px, 0);-ms-transform:translate(-230px, 0);-o-transform:translate(-230px, 0);transform:translate(-230px, 0)}}
@media (min-width:768px){.sidebar-collapse .main-sidebar,.sidebar-collapse .left-side{-webkit-transform:translate(-230px, 0);-ms-transform:translate(-230px, 0);-o-transform:translate(-230px, 0);transform:translate(-230px, 0)}}
@media (max-width:767px){.sidebar-open .main-sidebar,.sidebar-open .left-side{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}
.sidebar{padding-bottom:10px}
.sidebar-menu{list-style:none;margin:0;padding:0}
.sidebar-menu>li{position:relative;margin:0;padding:0}
.sidebar-menu>li>a{padding:12px 5px 12px 8px;display:block}
.sidebar-menu>li>a:hover,.sidebar-menu .treeview-menu>li>a:hover{color:#222D32}
.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{width:18px}
.sidebar-menu>li .label,.sidebar-menu>li .badge{margin-top:3px;margin-right:5px}
.sidebar-menu li.header{padding:0px 25px 0px 15px;font-size:12px}
.sidebar-menu li>a>.fa-angle-left{width:auto;height:auto;padding:0;margin-right:8px;margin-top:3px}
.sidebar-menu li.active>a>.fa-angle-left{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.sidebar-menu li.active>.treeview-menu{display:block}
.sidebar-menu .treeview-menu{display:none;list-style:none;padding:0;margin:0}
.sidebar-menu .treeview-menu .treeview-menu{padding-left:20px}
.sidebar-menu .treeview-menu>li{margin:0}
.sidebar-menu .treeview-menu>li>a{padding:5px 5px 5px 10px;display:block}
.sidebar-menu .treeview-menu>li>a>.fa,.sidebar-menu .treeview-menu>li>a>.glyphicon,.sidebar-menu .treeview-menu>li>a>.ion{width:20px}
.sidebar-menu .treeview-menu>li>a>.fa-angle-left,.sidebar-menu .treeview-menu>li>a>.fa-angle-down{width:auto}

/******** SIDEBAR LEFT ********/
.sidebar-menu>li{margin:0px;border-left:4px solid transparent}
.sidebar-menu > li > a{margin-left:-4px;border-left:4px solid transparent}
.sidebar-menu .treeview-menu > li > a{margin-left:-4px;border-left:4px solid transparent;background:#F9F9F9}
.sidebar-menu > li > a,
.sidebar-menu .treeview-menu > li > a{color:#222D32;font-size:15px;text-decoration:none}
.sidebar-menu > li > a:hover{background:#eee;margin-left:-4px;border-left:4px solid #222D32}
.sidebar-menu .treeview-menu > li > a:hover{background:#eee;color:#000;margin-left:-4px;border-left:4px solid #222D32}
.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:#eee;color:#222D32;margin-left:-4px;border-left:4px solid #222D32}

/******** SIDEBAR COLLAPSE ********/
@media screen and (max-width:992px){
.sidebar-mini.sidebar-collapse > div.wrapper > div.content-wrapper > section.content > main > div.animated > .col-md-12{padding-bottom:1px}
.sidebar-mini > div.wrapper > div.content-wrapper > section.content > main > div.animated > .col-md-12{padding-bottom:1px}
}
@media (min-width:768px){.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer{margin-left:50px!important;z-index:840}
.sidebar-mini.sidebar-collapse .main-sidebar{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);width:50px!important;z-index:850}
.sidebar-mini.sidebar-collapse .sidebar-menu>li{position:relative}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{margin-right:0;padding-left:15px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top:0px;padding-bottom:0px;border-bottom-right-radius:4px}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{margin-left:-4px !important;width:224px !important}
.sidebar-mini.sidebar-collapse .sidebar-menu .treeview > a > span{background:#eee !important}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display:block!important;position:absolute;width:220px;left:50px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span{top:0px;margin-left:0px;padding:12px 5px 12px 15px;background-color:inherit}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{top:45px;margin-left:0px}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu li.header{display:none!important;-webkit-transform:translateZ(0)}
.sidebar-mini.sidebar-collapse .projectDiv1{visibility:hidden}
.sidebar-mini.sidebar-collapse .projectDiv2{visibility:hidden}
.sidebar-mini.sidebar-collapse .projectDiv3{visibility:hidden}
.sidebar-mini.sidebar-collapse .projectDiv4{visibility:hidden}
.sidebar-mini.sidebar-collapse .projectX{display:none}
.sidebar-mini.sidebar-collapse .navline3{display:none}
.sidebar-mini.sidebar-collapse .navline5{display:none}
.sidebar-mini.sidebar-collapse .nav-tabs.nav-justified > li{min-width:50px !important}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu > li.radiusEnd > a{border-bottom-right-radius:4px !important}
}

/******** NAVIGATION, LEFT ********/
.brandingX1{padding-top:28px;margin-left:14px;width:200px;text-align:center}
.brandingX2{padding-top:28px;margin-left:14px;background:#eee;width:200px;height:100px;-moz-border-radius:100px/50px;-webkit-border-radius:100px/50px;border-radius:100px/50px;text-align:center}
.sidebar-collapse .brandingX{display:none}
.projectLogo{padding-bottom:5px;text-align:center;opacity:.8}
.projectLogo:hover{opacity:1}
.projectDiv1{padding-top:20px;padding-bottom:20px;height:55px;background:#eee}
.projectDiv2{padding-top:10px;padding-bottom:10px;height:55px;background:#eee}
.projectX{padding-top:0px;color:#222D32;font-size:12px;text-align:center}
.projectDiv3{padding:3px;background:#f4f4f4;opacity:1;
animation-name:blend2x;
animation-duration:4s;
animation-play-state:running}
@keyframes blend2x{
0%{opacity:0}
25%{opacity:0}
100%{opacity:1}
}
.projectDiv4{padding:3px;background:#f4f4f4;opacity:1;
animation-name:blend3x;
animation-duration:5s;
animation-play-state:running}
@keyframes blend3x{
0%{opacity:0}
25%{opacity:0}
100%{opacity:1}
}
.blend4{opacity:1;
animation-name:blend4x;
animation-duration:4s;
animation-play-state:running}
@keyframes blend4x{
0%{opacity:0}
25%{opacity:0}
100%{opacity:1}
}
.blend5{opacity:1;
animation-name:blend5x;
animation-duration:5s;
animation-play-state:running}
@keyframes blend5x{
0%{opacity:0}
25%{opacity:0}
100%{opacity:1}
}
.dateTime1{color:#222D32;font-size:12px;padding-right:0px}
.countDown1, .countDown2, .countDownX, .dateTime2{color:#222D32;font-size:12px}
.navline3{height:1px;background:#D2D6DE}
.navline5{height:1px;background:#eee}

/******** SIDEBAR RIGHT ********/
.menu-right{top:0px;bottom:0px;background:#eee none repeat scroll 0% 0%;overflow:auto}
.control-sidebar-bg{position:fixed;z-index:1000;bottom:0}
.control-sidebar-bg,.control-sidebar{top:0;right:-230px;width:230px;-webkit-transition:right .3s ease-in-out;-o-transition:right .3s ease-in-out;transition:right .3s ease-in-out}
.control-sidebar{position:absolute;top:50px;z-index:1010;border-left:1px solid #D2D6DE}
@media (max-width:768px){.control-sidebar{padding-top:100px}}
.control-sidebar>.tab-content{background:#f4f4f4 none repeat scroll 0% 0%;padding:0px}
.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open+.control-sidebar-bg{right:0}
.control-sidebar-open .control-sidebar-bg,.control-sidebar-open .control-sidebar{right:0}
@media (min-width:768px){.control-sidebar-open .content-wrapper,.control-sidebar-open .right-side,.control-sidebar-open .main-footer{margin-right:230px}}
.control-sidebar-tabs>li:first-of-type>a{margin-left:0px}
.control-sidebar-tabs>li:first-of-type>a,.control-sidebar-tabs>li:first-of-type>a:hover{border-left-width:0!important}
.control-sidebar-tabs>li>a,.control-sidebar-tabs>li>a:hover{border-top:none;border-right:none;border-left:1px solid transparent!important;border-bottom:1px solid transparent!important}
.control-sidebar-tabs>li.active>a,.control-sidebar-tabs>li.active>a:hover,.control-sidebar-tabs>li.active>a:focus,.control-sidebar-tabs>li.active>a:active{border-top:none!important;border-right:none!important;border-bottom:none!important}
@media (max-width:768px){.control-sidebar-tabs{display:table}.control-sidebar-tabs>li{display:table-cell !important}}
.control-sidebar-menu{list-style:none;padding:0;margin:0}
.control-sidebar-menu .menu-icon{float:left;width:135px;height:35px;border-radius:50%;text-align:center;line-height:35px;color:#fff}
.menu-info1{padding:0px 0px;margin-left:0px;margin-top:0px;line-height:30px}
.menu-info2{padding:0px 0px;margin-left:0px;margin-top:0px;line-height:25px}
.menu-info2a{padding:0px 0px;margin-left:0px;margin-top:0px;line-height:20px}
.menu-info3{padding:0px 0px;margin-left:0px;margin-top:0px;line-height:20px}
.menu-info4{padding:10px;text-align:center}
.menu-info5{padding:10px}
.menu-info6{margin-top:10px;padding:5px 10px 5px 10px;border-top:1px solid #D2D6DE;border-bottom:1px solid #D2D6DE}
.control-sidebar-dark{color:#222D32}
.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{background:#f4f4f4}
.labelSub{float:right;font-size:75%;text-align:right;margin-top:2px}
.label-info-result{padding:3px 6px 3px 7px;border:1px solid #222D32;background-color:#f4f4f4;color:#222D32}
.btn-sidebox{color:#f4f4f4;background:#222D32}
.btn-sidebox:hover, .btn-sidebox:focus, .btn-sidebox:active{color:#222D32;background:#C6E996}
.btn-sidebox:hover, .btn-sidebox:focus, .btn-sidebox:active{color:#f4f4f4;background:#CA0B0D}
.tabs-hg{background:#f4f4f4}
.topheading1{margin-left:7px;font-size:16px;color:#222D32;line-height:50%}
.subheading1{margin:-2px 0 0 45px;font-size:12px}
.menu-out-padd{padding:10px 0 10px 0}
.menu-in{padding-left:10px}
.menu-out{color:#fff}
.menu-out:hover{background:#eee;color:#222D32}
.menu-out:active, .menu-out:focus{color:#FF0000;background:#eee}
.menulinks{color:#222D32}
.menulinks:hover{color:#222D32}
.menulinks:active, .menulinks:focus{color:#FF0000}
.menulink-green li{padding-left:10px;color:#7BB926}
.menulink-green li:hover{background:#7BB926;color:#f4f4f4}
.menulink-blue li{padding-left:10px;color:#008ECC}
.menulink-blue li:hover{background:#008ECC;color:#f4f4f4}
.menulink-orange li{padding-left:10px;color:#E78A00}
.menulink-orange li:hover{background:#E78A00;color:#f4f4f4}

/******** SIDEBAR TABS ********/
.control-sidebar-dark .control-sidebar-tabs{border-bottom:#f4f4f4}
.control-sidebar-dark .control-sidebar-tabs>li>a{background:#f4f4f4 none repeat scroll 0% 0%;color:#97A0B3;height:50px;padding-top:14px;border-left-color:#D2D6DE !important;border-radius:8px !important}
.control-sidebar-dark .control-sidebar-tabs>li>a:hover{background:#eee;color:#555;border-left-color:#D2D6DE !important;border-radius:0px !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:#eee;color:#555;border-radius:0px !important}
.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:#eee none repeat scroll 0% 0%;color:#222D32;padding:17px 10px;height:57px;font-size:16px;border-top:1px solid #D2D6DE;border-bottom:1px solid #D2D6DE}
.control-sidebar-dark .control-sidebar-heading2{background:#eee none repeat scroll 0% 0%;color:#222D32;padding:5px 10px;height:35px;font-size:16px;border-top:1px solid #D2D6DE;border-bottom:1px solid #D2D6DE}
.control-sidebar-dark .control-sidebar-subheading{background:#eee none repeat scroll 0% 0%;color:#222D32;padding:10px 10px 8px 10px}
.control-sidebar-subheading{display:block;font-size:14px}

/******** NAV-MINI RESPONSIVE ********/
@media screen and (max-width:768px){
.control-sidebar-dark{width:230px}
.nav-tabs.nav-justified > li{width:25%}
.nav-tabs2.nav-justified > li{width:50%}
.control-sidebar{padding-top:0px}
}

/******** BOX ********/
.box{position:relative;border-radius:3px;background:#fff;border-top:3px solid #d2d6de;margin-bottom:50px !important;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
@media screen and (max-width:992px){.box{margin-bottom:36px !important}}
@media screen and (max-width:599px){.box{margin-bottom:36px !important}}
.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}
.box .nav-stacked>li{border-bottom:1px solid #f4f4f4;margin:0}
.box .nav-stacked>li:last-of-type{border-bottom:none}
.box.height-control .box-body{max-height:300px;overflow:auto}
.box .border-right{border-right:1px solid #f4f4f4}
.box .border-left{border-left:1px solid #f4f4f4}
.box-header:before,.box2-header:before,.box-body:before,.box-footer:before,.box-header:after,.box2-header:after,.box-body:after,.box-footer:after{content:" ";display:table}
.box-header:after,.box2-header:after,.box-body:after,.box-footer:after{clear:both}
.box-header{color:#222D32;display:block;padding:7px;position:relative}
.box-header.with-border{border-bottom:1px solid #E5E5E5}
.collapsed-box .box-header.with-border{border-bottom:none}
.box-header>.fa,.box-header>.glyphicon,.box-header>.ion,.box-header .box-title{display:inline-block;font-size:18px;margin:0;line-height:1}
.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{margin-right:5px}
.box-header>.box-tools{position:absolute;right:10px;top:5px}
.box-header>.box-tools [data-toggle="tooltip"]{position:relative}
.box-header>.box-tools.pull-right .dropdown-menu{right:0;left:auto}
.btn-box-tool{padding:0 10px 0 10px;font-size:12px;background:transparent;box-shadow:none!important;color:#97A0B3}
.open .btn-box-tool,.btn-box-tool:hover{color:#555}
.btn-box-tool:active{outline:none!important}
.no-header .box-body{border-top-right-radius:3px;border-top-left-radius:3px}
.box-body>.table{margin-bottom:0}
.box-footer{padding:5px;font-size:11px;color:#aaa;text-align:right}
.box-footerH{padding:0;font-size:11px;color:#aaa;text-align:right}
.boxTop{float:left;font-weight:600;padding:5px 0px 0px 5px;font-size:22px;line-height:120%;text-transform:uppercase}
@media screen and (max-width:419px){.boxTop{font-size:18px}}
.boxSub{float:right;font-size:16px;margin-left:3px;line-height:120%;text-align:right}
.boxTopL{padding-right:75px}
.boxTopR{margin-top:8px}
.iconbox{float:right}
.box3{position:relative;border-radius:3px;background:#fff;border-top:3px solid #d2d6de;margin-bottom:0px !important;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1)}

/******** BOX-APP ********/
.box-app{display:inline-grid;padding:0 5px;margin:5px 5px;width:110px;height:75px;background:#eee;font-size:12px;text-align:center;border:1px solid #ccc;border-radius:3px;vertical-align:middle;box-shadow:0 3px 5px rgba(0,0,0,0.125)}
.box-app > .fa{display:block;padding:10px 0 0 0;font-size:20px}
.hovGreen:hover{background:#5CB85C;color:#f4f4f4}
.hovBlue:hover{background:#0083B9;color:#f4f4f4}
.hovOrange:hover{background:#E78A00;color:#f4f4f4}
.box-app-bagdeGreen{display:table;margin:0 5px;padding:2px 8px;min-width:110px;background:#5CB85C;color:#f4f4f4;font-size:14px;border-radius:3px}
.box-app-bagdeBlue{display:table;margin:0 5px;padding:2px 8px;min-width:110px;background:#0083B9;color:#f4f4f4;font-size:14px;border-radius:3px}
.box-app-bagdeOrange{display:table;margin:0 5px;padding:2px 8px;min-width:110px;background:#E78A00;color:#f4f4f4;font-size:14px;border-radius:3px}

/******** INFOBOX ********/
.infoBox .box-body{border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;overflow-x:hidden;padding:0;margin:1px;margin-left:2px}
.infoBox.info-pane-open .infoBox-message{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}
.infoBox-message{-webkit-transition:-webkit-transform .5s ease-in-out;-moz-transition:-moz-transform .5s ease-in-out;-o-transition:-o-transform .5s ease-in-out;transition:transform .5s ease-in-out}
.infoBox-message-open .infoBox-message{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}
.infoBox-message{-webkit-transform:translate(101%, 0);-ms-transform:translate(101%, 0);-o-transform:translate(101%, 0);transform:translate(101%, 0);position:absolute;z-index:3;top:0;bottom:0;height:250px;width:100%;background:#f4f4f4;color:#222D32;border:1px solid #D2D6DE;overflow:auto;line-height:150%}
.infoBoxTitleL{float:left;margin-left:10px;margin-top:10px;font-size:18px;border-bottom:1px solid #222D32}
.infoBoxTitleR{float:right;margin-right:5px;margin-top:5px}
.infoBoxContent{margin:10px;margin-right:20px}
.infoboxline{padding:0 0 0px 0;margin-bottom:5px;border-radius:0 0 3px 3px;border-bottom:3px solid #D2D6DE}

/******** BOX HEADLINE, COLOR ********/
.boxGreen{border-top:3px solid #5CB85C}
.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{margin-left:10px;width:100px;background:#F0AD4E}
.badgeT{width:60px;background:#5CB85C}
.badgeF{width:60px;background:#D9534F}
.badgeW{width:60px;background-color:#F0AD4E}
.badge-resF{padding:0px 7px;background:#FF0000;color:#f4f4f4;border-radius:5px}
.badge-resT{padding:0px 7px;background:#5CB85C;color:#fff;border-radius:5px}

/******** BOX HEADLINE ********/
.boxStyle{border-top:3px solid #f4f4f4;background:#f6f6f6;box-shadow:10px 10px 10px rgba(0,0,0,0.32)}
.boxStyle1{background:#f4f4f4;box-shadow:5px 5px 5px rgba(33,33,33,0.3)}
.boxStyle2{border-top:3px solid #D2D6DE;background:#fff}
.box-content{padding:15px 15px}
.box-content2{padding:15px 15px 2px 15px}

@media screen and (max-width:599px){
.startBox1{padding:0 8px}
.startBox2{padding:0 15px}
}

/******** PROGRESS ********/
.progress{margin-bottom:inherit}
.pg-dash{background:#eee}
.pg-skill{text-transform:uppercase;margin-left:10px;padding-left:10px;padding-top:2.5px;float:left;font-size:1.1em}
.pg-animate{
animation-name:animateBar;
animation-iteration-count:1;
animation-timing-function:ease-in;
animation-delay:1s;
animation-duration:2.5s;
}
@keyframes animateBar{
0%{transform:translateX(-100%);background:orange}
99%{transform:translateX(0);background:orange}
100%{transform:translateX(0)}
}
.pg-text{white-space:nowrap;font-size:11px;text-align:left;text-overflow:string}
.pg-color{color:#222D32}
.pg150{width:150px}
.pg75{width:75px}
@media screen and (max-width:599px){.pg150{width:inherit}.pg75{width:inherit}}

/******** BAGDE, BLEND ********/
.blendBadge{opacity:1;
animation-name:blendBadge3x;
animation-duration:5s;
animation-play-state:running}
@keyframes blendBadge3x{
0%{opacity:0}
75%{opacity:0}
100%{opacity:1}
}

/******** COLORS ********/
.resF{color:#D9534F}
.resT{color:#5CB85C}
.resI{color:#F0AD4E}
.resB{color:#008ECC}
.resG{color:#aaa}

/******** TABLES ********/
table{background:#fff}
.table-bordered{border:1px solid #eee}
.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 #eee}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td{border-bottom-width:2px}
.trtrans{background-color:transparent !important}
.trtrans:hover{background:#D6D6D6 !important}
.trcolor{border-top:1px solid #ccc;background:#E7E7E7}
.trcolor-green{background:#E7E7E7;color:#222D32}
.trcolor-green{background:#5CB85C;color:#f4f4f4} /* Update */
.trcolor-blue{background:#008ECC;color:#f4f4f4}
.tab200{width:200px}
.td-top td{border-bottom:1px solid #ccc}
@media screen and (max-width:599px){
.table-bordered{border:0}
table,tbody,th,td,tr{display:block}
tr{border:1px solid #ccc;border-top:0}
td{position:relative;border:0;border-bottom:1px solid #eee}
td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}
.table-top{border-top:1px solid #ccc}
.tab200{width:inherit}
.td-top td{border-bottom:0px}
}

#tableN, #tableN tr, #tableN td{border:0}

.tabR{}
.tabR1{text-align:right}
.tabLEmpty{float:left;border:0 !important}
.tabREmpty{float:right;border:0 !important}
@media screen and (max-width:599px){.tabLEmpty, .tabREmpty{float:inherit}}

.tabTop{border-top:0}
@media screen and (max-width:599px){.tabTop{border-top:1px solid #ccc}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right:0;padding-left:0}
}
.table2{margin-bottom:5px}

/******** TABLES, HOVER ********/
.menu-out2{}
.menu-out2:hover{background-color:#eee}
.menu-out3{}
.menu-out3:hover{background-color:#f8f8f8}
.menu-out4{border-left:2px solid transparent}
.menu-out4:hover, .menu-out4:active, .menu-out4:focus{border-left:2px solid #D9534F}
@media screen and (max-width:991px){
/*.menu-out4{border-left:1px solid #ccc;padding-left:2px}*/
.menu-out4{border-left:1px solid transparent;padding-left:2px}
.menu-out4:hover, .menu-out4:active, .menu-out4:focus{border-left:2px solid #D9534F;padding-left:1px}
}

/******** TABLES, ELIMINATE ********/
#inlineM table, #inlineM tr, #inlineM td{text-align:left}

/******** FLEX ********/
.flexIndex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-wrap:row-wrap;flex-flow:row wrap;-ms-flex-pack:justify;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}
.flexIndex2{justify-content:flex-end}
.flexIndexFoo{height:50px}
.flexIndex .box{margin-bottom:inherit !important;height:100%}
@media screen and (max-width:992px){
.flexIndex{display:inherit;-webkit-flex-flow:inherit;-ms-flex-wrap:inherit;flex-flow:inherit;-ms-flex-pack:inherit;-webkit-align-content:inherit;-ms-flex-line-pack:inherit;align-content:inherit}
.flexIndex .box{margin-bottom:30px !important}
.flexIndexFoo{height:inherit}
}
div#news.collapsed-box .box-header.with-border{border-bottom:1px solid #E5E5E5}

/******** MANUAL-FOOTER ********/
.manual-footer{padding-right:37px}
@media screen and (max-width:967px){.manual-footer{padding-right:10px}}

/******** CHARTS ********/
.chart1x{width:500px;text-align:center}
.chart1t{float:left;margin-left:10px}
.chart1g{float:left}
.chart1b{height:250px}
@media screen and (max-width:599px){.chart1x{width:100%;margin-left:10px}.chart1t{float:inherit;padding-bottom:15px}.chart1g{float:inherit}}
@media screen and (max-width:419px){.chart1x{margin-left:0px}.chart1t{margin-left:0px}.chart1b{height:150px}}

/******** PHPINFO ********/
.pinfoTxt{padding:20px 0 20px 0;border-top:1px solid #D2D6DE;border-bottom:1px solid #D2D6DE;text-align:center}
.pinfoTB{max-width:95%;word-wrap:break-word}
.pinfoTD{padding:5px 0px 5px 10px;word-wrap:break-word}
.pinfoTD{font-size:15px}

/******** TOOLTIP 1 + 2 ********/
.tooltip.in{opacity:.95}
.tooltip{font-family:'Source Sans Pro',PT Sans,arial,sans-serif;font-weight:400}
.tooltip-inner{background-color:#222D32}
.tooltip.top .tooltip-arrow{border-top-color:#222D32}
.tooltipp2{position:relative;display:inline}
.tooltipp2 span{position:absolute;font-size:12px;font-style:normal;font-weight:400;width:100px;color:#fff;background:#222D32;height:25px;line-height:25px;text-align:center;visibility:hidden;border-radius:4px}
.tooltipp2 span:after{content:'';position:absolute;top:100%;left:50%;margin-left:-5px;width:0; height:0;border-top:5px solid #222D32;border-right:5px solid transparent;border-left:5px solid transparent}
.tooltipp2:hover.tooltipp2 span{visibility:visible;opacity:0.95;bottom:27px;left:50%;margin-left:-50px;z-index:1070}
.tooltipp2:focus.tooltipp2 span{display:none}

/******** SEOEXPERT ********/
.seoinfo1{padding:5px;background:#ddd;color:#222D32;font-weight:bold;text-decoration:none;cursor:pointer}
.seoinfo2{padding-top:5px;color:#222D32}
.seoexL{float:left}
.seoexR{float:right}
@media screen and (max-width:599px){.seoexR{float:left}}

.seokey1{color:#FF3300}
.seokey2{color:#00B359}
.seokey3{color:#1D8CBC}
.seotab{width:240px;margin-left:5px}
.seotb1{width:80px;border:1px solid #aaa;text-align:center;font-weight:bold;font-size:14px}
.seotb2{border:1px solid #aaa;padding-right:5px;text-align:right;font-size:14px}
.seotb3{border:1px solid #aaa;text-align:right;font-weight:bold;padding-right:10px;font-size:14px}

/******** MODAL ********/
.modal{background:rgba(255,255,255,0) none repeat scroll 0% 0%}
.modal-header{min-height:80px;padding:0;background:#f4f4f4;color:#222D32;border-bottom:1px solid #E5E5E5}
.modal-header2{min-height:55px}
.modal-title{padding:8px 10px 2px 15px;font-size:28px}
.modal-sub{padding:0px 10px 3px 15px;font-size:18px;font-weight:600}
.modal-close{padding:6px 6px 2px 10px}
.modal-body{font-size:18px;color:#222D32}
.modal-footer{background:#f4f4f4;border-top:1px solid #E5E5E5;border-radius:0 0 4px 4px}

/******** MODAL-2 ********/
.modal-dialog2{width:98%;margin:10px auto}

/******** MODAL-3 ********/
.modal-dialog3{position:fixed;z-index:1050;left:0px;bottom:0;margin:0px auto;width:100%;margin:0px}
.modal-footer3{background:#f4f4f4;border-top:1px solid #E5E5E5;border-radius:0}

/******** SCROLLSPY ********/
.margin-scsy{margin-bottom:0px}
.scsyDiff{height:20px}
.scroll-fix{position:fixed}
.affix-top{margin-top:25px}
.affix{margin-top:-50px}
.navScrollSpy{float:right;background:transparent;border-left:1px solid transparent}
#scrollspy{padding:4px 0 0 10px;background:transparent;max-height:75%;overflow:auto;overflow-x:hidden}
/*#scrollspy{padding:4px 0 0 10px;background:transparent}*/
#scrollspy .nav > li > a{display:block;padding:0px 10px 0 10px;margin:0px 0 5px 0;font-size:14px;font-weight:400;color:#236EB6;border-radius:0px;border-left:1px solid transparent;width:250px}
#scrollspy .nav > li > a:hover{color:#133F6A;text-decoration:none;background-color:transparent;border-left:1px solid #FF4444}
#scrollspy .nav > li > a:active, 
#scrollspy .nav > li > a:focus
{color:#133F6A !important;background:inherit !important;border-left:3px solid #FF4444 !important}
#scrollspy > .nav.nav-pills.nav-stacked > li{border-bottom:1px solid #eee;padding:6px 5px 0px 5px}
.nav-pills > li > a, .nav-pills > li > a:focus, .nav-pills > li > a{background-color:transparent !important}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{color:#133F6A !important;border-left:3px solid #133F6A !important;font-weight:600 !important}
.treeview-menu{display:none;list-style:none;padding:0;margin:0;padding-left:15px}
li.active > .treeview-menu{display:block}
#scrollspy .nav .treeview-menu > li.active > a{color:#133F6A;font-weight:600 !important;border-left:3px solid #133F6A !important}
@media screen and (max-width:1599px){#scrollspy .nav > li > a{width:235px}}
@media screen and (max-width:1499px){#scrollspy .nav > li > a{width:215px}}
@media screen and (max-width:1399px){#scrollspy .nav > li > a{width:190px}}
@media screen and (max-width:1299px){#scrollspy .nav > li > a{width:160px}}
@media screen and (max-width:1199px){#scrollspy .nav > li > a{width:195px}}
@media screen and (max-width:1070px){#scrollspy .nav > li > a{width:180px}}
@media screen and (max-width:1024px){#scrollspy .nav > li > a{width:170px}}
@media screen and (max-width:991px){#scrollspy .nav > li > a{width:160px}}
@media screen and (max-width:967px){#scrollspy .nav > li > a{width:140px}}
@media screen and (max-width:967px){
.scsyDiff{height:50px}
.affix-top{margin-top:0px}
.affix{margin-top:0px}
#scrollspy > .nav.nav-pills.nav-stacked > li{padding:8px 5px 2px 5px}
.smallspy{width:100%}
.scroll-fix{position:inherit}
.navScrollSpy{float:inherit !important;padding:10px 0 0 0;position:relative;width:98%}
#scrollspy .nav > li > a{width:465px;font-size:15px}
li.treeviewSmall > .treeview-menu{display:block}
#scrollspy .nav > li.treeviewSmall > .treeview-menu > li.active > a{color:#236EB6 !important;font-weight:inherit !important;border-left:1px solid transparent !important}
#scrollspy .nav > li.treeviewSmall > .treeview-menu > li.active > a:hover, 
#scrollspy .nav > li.treeviewSmall > .treeview-menu > li.active > a:focus{color:#236EB6 !important;background:inherit !important;font-weight:inherit !important;border-left:1px solid #ff4444 !important}
.nav-pills > li > a{color:#133F6A !important;font-weight:600 !important;border-left:3px solid transparent !important}
.nav-pills > li > a:hover{color:#133F6A !important;font-weight:600 !important;border-left:3px solid #ff4444 !important}
}
@media screen and (max-width:599px){
div.container-fluid div.row{margin-right:-5px;margin-left:-5px}}

/******** INFOBOX ********/
.iBox1Title{font-size:24px;padding:5px;background:#E9E9E9;border-radius:5px 5px 0 0}
.iBox1Left{clear:both;float:left;width:235px}
.iBox1Dif{float:left;width:30px}
.iBox1ph{height:10px}
.iBox1Right{float:left;padding-top:5px;padding-left:20px}
@media screen and (max-width:1600px){.iBox1Right{width:1100px}}
@media screen and (max-width:1500px){.iBox1Right{width:1000px}}
@media screen and (max-width:1400px){.iBox1Right{width:900px}}
@media screen and (max-width:1300px){.iBox1Right{width:800px}}
@media screen and (max-width:1200px){.iBox1Right{width:715px}}
@media screen and (max-width:1100px){.iBox1Right{width:640px}}
@media screen and (max-width:1024px){.iBox1Right{width:610px}}
@media screen and (max-width:991px){.iBox1Right{width:515px}}
@media screen and (max-width:900px){.iBox1Right{width:490px}}
@media screen and (max-width:865px){.iBox1Right{float:inherit;clear:both;padding-top:10px;padding-left:5px;width:inherit}}

/******** FOOTER ********/
footer{position:fixed;width:100%;bottom:0;height:42px}
.pull-left{margin-right:3px}
footer.main-footer > .pull-right{margin-right:245px}
.sidebar-mini.sidebar-collapse > div.wrapper > footer.main-footer > .pull-right{margin-right:60px}
.hidden-foo{display:none}
@media screen and (max-width:767px){.hidden-foo{display:inline-block}}
.hidden-foo2{display:inline-block}
@media screen and (max-width:1099px){.hidden-foo2{display:none}}

/******** ARROW-BACK ********/
#back-top{position:fixed;z-index:999;display:block;bottom:42px;text-align:right;right:40px}
#back-topS{position:fixed;z-index:999;display:block;bottom:42px;text-align:right;right:25px}
#back-top span, 
#back-topS span{width:42px;height:42px;display:block;background:transparent url("../../images/icon-arrow-222D32.png") no-repeat scroll center center;opacity:0.4}
#back-top span:hover, 
#back-top > a:focus, 
#back-topS span:hover, 
#back-topS > a:focus{color:#222D32;opacity:.7}
@media screen and (max-width:767px){#back-top, #back-topS{bottom:0px}}
@media screen and (max-width:419px){#back-top, #back-topS{right:8px}}

/******** ANIMATED LINKS ********/
.vlinkS{position:relative;overflow:hidden;padding:8px 10px}
.vlinkS:before,.vlinkS:after{content:"";display:inline-block;background:#CA0B0D;opacity:0;width:100%;height:100%;position:absolute;top:0;-ms-transition-property:transform,opacity;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;-ms-transition-duration:.6s;-webkit-transition-duration:.6s;transition-duration:.6s;-ms-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-ms-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;border-radius:5px}
.vlinkS:before{left:0;-ms-transform:translateZ(0) translate(0, -100%) scale(0);-webkit-transform:translateZ(0) translate(0, -100%) scale(0);transform:translateZ(0) translate(0, -100%) scale(0)}
.vlinkS:after{right:0;-ms-transform:translateZ(0) translate(0, 100%) scale(0);-webkit-transform:translateZ(0) translate(0, 100%) scale(0);transform:translateZ(0) translate(0, 100%) scale(0)}
.vlinkS .hvS{color:#222D32;position:relative;z-index:2;-ms-transition:color .2s ease-in 0s;-webkit-transition:color .2s ease-in 0s;transition:color .2s ease-in 0s}
.vlinkS:hover .hvS{font-weight:400;color:#f4f4f4}
.vlinkS:hover:before,.vlinkS:hover:after{opacity:1;-ms-transform:translateZ(0) translate(0, 0) scale(1);-webkit-transform:translateZ(0) translate(0, 0) scale(1);transform:translateZ(0) translate(0, 0) scale(1)}
.vlinkS .hvL{color:#222D32;position:relative;z-index:2;-ms-transition:color .2s ease-in 0s;-webkit-transition:color .2s ease-in 0s;transition:color .2s ease-in 0s}
.vlinkS:hover .hvL{color:#f4f4f4}
@media screen and (max-width:479px){
.vlinkS::before, .vlinkS::after{background:inherit}
.vlinkS:hover .hvL, .vlinkS:hover .hvS{color:#FF0000}
}

.vlinkF{position:relative;overflow:hidden;padding:8px 10px}
.vlinkF:before,.vlinkF:after{content:"";display:inline-block;background:#CA0B0D;opacity:0;width:100%;height:100%;position:absolute;top:0;-ms-transition-property:transform,opacity;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;-ms-transition-duration:.6s;-webkit-transition-duration:.6s;transition-duration:.6s;-ms-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-ms-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;border-radius:5px}
.vlinkF:before{left:0;-ms-transform:translateZ(0) translate(0, -100%) scale(0);-webkit-transform:translateZ(0) translate(0, -100%) scale(0);transform:translateZ(0) translate(0, -100%) scale(0)}
.vlinkF:after{right:0;-ms-transform:translateZ(0) translate(0, 100%) scale(0);-webkit-transform:translateZ(0) translate(0, 100%) scale(0);transform:translateZ(0) translate(0, 100%) scale(0)}
.vlinkF .hvF{color:#222D32;position:relative;z-index:2;-ms-transition:color .2s ease-in 0s;-webkit-transition:color .2s ease-in 0s;transition:color .2s ease-in 0s}
.vlinkF:hover .hvF{font-weight:400;color:#f4f4f4}
.vlinkF:hover:before,.vlinkF:hover:after{opacity:1;-ms-transform:translateZ(0) translate(0, 0) scale(1);-webkit-transform:translateZ(0) translate(0, 0) scale(1);transform:translateZ(0) translate(0, 0) scale(1)}
.vlinkF .hvL{color:#222D32;position:relative;z-index:2;-ms-transition:color .2s ease-in 0s;-webkit-transition:color .2s ease-in 0s;transition:color .2s ease-in 0s}
.vlinkF:hover .hvL{color:#f4f4f4}

/********* FAQ *********/
.faq1{font-weight:bold;text-decoration:underline;cursor:pointer}
.faqL{float:left}
.faqR{float:right}
@media screen and (max-width:599px){.faqR{float:left}}

/********* ERRORLOG *********/
.errorlogStart{position:absolute;z-index:3000;top:650px;left:25px;right:25px;padding:17px;background:#FF9800;box-shadow: 10px 10px 10px rgba(0,0,0,0.32);height:185px;overflow:auto}
@media (max-width:500px){.errorlogStart{position:relative;top:inherit;bottom:25px;width:100%;left:0;right:0}}
.errorlog{position:fixed;z-index:3000;bottom:0px;left:260px;right:40px;padding:17px;background:#FF9800;box-shadow: 10px 10px 10px rgba(0,0,0,0.32);height:125px;overflow:auto}
@media (max-width:767px){.errorlog{left:30px}}
.sidebar-mini.sidebar-collapse .errorlog{left:65px}
.errorlogS{position:fixed;z-index:3000;bottom:0px;left:245px;right:25px;padding:17px;background:#FF9800;box-shadow: 10px 10px 10px rgba(0,0,0,0.32);height:125px;overflow:auto}
@media (max-width:767px){.errorlogS{left:15px}}
.sidebar-mini.sidebar-collapse .errorlogS{left:65px}
.errorlog2{position:relative;z-index:3000;width:95%;top:20px;left:25px;padding:5px;background:#FF9800}
.errorclass{padding:5px 0}

/********* BOX-BANDEROLE RIGHT 75px *********/
.ribbonbox{width:200px;height:300px;position:relative;border:1px solid #BBB;background:#eee}
.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.ribbon span{position:absolute;top:19px;right:-21px;width:100px;color:#fff;background:#5CB85C;background:linear-gradient(#5CB85C 0%,#347634 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);font-size:12px;line-height:20px;transform:rotate(45deg);text-transform:uppercase;text-align:center}
.ribbon span{height:18px;line-height:inherit} /* update */
.ribbon span::before{content:'';position:absolute;left:0px;top:100%;z-index:-1;border-left:3px solid #347634;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #347634}
.ribbon span::after{content:'';position:absolute;right:0%;top:100%;z-index:-1;border-right:3px solid #347634;border-left:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #347634}
.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 RIGHT 95px *********/
.ribbon1{width:95px;height:95px}
.ribbon1 span{width:130px;position:absolute;top:29px;right:-26px}

/********* BOX-BANDEROLE LEFT *********/
.ribbon2{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.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);font-size:10px;font-weight:bold;line-height:20px;transform:rotate(-45deg);text-transform:uppercase;text-align:center}
.ribbon2 span::before{content:"";position:absolute;left:0px;top:100%;z-index:-1;border-left:3px solid #8F0808;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #8F0808}
.ribbon2 span::after{content:"";position:absolute;right:0px;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #8F0808;border-bottom:3px solid transparent;border-top:3px solid #8F0808}

/********* BOX START, BLACK EDITION *********/
.ribbon3{position:absolute;right:0px;top:105px;z-index:1;width:200px;height:100px;text-align:right}
.ribbon3 span{position:absolute;top:15px;right:5px;width:100px;color:#fff;background:#222D32;background:linear-gradient(#222D32 0%,#999 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}
@media screen and (max-width:500px){.ribbon3 span{top:-5px}}

.ribbon3a, .ribbon3b, .ribbon3c{position:absolute;right:0px;top:105px;z-index:1;width:200px;height:100px;text-align:right}
.ribbon3a span, .ribbon3b span, .ribbon3c span{position:absolute;top:15px;right:5px;width:100px;font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}
.ribbon3a span{color:#222D32;background:#222D32;background:linear-gradient(#aaa 0%,#fff 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1)}
.ribbon3b span{color:#fff;background:#222D32;background:linear-gradient(#666 0%,#ddd 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1)}
.ribbon3c span{color:#fff;background:#222D32;background:linear-gradient(#222D32 0%,#555 50%,#aaa 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1)}
@media screen and (max-width:500px){.ribbon3a span, .ribbon3b span, .ribbon3c span{top:-5px}}

/********* TOOGLE SWITCH ON/OFF *********/
.onoffswitch{position:relative;width:90px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch-checkbox{display:none}
.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #fff;border-radius:20px}
.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin 0.3s ease-in 0s}
.onoffswitch-inner:before, .onoffswitch-inner:after{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;font-size:14px;color:#fff;font-family:arial,sans-serif;font-weight:bold;box-sizing:border-box}
.onoffswitch-inner:before{content:"AN";padding-left:10px;background-color:#5CB85C;color:#fff}
.onoffswitch-inner:after{content:"AUS";padding-right:10px;background-color:#D9534F;color:#fff;text-align:right}
.onoffswitch-switch{display:block;width:18px;margin:8px;background:#fff;position:absolute;top:0;bottom:0;right:56px;border:2px solid #fff;border-radius:20px;transition:all 0.3s ease-in 0s}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{right:0px}

.onoffswitch2{position:relative;width:90px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.onoffswitch2-checkbox{display:none}
.onoffswitch2-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #FFFFFF;border-radius:0px}
.onoffswitch2-inner{display:block;width:200%;margin-left:-100%;transition:margin 0.3s ease-in 0s}
.onoffswitch2-inner:before, .onoffswitch2-inner:after{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;font-size:14px;color:white;font-family:Trebuchet, Arial, sans-serif;font-weight:bold;box-sizing:border-box}
.onoffswitch2-inner:before{content:"AN";padding-left:10px;background-color:#5CB85C;color:#FFFFFF}
.onoffswitch2-inner:after{content:"AUS";padding-right:10px;background-color:#D9534F;color:#FFFFFF;text-align:right}
.onoffswitch2-switch{display:block;width:18px;margin:6px;background:#FFFFFF;position:absolute;top:0;bottom:0;right:56px;border:2px solid #FFFFFF;border-radius:0px;transition:all 0.3s ease-in 0s}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner{margin-left:0}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch{right:0px}

/********* ACCORDION *********/
#accordion1 .tab{position:relative;margin-bottom:5px;width:100%;color:#222D32;overflow:hidden}
#accordion1 input{position:absolute;opacity:0;z-index:-1}
#accordion1 label{position:relative;display:block;padding:0 0 0 1em;margin-bottom:1px;background:#e9e9e9;font-weight:400;line-height:3;cursor:pointer}
#accordion1 .tab-content{max-height:0;overflow:hidden;background:#fff;color:#222D32;border:1px solid #f4f4f4;-webkit-transition:max-height 1.25s;-o-transition:max-height 1.25s;transition:max-height 1.25s}
#accordion1 .tab-content p{margin:1em}
#accordion1 input:checked ~ .tab-content{max-height:25.5em;overflow-y: auto}
#accordion1 label::after{position:absolute;right:0;top:0;display:block;width:3em;height:3em;line-height:3;text-align:center;
-webkit-transition:all 3.1s;-o-transition:all 3.1s;transition:all 3.1s}
#accordion1 input[type=checkbox] + label::after{content:"+"}
#accordion1 input[type=radio] + label::after{content:"\25BC"}
#accordion1 input[type=checkbox]:checked + label::after{transform:rotate(315deg)}
#accordion1 input[type=radio]:checked + label::after{transform:rotateX(180deg)}
#accordion1 .bLink{color:#222D32;text-decoration:none}
#accordion1 .bLink:hover{text-decoration:underline}
#accordion1 a{color:#236EB6 !important;font-weight:400;text-decoration:none;word-wrap:break-word}
#accordion1 a:hover, #accordion1 a:active, #accordion1 a:focus{color:#FF0000 !important;text-decoration:underline}
#accordion1 .logo-partner{float:left}
@media screen and (max-width:532px){#accordion1 .logo-partner{float:inherit;text-align:center}}

/********* BRANDING *********/
.brandingLogo{padding:0 20px 40px 0}
.brandLogoTop{margin-right:10px}
@media screen and (max-width:599px){.brandHeadTop::after{content:"\A";white-space:pre;line-height:1}}
@media screen and (max-width:479px){.brandHeadTop::before{content:"\A";white-space:pre;line-height:1}}
.brand-logo{float:left}
@media screen and (max-width:532px){.brand-logo{float:inherit;text-align:center}}

/********* Picstyles *********/
.picL{float:left;margin-right:15px;padding:5px;}
.picR{float:right;margin-left:15px;padding:5px;}
@media only screen and (max-width:1200px){.picL, .picR{float:inherit;margin-bottom:10px}}

#modalX .picL{float:left;margin-right:15px;padding:5px;}
#modalX .picR{float:right;margin-left:15px;padding:5px;}
@media only screen and (max-width:699px){#modalX .picL, #modalX .picR{float:inherit;margin-bottom:10px}}

.picstyleA{box-shadow:0 4px 14px -2px #222;border-radius:5px}
.picstyleR{border-radius:5px}
.picstyleS{box-shadow:0 4px 14px -2px #222}
figcaption{display:block;padding-top:10px;line-height:20px;font-size:14px;text-align:center}

/********* ANIMATION BLEND-IN *********/
.ani-blend0{opacity:1;animation-name:ani-blend0x;animation-duration:1s;animation-play-state:running;animation-iteration-count:4;}
@keyframes ani-blend0x{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.ani-blend1{opacity:1;animation-name:ani-blend1x;animation-duration:1s;animation-play-state:running}
@keyframes ani-blend1x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend1h{opacity:1;animation-name:ani-blend1hx;animation-duration:1.5s;animation-play-state:running}
@keyframes ani-blend1hx{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend2{opacity:1;animation-name:ani-blend2x;animation-duration:2s;animation-play-state:running}
@keyframes ani-blend2x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend2h{opacity:1;animation-name:ani-blend2hx;animation-duration:2.5s;animation-play-state:running}
@keyframes ani-blend2hx{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend3{opacity:1;animation-name:ani-blend3x;animation-duration:3s;animation-play-state:running}
@keyframes ani-blend3x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend3h{opacity:1;animation-name:ani-blend3hx;animation-duration:3.5s;animation-play-state:running}
@keyframes ani-blend3hx{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend4{opacity:1;animation-name:ani-blend4x;animation-duration:4s;animation-play-state:running}
@keyframes ani-blend4x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend4h{opacity:1;animation-name:ani-blend4hx;animation-duration:4.5s;animation-play-state:running}
@keyframes ani-blend4hx{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend5{opacity:1;animation-name:ani-blend5x;animation-duration:5s;animation-play-state:running}
@keyframes ani-blend5x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend5h{opacity:1;animation-name:ani-blend5hx;animation-duration:5.5s;animation-play-state:running}
@keyframes ani-blend5hx{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend6{opacity:1;animation-name:ani-blend6x;animation-duration:6s;animation-play-state:running}
@keyframes ani-blend6x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend7{opacity:1;animation-name:ani-blend7x;animation-duration:7s;animation-play-state:running}
@keyframes ani-blend7x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend8{opacity:1;animation-name:ani-blend8x;animation-duration:8s;animation-play-state:running}
@keyframes ani-blend8x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend9{opacity:1;animation-name:ani-blend9x;animation-duration:9s;animation-play-state:running}
@keyframes ani-blend9x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend10{opacity:1;animation-name:ani-blend10x;animation-duration:10s;animation-play-state:running}
@keyframes ani-blend10x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend11{opacity:1;animation-name:ani-blend11x;animation-duration:11s;animation-play-state:running}
@keyframes ani-blend11x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend12{opacity:1;animation-name:ani-blend12x;animation-duration:12s;animation-play-state:running}
@keyframes ani-blend12x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend13{opacity:1;animation-name:ani-blend13x;animation-duration:13s;animation-play-state:running}
@keyframes ani-blend13x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend14{opacity:1;animation-name:ani-blend14x;animation-duration:14s;animation-play-state:running}
@keyframes ani-blend14x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}
.ani-blend15{opacity:1;animation-name:ani-blend15x;animation-duration:15s;animation-play-state:running}
@keyframes ani-blend15x{0%{opacity:0}85%{opacity:0}100%{opacity:1}}

/********* 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-pos1{position:relative;width:500px;opacity:1}
#login-pos1{max-width:500px;left:50%;margin-left:-250px}
.login-header1{padding-top:15px;height:155px;text-align:center;background:#fff;box-shadow:0px 10px 50px rgba(0,0,0,0.32)}
.login-placeholder1{height:75px}
.login-placeholder-mobil{height:75px}
.login-logo1{opacity:.7}
.login-logo1:hover, 
.login-logo1:active, 
.login-logo1:focus{opacity:1}
.login-flag1{float:right;padding-right:2px;padding-bottom:5px}
.login-flagX{padding-left:5px;opacity:.6}
.login-flagX:hover, 
.login-flagX:active, 
.login-flagX:focus{padding-left:5px;opacity:1}
.login-box1{width:100%;background:#FFF none repeat scroll 0% 0%;border-radius:5px;box-shadow:-20px 20px 50px rgba(0,0,0,0.28);overflow:hidden;padding:15px}
.login-title1{font-family:'Raleway',sans-serif;font-size:24px;font-weight:400;color:#7F7F7F;letter-spacing:0em}
.login-content1{font-size:14px;color:#7F7F7F}
.login-footer1{margin-top:10px;text-align:center}
.login-btn1{float:right;background:#3C8DBC;border-color:#3C8DBC;color:#fff}
.login-btn1:hover{background:#5CB85C;border-color:#5CB85C;color:#fff}
.login-btn1:active, .login-btn1:focus{background:#D9534F;color:#fff}
.login-link1{font-size:13px;color:#7F7F7F;text-decoration:none}
.login-link1:hover, 
.login-link1:active, 
.login-link1:focus{color:#D9534F;text-decoration:underline}
.login-link2{font-size:18px;color:#236EB6;text-decoration:none}
.login-link2:hover, 
.login-link2:active, 
.login-link2:focus{color:#dd4b39;text-decoration:underline}
.login-link3{font-family:'Raleway',sans-serif;font-size:11px;color:#7F7F7F;font-weight:400;text-decoration:none}
.login-link3:hover, 
.login-link3:active, 
.login-link3:focus{color:#DD4B39;text-decoration:underline}
#login-animate1{position:static}
.login-starttitle1{font-family:'Raleway',sans-serif;font-size:24px;font-weight:400;color:#7F7F7F;background:#fff;width:400px;padding-left:15px}
.login-startcontent1{font-size:18px;color:#7F7F7F;background:#fff;width:400px;padding-left:40px;padding-right:10px}
.login-animateRefresh{font-size:24px;color:#5CB85C}
.login-animate-color{color:#5CB85C}
.logoff-icon1{font-size:24px;color:#D9534F}
.logoff-content1{font-size:16px;color:#7F7F7F;background:#fff;padding-left:28px}
.logoff-link1{font-size:16px;color:#236EB6;font-weight:400;text-decoration:none}
.logoff-link1:hover, 
.logoff-link1:active, 
.logoff-link1:focus{color:#FF0000;text-decoration:underline}
.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:#5CB85C;margin-right:2px}
.login-info-testuser{color:#008ECC}
.login-info-testpw{color:#33B5E5}

/** LOGIN RESPONSIV DESIGN **/
@media screen and (max-width:500px){
#login-pos1{width:100%;margin-left:-50%}
.login-box1{border-radius:0px}.login-placeholder-mobil{height:60px}
.login-title1{font-size:18px}
.login-starttitle1{font-size:18px}
.login-startcontent1{font-size:14px;width:90%}
}

/********* MANAGE *********/
input[type="text"].formfield3{color:#222D32;width:250px;box-sizing:border-box;opacity:.6}
.formfield3{padding:6px;height:30px;font-size:14px;border:1px solid #ccc;border-radius:4px}
input[type="text"].formfield3:hover{color:#D9534F;opacity:1} 
input[type="text"].formfield3:active, 
input[type="text"].formfield3:focus{border-radius:0;transition:.4s;width:75%;opacity:1}

.condWarn{margin-bottom:10px;padding:8px 5px;border:1px solid #CA0B0D;text-align:center}
.condWarn2{display:inline-block;margin:5px auto;padding:5px;border:1px solid #CA0B0D}
.condTitle{padding:5px 0;border:1px solid #D2D6DE;background:#f4f4f4;text-align:center}
.condRes0{margin:2px 0;padding:5px;border:1px solid #D2D6DE}
.condRes1{position:absolute;}
.condRes2{padding-left:30px;text-align:center}
.condNo{margin:1px;padding:3px 5px;font-size:11px;border-width:1px;border-style:solid;border-color:#fff #fff #AFBCE3 #AFBCE3;color:#071C59}
.imgbigfalse{padding:5px;border:3px solid #CA0B0D !important}
.imgabsolute{max-width:100%;max-height:400px}

.cond-ph1{margin-top:-1px}
.cond-ph2a{display:inline-block}
.cond-ph2b{display:none}
.condNew{position:absolute;padding:0 5px}
.cond-btn{padding:4px 8px;width:inherit}
.cond-btn-ab{margin-right:10px}

#condT table, #condT tr, #condT td, 
#condB table, #condB tr, #condB td{border:0}

.coundlist1{border:1px solid #D2D6DE;background:#f4f4f4}
.coundlist2{border:1px solid #D2D6DE;background:#eee}

.cond1{float:left;padding:0 5px;margin-right:5px;height:27px;background:#f4f4f4;border:1px solid #D2D6DE;color:#222D32;font-size:14px}
.cond2y{display:none}
.cond2{float:left;padding:0 5px;width:245px;height:27px;background:#f4f4f4;border:1px solid #D2D6DE;color:#222D32;font-size:14px}
.cond3{float:right;padding:0 5px;margin-left:5px;padding-right:0;margin-right:-1px}
.cond3a{margin-top:1px}

@media screen and (max-width:991px){
.cond-ph1{margin-top:-6px}
.cond2x{clear:both}
.cond2y{display:block}
.cond2z{display:none}
.cond2{clear:both;margin:5px 0}
.cond3{margin-right:-1px;padding-right:0}
}
@media screen and (max-width:599px){
.cond2{clear:both;margin:-1px 0}
.cond3{margin-right:-1px}
.cond-btn-ab{margin-right:0}
.cond-btn-ab::after{content: "\A";white-space:pre}
.cond-buttons{text-align:center}
}
@media screen and (max-width:419px){
input[type="text"].formfield3{width:210px}
.cond-btn{width:208px}
.cond-ph1{margin-top:5px}
.cond-ph2a{display:none}
.cond-ph2b{display:block}
.cond2x{clear:both}
.cond2y{display:none}
.cond2z{display:block}
.cond2{clear:both;margin:5px 0}
.cond3{float:left;clear:both;margin-left:-1px;padding-left:0px}
}

.cond-icon1{min-width:30px;padding:0 3px;border-bottom:1px solid transparent}
.cond-icon1:hover{border-bottom:1px solid #DD4B39}
a.condsitenav1a{display:inline-block;margin:0 1px;padding:5px;width:26px;height:26px;border:1px solid #D2D6DE;color:#222D32;font-family:arial;font-size:10px;text-align:center;font-weight:normal;text-decoration:none}
a.condsitenav1a:hover{border:1px solid #222D32;background:#D2D6DE;color:#222D32} 
a.condsitenav1a:active{border:1px solid #DD4B39;background:#D2D6DE;color:#222D32}
.condsitenav1b{display:inline-block;margin:0 1px;padding:5px;width:26px;height:26px;border:1px solid #D2D6DE;background:#f4f4f4;color:#222D32;font-family:arial;font-size:10px;font-weight:600;text-align:center;text-decoration:none}
.condsitenav2a{border-bottom:1px solid #222D32}
.condsitenav2b{border-bottom:1px solid #222D32}

.uploadfield{padding:0 2px;font-size:14px;border:1px solid #ccc;border-radius:4px;width:100%}

/********* FORM *********/
.butt-fa{width:50px;height:40px;border:0;background:transparent}

.form-controlX{padding:6px 12px;height:34px;border:1px solid #ccc;border-radius:0px;width:100%}
.form-container{width:100%;margin:0;position:relative}

input[type="text"]{color:#222D32;width:100%;box-sizing:border-box}
.formfield1{padding:6px;height:30px;font-size:14px;border:1px solid #ccc;border-radius:4px;width:100%}
.formfield1:focus{background:#f4f4f4;color:#222D32;border-radius:0;transition:0.4s}
input[type="text"].formfield1:focus{color:#D9534F}

input[type="text"].formfield2{color:#222D32;width:200px;box-sizing:border-box;opacity:.4}
.formfield2{padding:6px;height:30px;font-size:14px;border:1px solid #ccc;border-radius:4px;width:100%}
.formfield2:focus{background:#f4f4f4;color:#222D32;border-radius:0;transition:0.4s}
input[type="text"].formfield2:focus{width:100%;color:#D9534F;transition:1.4s;opacity:1}

input[type="text"].fd50{width:50px}
input[type="text"].fd75{width:75px;text-align:center;font-weight:600}
input[type="text"].fd100{width:100px;text-align:center;font-weight:600}
input[type="text"].fd200{width:200px}

input[type="text"]::placeholder{color:#999;opacity:.5}
input[type="password"]::placeholder{color:#999;opacity:.5}

.formfieldD{padding:6px;min-width:200px;height:32px;font-size:14px;border:1px solid #ccc;border-radius:4px}
.formfieldD:focus{background:#f4f4f4;color:#222D32;border-radius:0;transition:0.4s}
select.formfieldD:focus{background:inherit;color:#D9534F}

/*
.formfieldC{padding:6px;width:80px;height:32px;font-size:14px;border:1px solid #ccc;border-radius:4px}
.formfieldC:focus{background:#f4f4f4;color:#222D32;border-radius:0;transition:0.4s}
select.formfieldC:focus{background:inherit;color:#D9534F}
*/

.effect-1 ~ .focus-border{position:absolute;bottom:0;left:50%;width:0;height:2px;background:#D9534F;transition:0.4s}
.effect-1:focus ~ .focus-border{width:100%;transition:.8s;left:0}
.effect-1:focus ~ .focus-border2{width:94%;transition:.8s;left:0}
.effect-2 ~ .focus-border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#D9534F;transition:1.4s}
.effect-2:focus ~ .focus-border{width:100%;transition:1.4s}

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

.formtitle{font-size:16px;padding-right:5px;font-weight:600}
.formtitle1{font-size:16px;font-weight:600}
.formtitle2{font-size:14px;margin-top:5px;padding-right:5px}
.formtitle3{font-size:14px;margin-top:5px;padding-right:5px;text-align:right}
@media screen and (max-width:599px){.formtitle3{text-align:left}}

.formsubX{}
.formsub{font-size:12px}
@media screen and (max-width:599px){.formsub::before, .formsub::after{content:"\A";white-space:pre}}

.form-btn1{background-color:#5CB85C;color:#fff}
.form-btn1:hover{background:#F0AD4E;color:#fff;transition:0.4s}
.form-btn1:focus, .form-btn1:active{background:#F0AD4E;color:#222D32;box-shadow:inherit}

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

.form-btn3{background:#5CB85C;color:#fff}
.form-btn3:hover{background:#CA0B0D;color:#fff}
.form-btn3:focus, .form-btn3:active{background:#F0AD4E;color:#fff}

.form-btnX, .form-btnX:hover{background:#5CB85C;color:#fff}
.form-btnX, .form-btnX:hover, .form-btnX:focus, .form-btnX:active{background:#F0AD4E;color:#fff;box-shadow:inherit}

.btn, .btn:hover, .btn:focus, .btn:active{box-shadow:inherit}
.btn2{padding:6px 4px}

.formcheck1{position:fixed;z-index:99999;top:3px;
margin-left:-190px !important;left:0px;
font-size:16px;width:60%;text-align:right;
opacity:0;
animation-name:blendout1x;
animation-duration:10s;
animation-play-state:running}
@keyframes blendout1x{
0%{transform:translate(100%)}
50%{transform:translate(0%)}
80%{opacity:1}
100%{opacity:0}
}
@media screen and (max-width:1024px){.formcheck1{display:none}}

.saveE2{position:fixed;top:126px;right:-5px;}
@media screen and (max-width:991px){.saveE2{top:173px}}
@media screen and (max-width:599px){.saveE2{top:57px}}

.saveE3{position:fixed;top:11px;right:240px;}
@media screen and (max-width:767px){.saveE3{top:11px;right:11px}}

.dd-empty{color:#fff;background:#FF9800}
.dd-empty2{color:#fff;background:#592321}

/********* NAVIGATION, DASHBOARD *********/
@media screen and (max-width:419px){
.dashbreak1{display:block}
.dashbreak2{display:block}
}

/******** EDITABLE ********/
.editable-click,a.editable-click,a.editable-click:hover{text-decoration:none;border-bottom:0px dashed #08C}
.editableform .form-control{width:96px}
@media screen and (max-width:599px){.editableform .form-control{width:97px}}

.form-control:focus{border-color:#5CB85C;outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(92,184,92,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(92,184,92,.6);
}

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

/********* EDITOR *********/
.editor-btn1{float:right;padding-top:17px;margin-right:-10px;margin-bottom:10px}
.editor-btn2{float:left;padding-top:17px;margin-left:-10px;margin-bottom:10px}
@media screen and (max-width:599px){
.editor-btn1, .editor-btn2{margin-left:0;margin-right:0;margin-bottom:10px}
}
@media screen and (max-width:419px){
.editor-btn1{float:inherit;text-align:center}
.editor-btn2{float:inherit;text-align:center;margin-left:8px}
}

.texteditor{font-family:arial;width:99%;height:100%;min-height:500px;font-size:14px;margin-left:3px;color:#222D32;background:#f4f4f4;border:1px solid #ccc}
@media screen and (max-width:991px){
.texteditor:active, .texteditor:focus{min-height:350px}
}
.texteditor3{font-family:arial;width:99%;height:100%;min-height:300px;font-size:14px;margin-left:3px;color:#222D32;background:#f4f4f4;border:1px solid #ccc}
@media screen and (max-width:991px){
.texteditor3:active, .texteditor3:focus{min-height:350px}
}
.texteditor-inner{font-family:arial;width:100%;height:100%;min-height:100px;font-size:14px;color:#222D32;background:#f4f4f4;border:1px solid #ccc;border-radius:4px}
.texteditor-inner:focus{color:#D9534F;border-radius:0;transition:0.4s}

/********* DOKUMENTATION *********/
.dokutrtrans{background-color:#fff !important;}
.manual-img15{margin-left:5px;padding-right:15px}
.manual-img22{margin-left:5px;padding-right:22px}

/********* CONSTRUCTION *********/
.constX{position:fixed;z-index:1021;top:-6px;left:198px;color:#fff;font-size:12px}
.modal-dialogC{width:650px;margin:0px auto}
@media screen and (max-width:767px){.constX{left:135px}.modal-dialogC{width:96%}}
@media screen and (max-width:479px){.constX{display:none}}
.constructinfo{position:absolute;z-index:1030;top:40px;right:0px;border:1px solid #f4f4f4;border-right:0;box-shadow:0 0 15px 1px #a2a2a2;padding:2px 5px;background:#CA0B0D;color:#f4f4f4;font-size:12px}
.constructinfo{display:none}

.archor1{position:relative;top:-30px}
@media screen and (max-width:599px){.archor1{position:relative;top:inherit;padding-top:30px;}}

/********* TOOLS *********/
.fwb{font-weight:bold}
.fwn{font-weight:normal}
.fw400{font-weight:400}
.fw600{font-weight:600}
.fsi{font-style:italic}
.tdn{text-decoration:none}
.tdu{text-decoration:underline}
.txtL{text-align:left}
.txtC{text-align:center}
.txtR{text-align:right}
.txtV{text-align:right}
@media screen and (max-width:599px){.txtV{text-align:left}}
.txtVT{vertical-align:top !important}
.txtVM{vertical-align:middle !important}
.txtVB{vertical-align:bottom !important}
.ftL{float:left}
.ftR{float:right}
.center{text-align:inherit}
.pointer{cursor:pointer}
.ttL{text-transform:lowercase}
.ttU{text-transform:uppercase}
.ttC{text-transform:capitalize}
.wba{hyphens:auto}
.wdb{word-wrap:break-word}
.wbr::before{content:"|";margin:0 5px}
@media screen and (max-width:419px){
.wbr::before{content:""}
.wbr::after{content:"\a";white-space:pre}
}

.wbx::before{content:"|";margin:0 5px}
.wbn::before{content:"";margin:0}
@media screen and (max-width:599px){
.wbx::before{content:""}
.wbx::after{content:"\a";white-space:pre}
}

@media screen and (max-width:991px){
.wbb::after{content:"\a \a";white-space:pre}
}

.opa6{opacity:.6}
.opa7{opacity:.7}

.borderLR{border-left:1px solid #ccc;border-right:1px solid #ccc}
.borderL{border-left:1px solid #ccc}
.borderR{border-right:1px solid #ccc}
@media screen and (max-width:599px){
.borderLR, .borderL, .borderR{border:0}
}

.atab30{tab-size:30;-moz-tab-size:30;-ms-tab-size:30}

@media screen and (max-width:599px){.tbX{border:0}}

legend{margin:0;border:0;padding:0 10px;color:#888;width:inherit;font-size:14px}
fieldset{padding:10px;border:1px solid #888}
.fieldset{border-bottom:0;border-left:0;border-right:0;padding:0 10px;border-color:#008ECC}
.legend{color:#008ECC}

/********* WIDTH *********/
.wd5p{width:5%;border:0}
.wd10p{width:10%;border:0}
.wd25p{width:25%;border:0}
.wd40p{width:40%;border:0}
@media screen and (max-width:599px){
.wd5p, .wd10p, .wd25p, .wd40p{width:inherit}
}

.wd20{width:20px}
.wd25{width:25px}
.wd50{width:50px}
.wd50i{width:50px !important}
.wd75{width:75px}
.wd200{width:200px}
.wd75x{width:75%}
.wd100x{width:100%}

.wd125m{min-width:125px}
.wd225m{min-width:225px}

.wd50s{width:50px;border:0}
.wd75s{width:75px;border:0}
.wd100s{width:100px;border:0}
.wd125s{width:125px;border:0}
.wd150s{width:150px;border:0}
.wd175s{width:175px;border:0}
.wd200s{width:200px;border:0}
@media screen and (max-width:599px){
.wd100s, .wd125s, .wd150s, .wd175s, .wd200s{width:inherit}
}

.wd25p{width:25%}
@media screen and (max-width:599px){
.wd25p{width:inherit}
}

/********* PADDING *********/
.padd5{padding:5px}
.padd10{padding:10px}
.padd10t{padding:20px 10px 0 10px}
.padd20{padding:20px}

.padd-t2{padding-top:2px}
.padd-t3{padding-top:3px}
.padd-t10{padding-top:10px}
.padd-t10i{padding-top:10px !important}
.padd-t20{padding-top:20px}

.padd-lr5{padding-left:5px;padding-right:5px}
.padd-lr10{padding-left:10px;padding-right:10px}
.padd-lr15{padding-left:15px;padding-right:15px}
.padd-lr20{padding-left:20px;padding-right:20px}
.padd-lr50{padding-left:50px;padding-right:50px}

.padd-left3{padding-left:3px}
.padd-left5{padding-left:5px}
.padd-left10{padding-left:10px}
.padd-left15{padding-left:15px}
.padd-left20{padding-left:20px}
.padd-left25{padding-left:25px}
.padd-left30{padding-left:30px}
.padd-left40{padding-left:40px}
.padd-left50{padding-left:50px}

.padd-right5{padding-right:5px}
.padd-right10{padding-right:10px}
.padd-right15{padding-right:15px}
.padd-right20{padding-right:20px}
.padd-right25{padding-right:25px}
.padd-right50{padding-right:50px}

.padd-b0{padding-bottom:0px}
.padd-b10{padding-bottom:10px}


/********* MARGIN *********/
.margin-t3-{margin-top:-3px}
.margin-t10-{margin-top:-10px}
.margin-b10-{margin-bottom:-10px}

.margin-t10{margin-top:10px}

.margin-l10{margin-left:10px}
.margin-rt5{margin-right:5px;margin-top:5px}
.margin-lr10{margin-left:10px;margin-right:10px}
.margin-b15{margin-bottom:15px !important}
.margin-b20{margin-bottom:20px !important}
.margin-b30{margin-bottom:30px !important}
.margin-r10{margin-right:10px}

/********* PLACEHOLDER *********/
.phX{height:3px}
.ph1-{margin-top:-1px}
.ph1{height:1px}
.ph5{height:5px}
.ph10{height:10px}
.ph15{height:15px}
.ph20{height:20px}
.ph25{height:25px}
.ph30{height:30px}
.ph32{height:32px}
.ph35{height:35px}
.ph40{height:40px}
.ph45{height:45px}
.ph50{height:50px}
.ph55{height:55px}
.ph60{height:60px}
.ph65{height:65px}
.ph70{height:70px}
.ph75{height:75px}
.ph100{height:100px}
.ph125{height:125px}
.ph150{height:150px}
.ph175{height:175px}
.ph200{height:200px}
.ph220{height:220px}
.ph400{height:400px}

.loaderX{height:150px}
@media screen and (max-width:991px){.loaderX{height:50px}}

/********* BOX *********/
.box100x{height:99.8%}
.box30{height:30px}
.box300{min-height:300px}
.box525{min-height:525px}
.box690{min-height:690px;padding-top:15px}
.box720{min-height:720px}

/********* FONTS *********/
.font10{font-size:10px !important}
.font11{font-size:11px !important}
.font12{font-size:12px !important}
.font13{font-size:13px !important}
.font14{font-size:14px !important}
.font15{font-size:15px !important}
.font16{font-size:16px !important}
.font18{font-size:18px !important}
.font20{font-size:20px !important}
.font22{font-size:22px !important}
.font24{font-size:24px !important}
.font28{font-size:28px !important}
.font32{font-size:32px !important}

/********* TEXT-COLORS *********/
.txt-color{color:#97A0B3}
.txt-white{color:#FFF}
.txt-black{color:#000}
.txt-black1{color:#212121}
.txt-black2{color:#2E2E2E}
.txt-black3{color:#29363D}
.txt-black4{color:#222D32}
.txt-grey1{color:#4B515D}
.txt-grey2{color:#3E4551}
.txt-grey3{color:#aaa}
.txt-grey4{color:#999}
.txt-red{color:#FF0000}
.txt-red1{color:#CA0B0D} /* resF */
.txt-red2{color:#DD4B39}
.txt-red4{color:#FF4444}
.txt-red5{color:#CC0000}
.txt-yellow{color:#FFEB3B}
.txt-yellow2{color:#F39C12}
.txt-yellow4{color:#FFBB33}
.txt-yellow5{color:#FF8800}
.txt-green{color:#00A65A}
.txt-green2{color:#7BB926}
.txt-green3{color:#3E5E13}
.txt-green4{color:#99CC00}
.txt-green5{color:#669900}
.txt-green6{color:#049B04} /* resT */
.txt-blue{color:#3C8DBC}
.txt-blue2{color:#008ECC}
.txt-blue4{color:#33B5E5}
.txt-blue5{color:#0099CC}
.txt-orange{color:#FF9800}
.txt-orange2{color:#E78A00} /* resI */
.txt-orange3{color:#f39c12}

/********* BACKGROUND-COLORS *********/
.bg-trans{background:transparent}
.bg-white{background:#FFF}
.bg-black{background:#000}
.bg-black1{background:#212121}
.bg-black2{background:#2E2E2E}
.bg-black3{background:#29363D}
.bg-black4{background:#222D32}
.bg-black5{background:#181F23}
.bg-grey1{background:#4B515D}
.bg-grey2{background:#3E4551}
.bg-red{background:#FF0000}
.bg-red1{background:#CA0B0D}
.bg-red2{background:#DD4B39} /* bagdeF */
.bg-red4{background:#FF4444}
.bg-red5{background:#CC0000}
.bg-yellow{background:#FFEB3B}
.bg-yellow2{background:#F39C12}
.bg-yellow4{background:#FFBB33}
.bg-yellow5{background:#FF8800}
.bg-green{background:#00A65A}
.bg-green2{background:#7BB926} /* bagdeT */
.bg-green4{background:#99CC00}
.bg-green5{background:#669900}
.bg-green6{background:#049B04} /* resT */
.bg-green7{background:#C6E996}
.bg-blue{background:#3C8DBC}
.bg-blue2{background:#008ECC}
.bg-blue4{background:#33B5E5}
.bg-blue5{background:#0099CC}
.bg-orange{background:#FF9800}
.bg-orange2{background:#E78A00}