/*==============================================
    GENERAL  STYLES    
 =============================================*/

@-ms-viewport{width:auto!important}

h1 { font-size: 30px; font-weight: 700; margin: 0 0 20px; padding: 0; color: white; }
h2 { font-size: 14px; line-height: 1.5; color: #BCDE01; }
h3 { font-size: 14px; line-height: 1.5; color: white; margin: 0; }

.mtext { font-size: 30px; margin-top: 20px; margin-bottom: 10px; font-family: inherit; line-height: 1.1; color: #660000; font-weight: bold; }
.ztext { color: #BCDE01; }
.desctxt { font-size: 14px; margin-top: 10px; margin-bottom: 10px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }

h4 .buttodpo { border-radius: 5px; background: #e9e6ce; text-decoration: none; padding: 0px 7px; margin-left: 50px; }
h4 .buttodpo:hover { background: #cac7b3; }
.dho { margin-top:50px; }
.dhodel { float:right; }
.phpad { padding:0 15px; }
.btncl { background-color: #EAEAEA; font-weight: bold; border: 1px solid #555555; }
.btncl:hover { background-color: #BCDE01; border: 2px solid #555555; }
.frmctrl { width: 120px; text-align: center; }
.frmtxtare { resize: vertical; }
.imgcptch { float:left; padding-right:20px; border:0; }
.msgalert { margin-bottom: 0; }
.panel-infom { border-color: #EFEC8C; }
.panel-infom .panel-heading { color: #31708f; background-color: #EDEBAD; border-color: #EFEC8C; }
.text_del:hover { background: #FFA3A3; font-weight: bold; }
.spusr { color: #6B8BCA; font-weight: bold; }
.deactiv { color: #bfbfbf; }
.imgearth { float: left;margin-top: 15px;margin-left: 15px; margin-right: 15px; border: 10px solid black;}
.photodir { width: 160px; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

div.menu_ob {
    background-color: rgb(255, 237, 206);
    width: 100%;
    margin: 0;
    padding: 0;
}

div.menu_me {
    background-color: #0a1425;
    color: #BCDE01;
    width: 100%;
    margin: 0;
    padding: 0px 15px;
}

.centsmall {font-size : 75%; text-align: center; line-height:normal; color: #9c9893; padding: 15px 0;}
.centsmall a { font-size: 95%; }
.leftsmall {font-size : 75%; text-align: left; line-height:normal; color: #9c9893; padding: 15px 20px;}

.cent { text-align: center; line-height:normal; }
.okrajdiv { margin: 0 0 0 45px; color: white; } 

.neo { background: rgba(243, 243, 243, 0.6); color: black; font-weight: bold; margin: 10px 10px 0 10px; padding: 5px 20px 5px 20px; float: right; font-size: 16px; }
.neol {float: left; padding: 12px 3px 7px 15px; }
.alang {margin: 6px 10px; }
.inpocas { width: 190px; margin: auto; text-align: center; }
.imgthum { width:100%; }

.tabsto{width:100%;max-width:100%;margin-bottom:20px;}

.footer {
bottom: 0;
width:100%;
text-align: center;
background: rgb(102, 0, 0);
color: rgb(255, 255, 255);
padding-top: 5px;
margin-bottom:15px;
}
.footer p{ margin:0;padding:5px 10px;}
.footer a{ text-decoration: none; color: white;}

.panel-back-f { background: rgb(102, 0, 0); color: rgb(255, 255, 255); margin-bottom: 0px; }
.row-f {     margin-right: 0; margin-left: 0; }
.ts-12 { font-size:12px; }

.counter { width: 88px; height: 60px; border: 0px; }

hr.style1 { border-top: 1px dotted #8c8b8b; margin: 5px 0 10px 0; }
hr.style2 { border-top: 1px dotted #BCDE01; }
hr { margin-top: 10px; margin-bottom: 5px; }

.contrib2 {padding: 5px 0 5px 0;color: #0D417A;font-size: small;}
.contrib2 .avatar {font-size:12px;right:0;text-align:center}
.contrib2 .p_text {margin-left: 60px;}
.contrib2pad {padding-left: 50px;}

.contrib2news {padding: 5px 0 5px 0;color: #0D417A;font-size: small;width: auto;}
.contrib2news .avatar {font-size:12px;right:0;text-align:center}
.contrib2news .p_text {margin-left: 80px;}

.avflw {float: left; width: 60px;}
.newsimgm {margin:0 auto;}

.plh { line-height:20px; }

.thumbnail { background: #F2F2F2; }
.thumbnail:hover { background: #B7B7B7; font-weight: bold; }
.thumbnail .caption { padding: 5px 0 0 10px; margin: 0; }

.col-centered{ float: none; margin: 0 auto; }

.caption p { padding: 0; margin: 0; }
.table-condensed { font-size: 14px; }

body {
  font-family: 'Open Sans', sans-serif;
  background: #F3F3F3;
}

#page {
/*      min-height:1200px; */    
}

#wrapper {
  width: 100%;
  background: #0a1425;
}

#page-wrapper {
    padding: 15px 15px;
    min-height: 1300px;
    background:#F3F3F3;
}
#page-inner { 
    width:100%;
    margin:10px 20px 10px 0px;
    background-color:#fff!important;
    padding: 10px;
/*    min-height:1200px; */
}

.text-center {
    text-align:center;
}
.no-boder {
    border:1px solid #f3f3f3;
}
.square-btn-adjust {
    border: 0px solid transparent; 
    border-radius: 0px;
}
p {
    font-size:16px;
    line-height:25px;
    padding-top:20px;
}
/*==============================================   DASHBOARD STYLES   =============================================*/
.panel-back {
    background-color:#F8F8F8;

}
   .noti-box {
min-height: 100px;
padding: 20px;
}

    .noti-box .icon-box {
display: block;
float: left;
margin: 0 15px 10px 0;
width: 70px;
height: 70px;
line-height: 75px;
vertical-align: middle;
text-align: center;
font-size: 40px;
}
.text-box p{
    margin: 0 0 3px;
}
.main-text {
    font-size: 25px;
    font-weight:600;
}
.set-icon {
border-radius: 50px;

}
    .bg-color-green {
background-color: #00CE6F;
color: #fff;
}
 .bg-color-blue {
background-color: #A95DF0;
color: #fff;
}
  .bg-color-red {
background-color: #DB0630;
color: #fff;
}
  .bg-color-brown {
background-color: #B94A00;
color: #fff;
}


 .icon-box-right {
display: block;
float: right;
margin: 0 15px 10px 0;
width: 70px;
height: 70px;
line-height: 75px;
vertical-align: middle;
text-align: center;
font-size: 40px;
}

 .main-temp-back {
background: #8702A8;
color: #FFFFFF;
font-size: 16px;
font-weight: 300;
text-align: center;
}
 .main-temp-back .text-temp {
font-size: 40px;
}
.back-dash {
    padding:20px;
    font-size:20px;
    font-weight:500;
border-radius: 0px;
background-color:#2EA7EB;
color:#fff;
}
    .back-dash p {
        padding-top:16px;
        font-size:13px;
        color:#fff;
        line-height:25px;
        text-align:justify;
    }
    .back-footer-green {
    background-color: #009B50;
    border-top: 0px solid #fff;
}
     .back-footer-red {
    background-color: #AF0000;
    border-top: 0px solid #fff;
}
     .color-bottom-txt {
   color: #000;
font-size: 16px;
line-height: 30px;
}
     /*CHAT PANEL*/
 .chat-panel .panel-body {
padding-top: 15px;
height: 450px;
overflow-y: scroll;
}
 .chat-box {
margin: 0;
padding: 0;
list-style: none;
}
 .chat-box li {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dotted #808080;
}
 .chat-box li.left .chat-body {
margin-left: 90px;
}
 .chat-box li.active {
color: black;
}
 .chat-box li.deactive {
color: #bfbfbf;
}
 .chat-body {
padding-top: 16px;
}
 .chat-box li .chat-body p {
margin: 0;
/* color: #8d8888; */
/* color: black; */
}
.chat-img>img {
    margin-left:20px;
}

/*==============================================   MENU STYLES   =============================================*/
.user-image {
    margin: 25px auto;
border-radius: 10px;
max-height:170px;
max-width:170px;
}

.navbar-cls-top .navbar-brand {
	color: #fff;
background: #660000;
/*  background-image: url(../../wood098.jpg); */
width: 260px;
text-align: center;
height: 60px;
font-size: 30px;
font-weight: 700;
}
.active-menu {
    background-color:#660000!important;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 55px;
}
#sidebar-collapse , #sidebar-collapse .nav{
	background:none;
  background-color: #0a1425;
  padding: 0;
}
#sidebar-collapse .nav {
	padding:0;
}
#sidebar-collapse .nav > li > a {
	color:#fff;
	background:#202020;
	text-shadow:none;
	
}
#sidebar-collapse > .nav > li > a {
	padding:5px 30px;
}
#sidebar-collapse > .nav > li {
	border-bottom: 1px solid rgba(107, 108, 109, 0.19);
}
#sidebar-collapse .nav > li > a:hover,
#sidebar-collapse .nav > li > a:focus {
	
	background:#0A0A0A;
	outline:0;
}

.nav-second-level > li > a:before ,
.nav-third-level > li > a:before {
	content:"";
	display:block;
	position:absolute;
	left:20px;
	width:15px;
	height:1px;
	background:#ff0000;
	top:20px;
}
.nav-second-level > li > a:after,
.nav-third-level > li > a:after {
	content:"";
	display:block;
	position:absolute;
	left:20px;
	width:1px;
	height:100%;
	background:#ff0000;
	top:0px;
	z-index:10;
}
.nav-second-level  > li:last-child > a:after,
.nav-third-level  > li:last-child > a:after {
	height:50%;
}
.nav-third-level > li > a:after,
.nav-third-level > li > a:before  {
	left:40px;
}
.navbar-side {
	border:none;
	background-color: #202020;
	
}
.navbar-cls-top {
	background:#660000;
  background-image: url(../img/woodk.jpg);
	border-bottom:none;
	
}
.navbar-cls-top .navbar-brand:hover {
background: #660000;
color:#fff;

}

.navbar-default {
margin-bottom: 0;
border:0px solid black;     
}
.navbar-header {
    background: #660000;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #B40101;
}
.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #FFF;
}
.nav > li > a > i {
    margin-right:10px;
}
/*==============================================   UI ELEMENTS STYLES   =============================================*/
.btn-circle {
width: 50px;
height: 50px;
padding: 6px 0;
border-radius: 25px;
text-align: center;
font-size: 12px;
line-height: 1.428571429;
}

/*==============================================   MEDIA QUERIES   =============================================*/
 
 @media(min-width:768px) {
     #page-wrapper{
        margin: 0 0 0 260px;
        padding: 15px 30px;
/*        min-height: 1200px; */
		
    }
	      
    .navbar-side {
        z-index: 1;     
/*       float:left; */
/*       position: relative; */
        position: absolute;
        width: 260px;
    }

   .navbar {
 border-radius: 0px; 
}
   
}

/*==============================================   Back to top STYLES   =============================================*/
#back2Top {
    background-image: url(../img/top.png);
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
/*    -moz-transform: rotate(270deg); */
/*    -webkit-transform: rotate(270deg); */
/*    -o-transform: rotate(270deg); */
/*    -ms-transform: rotate(270deg); */
/*    transform: rotate(270deg); */
    position: fixed;
    bottom: 50px;
    right: 0;
/*    background-color: #DDD; */
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-image: url(../img/toph.png);
/*    background-color: #BCDE01; */
    color: #000;
}

/*==============================================   Table STYLES   =============================================*/
div.dataTables_info { padding-top: 8px;}
div.dataTables_paginate { float: right; margin: 0; }
div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; }

/*==============================================   Calendar STYLES   =============================================*/
  .cal-txtcenmarg {text-align:center;margin:15px;}
  .cal-monthtab {margin: 5px;float: left;height:230px;}
  .calendar {width:280px;background:#fdfdfd;font:14px arial; color:#644; border:1px solid #dcdcdc; border-collapse:collapse;}
  .cal-td {width:12.5%;text-align:right;padding:4px!important; border:1px solid #dcdcdc;}
  .cal-month-heading {text-align:center; height:30px; line-height:28px; background:#b53934; color: #fff;}
  .cal-big {font-size:120%;}
  .cal-week-heading {font-size:11px; height:20px; line-height:20px; background:#e6e7ec; text-align:center;}
  .cal-th {font-size:11px; height:20px; line-height:20px; background:#e6e7ec; text-align:center;}
  .cal-th2 {text-align:center;}
  .cal-other-month {color: #dcdcdc;}
  .cal-weekend-day {background:#F7F7F7;}
  .cal-today {background:#a6daf0;font-weight:bold;}
  .cal-event {border-bottom: 3px solid coral;}
  .cal-event2 {border-bottom: 6px double #CE6742;}
  .cal-event-t1 {border-bottom: 3px solid blue;}
  .cal-event-t2 {border-bottom: 3px solid coral;}
  .cal-event-t3 {border-bottom: 3px solid red;}
  .cal-event-t4 {border-bottom: 3px solid green;}
  .cal-event-t5 {border-bottom: 3px solid yellow;}  
  .cal-week {font-size:11px; height:20px; line-height:20px; background:#E0EFDE; text-align:center;}
  .cal-prev {color:white;text-decoration: none;}
  .cal-prev:hover {color:#FFED93;font-size:130%;text-decoration: none;}
  .cal-next {color:white;text-decoration: none;}
  .cal-next:hover {color:#FFED93;font-size:130%;text-decoration: none;}  
  .cal-tooltip {position: relative;}
  .cal-tooltip .cal-tooltiptext {visibility: hidden; font-size:90%; width: 120px; background-color: #3838FF; color: #fff; text-align: left; border-radius: 6px; padding: 7px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}
  .cal-tooltip .cal-tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
  .cal-tooltip:hover {cursor: pointer;}
  .cal-tooltip:hover .cal-tooltiptext {visibility: visible; opacity: 1; cursor: pointer;}