*{box-sizing: border-box;}
html, body, div, span, figure, h1, h2, h3, h4, p, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, details, figure, figcaption, footer, header, hgroup, nav, section, img{margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
.clearfix:after{display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.clearfix { display: inline-block; } 
.clearfix { display: block; }
.none { display: none; }

ol, ul, dl {margin: 0; padding: 0;}

img {-ms-interpolation-mode: bicubic;}
a { text-decoration: none; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear;}
a:hover, a:active, a:focus { color: #86c301; outline: none;}
strong{color: #000; font-weight: bold;}
.left {float: left;}
.right {float: right;}
span.red{ color:#2e7fe6;}
img{display: block; border: solid #337de0 5px; max-width:100%; height:auto;}
/*-----------------------------------------------------------------------------------*/
/*  Document Setup
/*-----------------------------------------------------------------------------------*/

html, body{height: 100%; background: none;}
body{background: #f8f9f9; color: #282828; font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 1.6;;}

#site-container{position: absolute; top: 0; z-index: 1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; width: 100%; height: 100%;}
#site-columns{position: relative; width: auto; height: 100%;}
#site-left-column{position: absolute; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width: 100%; height: 100%; background: #FFF;}
#primary-content{min-height: 0!important; border:1px solid #f1f1f1;}
.support{position:fixed; right:40px; top:32px; background:#000; color:#fff; z-index:10; padding: 10px 15px; font-size: 14px; font-weight: 500; transition: all 0.2s;}
.support:hover{background:#337de0; color:#fff;}

#right-panel { padding:0; width:79.40%; right:0; float:right;}
#left-panel { left:0; width:20%; position:fixed; height:100%; float:left;}
#left-panel .panel-content {background: #282828;}
.collapsed #right-panel {padding-left:65px;}
.collapsed #left-panel {width: 65px;}
.panel{position:relative; top: 0; overflow: hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height: 100%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.panel-content{width: 100% !important;}
.panel-content.be-viewport{overflow-x: hidden; overflow-y: auto;}
.panel-content{position: relative; z-index: 1; overflow: hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height: 100%; background: #FFFFFF;}

#menu ul { list-style: none;}
#menu ul li { border-bottom:#484848 dashed 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor: pointer; display:block; -webkit-backface-visibility: hidden;}
#menu ul li a { display: block; padding:10px 20px 10px 20px; color:#A2ADB2; font-weight:600; font-size:14px; line-height:32px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
#menu ul li a:hover, #menu ul li .active { background:#1679bf; color:#fff;}
#menu ul li:last-child { border-bottom:none;}

.panel-container {display: none; border-bottom: 1px solid #D5D5D5;}
.fix-panel { top:0;}
.box-master { padding:0 20px 0; margin-top:0;}
.box-list-posts { position: relative;}
.box-post {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom: 20px; position: relative; overflow-y:auto; padding-top:30px;}
.copyright { width:100%; height:auto; background:#303030; font-size: 14px; padding: 25px 0; text-align:center; color:#fff; margin-top:40px;}

.box-post-content { margin: 0; position: relative; z-index: 1;}
.prof-user-badge{float: left; margin: 0 0 0 -68px; padding: 0; border-radius: 100%; border: 1px solid #D7D7D7;}
.box-post-header{text-align: center; padding: 0 20px;}
.box-post-header h3.c-name{color: #000; font-size: 30px; font-weight: bold;}
.box-post-header h4.credits{font-size: 14px; font-weight: 400; margin: 5px 0 0;}
.box-post-header h4.credits a{color: #414141;}
.box-post-header h4.credits a:hover{color: #337de0;}
.box-post-header span.c-details { color: #A5A5A5; font-size: 11px; font-weight: normal;}
.box-post-container {padding: 0px 20px 0 20px;}
.box-post-container h3.c-title{color: #000; font-size:22px; font-weight: bold; margin: 20px 0; padding-top: 40px; border-top: 1px solid #337de0;}
.box-post-container .c-text{}
.box-post-container .c-text ul{list-style: disc !important; margin-left: 20px;}
.box-post-container .c-text ul li { padding-left: 10px; margin-bottom: 10px;}
.box-post-container .c-text ul li ul { margin: 8px 0 0 16px;}
.box-post-container .c-text ul li a {font-weight: bold; color: #20a0dd;	}
.box-post-container .c-text ul li a:hover { color: #333; }
.box-post-container .c-text p { margin-bottom: 20px; }
.box-post-container .c-text p.last { margin-bottom: 0px;	}
.box-post-container .c-text p strong{color: #282828;}
.box-post-container .c-text a{font-weight: bold; color: #333; }
.box-post-container .c-text a:hover{font-weight: bold; color: #86c301;}
.listnone{list-style:none !important;}

.loader {position:fixed; right:0px; top:0px; width:78%; height:100%; z-index:9999; background:url(../img/Preloader_3.gif) no-repeat center #fff;}
.no-js #loader { display:none;  }
.js #loader { display: block; position:absolute; left:100px; top:0; }

.padleft{padding:0 0 0 10px;}