/*!
* direction.less v0.1.0
*/
@media only screen and (min-width: 1824px) {
  body {
    height: 100%;
  }
  .page-container {
    height: 100%;
  }
  /** Side bar widget **/
  .footer-widget {
    position: fixed;
  }
  /** Tables **/
  .table th {
    font-size: 14px;
  }
  .table td {
    font-size: 14px;
  }
  .table td.small-cell,
  .table th.small-cell {
    width: 42px;
  }
  /** Controls **/
  .checkbox label:before {
    top: 0.5px;
  }
  /** Tiles **/
  .tiles.margin-reset {
    margin-left: 51px;
  }
  /** Only Demo Purpose **/
  .demo-map {
    min-height: 100%;
  }
  .error-main {
    margin-top: 40%;
  }
  .visible-xlg {
    display: block !important;
  }
  .hidden-xlg {
    display: none !important;
  }
  .cbp_tmtimeline > li .cbp_tmtime {
    width: 24%;
  }
}
@media (min-width: 1600px) {
  .visible-xlg {
    display: block !important;
  }
  .hidden-xlg {
    display: none !important;
  }
}
@media (max-width: 1400px) {
  .sales-graph-heading {
    padding-left: 17px;
    padding-top: 30px;
  }
}
/*** Desktops & Laptops ***/
@media (min-width: 980px) {
  /*** Page sidebar ***/
  body.bottom-header .page-sidebar {
    margin-top: 0;
    margin-bottom: 58px;
  }
  .menu-non-fixed .page-sidebar {
    margin-top: 0;
    padding-top: 58px;
  }
  .page-sidebar {
    display: inline-block;
    float: left;
    position: fixed;
    width: 250px;
    margin-top: 58px;
    padding-bottom: 105px;
  }
  .menu-non-fixed .footer-widget {
    z-index: 100;
  }
  .page-sidebar .page-sidebar-wrapper {
    display: inline-block;
    float: left;
    height: 100%;
    max-width: 250px;
    width: 100%;
  }
  .page-sidebar.fixed {
    position: fixed;
  }
  .page-sidebar ul {
    width: 250px;
  }
  /*** Page content ***/
  .page-content {
    margin-left: 250px;
    min-height: 100%;
  }
  .page-content.no-min-height {
    min-height: auto;
  }
  .full-width-page .page-content {
    margin-left: 0px !important;
  }
  .inner-menu {
    padding-top: 60px;
  }
  /** Const size button for medium devices **/
  .btn-cons-md {
    min-width: 120px;
  }
  .boxed-layout {
    background-color: #f6f7f8;
  }
  .boxed-layout .container {
    position: relative;
  }
  .boxed-layout .chat-window-wrapper {
    position: absolute;
  }
  .boxed-layout .chat-window-wrapper .inner-content .chat-window-wrapper {
    margin-right: 0;
  }
  .horizontal-menu .header-seperation {
    display: none !important;
  }
}
 .toggle_sidebar:focus {
  color: #000 !important;
}



.custom_chk {
  display: block;
  position: relative;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
  padding-left: 32px;
  height: 22px;
  line-height: 22px;
  cursor: pointer;
}
.custom_chk input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
}

.chk_checkmark {
  position: absolute;
  border: 1px solid #999 !important;
  width: 22px;
  height: 22px;
  left: 0px;
  top: 0px;
  border-radius: 3px;
}
.custom_chk.rdo_box .chk_checkmark {
  border-radius: 50%;
  background: #fff !important;
}
.custom_chk.rdo_box input:checked ~ .chk_checkmark::after {
  content: "";
  display: block;
  background: #f8aa5b;
  border: none !important;
  border-radius: 50%;
  width: 16px !important;
  height: 16px !important;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%) !important;
}


.custom_chk.rdo_box input:checked ~ .chk_checkmark_green::after {
  background: #699e36 !important;
}
.custom_chk.rdo_box input:checked ~ .chk_checkmark_green {
  border-color: #699e36 !important;
}


.custom_chk.rdo_box input:checked ~ .chk_checkmark_red::after {
  background: red !important;
}
.custom_chk.rdo_box input:checked ~ .chk_checkmark_red {
  border-color: red !important;
}



@media (max-width: 1024px)
{
    body .page-content { margin-left: 0px !important;}
    .page-sidebar { left: -251px !important;}
    body.opens .page-sidebar { left: 0px !important;}
}

@media (max-width: 768px)
{
  .username { display: none !important;}

  .header .chat-toggler {top: 10px;  margin-right: 0;  min-width: 40px;}
  .header .header-seperation img {width: 180px;  height: auto;  margin: 0px;  padding-left: 15px;  padding-top: 20px;  padding-bottom: 0;}
  .header .quick-section {margin-left: 6px;  margin-top: 14px;  margin-right: 0;  direction: ltr;}
  .header .header-seperation { width: 200px;}

  .page-content .content { padding-left: 8px;  padding-right: 8px;  padding-top: 77px !important;}


}
@media (max-width: 576px)
{
 .addition-btn .btn.btn-primary {
    display: block;
  }
}