/*=============================================================
  Authour URI: www.binarycart.com
  License: Commons Attribution 3.0

  http://creativecommons.org/licenses/by/3.0/

  100% To use For Personal And Commercial Use.
  IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
 
========================================================  */

/*==============================================
  GENERAL  STYLES    
=============================================*/
body {
  font-family: 'Open Sans', sans-serif;
  background:#202020;
  padding-top: 60px;
}

#wrapper {
  width: 100%;
  background:#202020;
}

#page-wrapper {
  padding: 15px 15px;
  min-height: 600px;
  background:#F3F3F3;
}

#page-inner {
  width:100%;
  /*margin:15px 20px 15px 0px;*/
  /*border: 1px solid #000;*/
  margin-top: 5px;
  background-color:#fff!important;
  padding:15px 10px 10px 10px;
  min-height: 550px;
}

.text-center {
  text-align:center;
}
.no-boder {
  border:1px solid #f3f3f3;
}
h2 {
  color: #f00;
}
h4 {
  padding-top:10px;
}
.square-btn-adjust {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 0px solid transparent; 
}
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 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  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;
}

.main-date-back {
  background: #8702A8;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  position: relative;
}

.main-date-back .text-date {
  font-size: 30px;
  text-align: left;
  vertical-align: bottom;
  height: 71px;
  display: table-cell;
}

.back-dash {
  padding:20px;
  font-size:20px;
  font-weight:500;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  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 {
  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 .chat-body p {
  margin: 0;
  color: #8d8888;
}
.chat-img>img {
  margin-left:20px;
}

/*==============================================
  MENU STYLES    
=============================================*/


.user-image {
  /*margin: 25px auto;*/
  margin: 7px auto;
  /*max-height:170px;*/
  /*max-width:170px;*/
  max-height:150px;
  max-width:150px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

.navbar .user-profile {
  color: white;
  font-size: 16px;
  /*margin: auto 0;*/
  padding: 15px 0px 10px 30px;
}
.navbar .user-profile span {
  margin-right: 5px;
}

.navbar .user-heading {
  color: #fff;
}
.navbar .user-heading h3 {
  padding: 5px 30px 5px 15px;
  background: #d9534f;
  margin: 15px 5px 10px 0;
}
}
.navbar .user-heading .btn-group {
  background: #d9534f;
}
.navbar .user-heading .btn-group button {
  font-size: 24px !important;
  font-weight: 500px !important;
  line-height: 1.1 !important;
}
.navbar .user-heading .btn-group .btn{
  margin: 15px 0 10px 0 !important;;  
  padding: 5px 15px 5px 15px !important;
}
.navbar .user-heading .btn-group .dropdown-menu{
  font-size: 20px !important;
  left: 15px !important;
}
.navbar-cls-top .navbar-brand {
  color: #fff;
  /*background: #C90000;*/
  background: #b94a00;
  /*width: 260px;*/
  width: 200px;
  text-align: center;
  height: 60px;
  font-size: 30px;
  font-weight: 700;
}
.active-menu {
  /*background-color:#C90000!important;*/
  background-color:#b94a00!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;
}
.sidebar-collapse .nav {
	padding:0;
}
.sidebar-collapse .nav > li > a {
	color:#fff;
	background:#202020;
	text-shadow:none;	
}
.sidebar-collapse > .nav > li > a {
	/*padding:15px 10px;*/
}
.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:#4D4D4D;
	border-bottom:none;
	
}
.navbar-cls-top .navbar-brand:hover {

background: #C90000;
color:#fff;

}

.navbar-default {
border:0px solid black;
     
}
.navbar-header {
  /*background: #A70303;*/
  background: #b94a00;
}
.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;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  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;*/
    margin: 0 0 0 200px;
    /*padding: 15px 30px;*/
    padding: 15px;
    /*min-height: 1200px;*/
    min-height: 700px;
  }

  .navbar-side {
    z-index: 1;
    position: absolute;
    width: 260px;
  }

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

.nav-stacked > li {
  /*width: 260px;*/
  width: 200px;
}

.footer {
  bottom:0; 
  position:fixed;
  color:#fff; 
  /*border: 1px solid #fff;*/
  padding: 5px 5px 5px 10px;
  font-size: 12px;
}
.footer span {
  margin-right: 5px;
}

.second-nav{
  margin-top: 50px;
}
.second-nav .navbar-fixed-top{
  margin-top: 80px;
  margin-left: 290px;
}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;

  border-radius: 100%;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

.trecord{
  padding:0;
}