/*=============================================================
    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
    =============================================*/
html {
  background: #f3f3f3;
}

body::-webkit-scrollbar-track,
.anyscroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color  : #F5F5F5;
}

body::-webkit-scrollbar,
.anyscroll::-webkit-scrollbar {
  width           : 15px;
  background-color: #202020;
}

body::-webkit-scrollbar-thumb,
.anyscroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color  : #f0ad4e;
}

*::-webkit-scrollbar:hover,
body::-webkit-scrollbar:hover,
.anyscroll::-webkit-scrollbar:hover {
  width: 18px;

}



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

#page-wrapper {
  padding   : 15px 15px;
  min-height: 600px;
  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;
}

h2 {
  color: #5f5b5b;
}

h4 {
  padding-top: 10px;
}

.square-btn-adjust {
  border               : 0px solid transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius   : 0px;
  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 {
  -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;
}

.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;
  -webkit-border-radius: 10px;
  -moz-border-radius   : 10px;
  border-radius        : 10px;
  max-height           : 170px;
  max-width            : 170px;
}

.navbar-cls-top .navbar-brand {
  color      : #000;
  background : #fff;
  width      : 260px;
  text-align : center;
  height     : 80px;
  font-size  : 30px;
  font-weight: 700;
  padding    : 5px 0;
}
.navbar-cls-top .navbar-brand img{ 
  max-height: 70px !important;
}

.active-menu {
  background-color: #C90000 !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 : #762323;
  /*#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.active>a,
.sidebar-collapse .nav>li>a:hover,
.sidebar-collapse .nav>li>a:focus {
  background: #520c0c;
  outline   : 0;
}

.sidebar-collapse .nav>li.active .nav-second-level>li>a {
  background: #7c3333;
}

.sidebar-collapse .nav>li.active .nav-second-level>li>a:hover {
  background: #520c0c;
}

.nav-second-level>li>a:before,
.nav-third-level>li>a:before {
  content   : "";
  display   : block;
  position  : absolute;
  left      : 20px;
  width     : 15px;
  height    : 1px;
  background: #fff;
  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: #fff;
  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: #762323;
}

.navbar-cls-top {
  background   : #fff;
  border-bottom: none;
  box-shadow   : 2px 4px 3px #000;
}

.navbar-cls-top .navbar-brand:hover {
  /* background: #C90000; */
  color: #fff;
}

.navbar-default {
  border: 0px solid black;
}

.navbar-header {
  background  : #fff;
  border-right: 1px solid #eee;
}

.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    : 80px 0 0 260px;
    padding   : 15px 30px;
    min-height: 1200px;
  }

  .navbar-side {
    z-index   : 1;
    position  : absolute;
    width     : 260px;
    position  : fixed;
    height    : 100%;
    margin-top: 80px;
  }

  .navbar {
    border-radius: 0px;
    position     : fixed;
    width        : 100%;
    z-index      : 999;
  }
}

.btn-logout {
  color    : white;
  padding  : 25px 50px 5px 50px;
  float    : right;
  font-size: 16px;
}

.form-control {
  border-radius: 0
}

.no-padding {
  padding: 0
}

.mark-required:after {
  color    : #f00;
  content  : '*';
  font-size: 15px;
}

input[type="date"] {
  line-height: normal;
}

#navbar-toggle-left {
  margin-top : 25px;
  margin-left: 25px;
  position   : relative;
  float      : left;
  font-size  : 22px;
  color      : #a59c9c;
  transition : all 0.5s ease 0s;
  outline    : none;
}

#page-inner {
  float     : left;
  min-height: auto
}

#page-wrapper {
  min-height: auto;
  float     : none !important;
  margin-top: 0px;
  padding-top: 90px;
}

ul.todo-list {
  list-style: none;
  margin    : 0;
  padding   : 0;
}

ul.todo-list>li {
  padding      : 5px 10px;
  border-bottom: 1px dotted #ccc
}

ul.todo-list>li:hover {
  background: #eee;
}

.navbar-side {
  overflow-y: scroll;
}

h4.ui-pnotify-title {
  padding-top: 0 !important
}

;

.ddr {
  right: 0 !important;
  left : auto !important;
}

.hint {
  display      : none;
  position     : absolute;
  background   : rgba(41, 24, 18, 0.9);
  padding      : 8px;
  z-index      : 99999;
  left         : 0;
  border-radius: 10px;
}

input:focus~.hint {
  display: block !important;
}