@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.woff2') format('woff2'),
      url('../fonts/Calibri.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri-Light.woff2') format('woff2'),
      url('../fonts/Calibri-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri-Bold.woff2') format('woff2'),
      url('../fonts/Calibri-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

body{  font-family: 'Calibri';  font-weight: normal;} 
.content-header-custom{background: #8aaedf !important;}
.cus_header{background: #5981b7 !important; z-index: 111; position: relative; position: fixed; left: 0; right: 0; top: 0;}
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .right-side {
    margin-left: 0px !important;
 }
.sidebar-mini.sidebar-collapse .main-sidebar {width: 0px !important;}
.header_logo{width: 160px; filter: brightness(0) invert(1);}
.navbar-inverse {background-color: transparent; border: none; border-color: transparent; min-height: auto; margin-bottom: 0px;}
.navbar-inverse .navbar-nav > li > a {color: #fff; font-weight: 600; padding-top: 24px; padding-bottom: 23px; font-size: 16px;}
.navbar-inverse .navbar-nav > li > a:hover{color: #9dc4fa;}
.navbar-inverse .navbar-nav > li > a.active{color: #9dc4fa;}
.left_s_menu  li.active a{color: #1b457d !important;}

.tab-form .nav-tabs .nav-item.active a{background: #3c8dbc;  color: #fff}
.tab-form .nav-tabs .nav-item a:hover{background: #3c8dbc;  color: #fff}
.tab-form .nav-tabs .nav-item a:focus{background: #3c8dbc;  color: #fff}
.tab-form .nav-tabs .nav-item a:active{background: #3c8dbc;  color: #fff}
.tab-form .nav-tabs .nav-item{background: #5981b733;}
.tab-form .nav-tabs .nav-item a{border: none !important; font-size: 14px; font-weight: normal; border-radius: 0; color: #212121;}
.tab_padding{border: 1px solid #ccc; padding: 15px;}

.navbar-brand {height: unset; padding: 16px 10px; background: transparent}
.navbar-brand:hover{background: transparent !important}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #7294c3;}
.navbar-inverse .navbar-toggle {border-color: #7294c3; margin-top: 13px;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #7294c3;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: transparent;}
.left_c_menu{list-style: none; padding: 0px; margin-bottom: 0px;}
.left_c_menu > li{ display: block;}
.left_c_menu > li > a{color: #fff !important; background: #ffffff12;
  margin-top: 5px; font-weight: bold; padding: 10px 10px;padding-left: 12px; display: block; position: relative;}
.left_c_menu > li > a::before {
   
    width: 8px;
    height: 2px;
    display: inline-block;
    background: #fff;
 
    position: absolute;
    left: 11px;
    top: 22px;
  }
.activeMenu .left_s_menu{display: block;}
.activeMenu .fa-plus-circle::before {
  content: "\F056";
}

.right-col-content {
  
  border-radius: 2px;
  padding: 25px !important;
}
.login_width{display: inline-block;width: 100%;}
.form-header {margin:0px 0px 10px 0px !important; }
.pos_input{}
.skin-blue .content-wrapper .content-custom, .skin-blue-light .content-wrapper .content-custom {
  margin-top: 0px;
}
.skin-blue .content-wrapper .content-header-custom, .skin-blue-light .content-wrapper .content-header-custom {
  padding: 15px 15px 15px;
}

.all_icon{font-size: 10px; margin-left: 5px;}
.all_item_button{margin: 20px 0px;}

.plusminus{position: absolute; right: 13px;}
.left_s_menu{display: none;}
.input-group .form-control {padding: 16.5px;}
.pos_price_type label{margin:10px 0px;}



  .nav > li > a:active, .nav > li > a:focus, .nav > li > a:hover {
    background: #7294c3;
  }

.left_s_menu{list-style: none; position: relative; padding-left: 25px; margin-bottom: 0px;}
.left_s_menu > li{ display: block;}
.left_s_menu > li > a{color: #fff !important; position: relative; padding: 5px 6px; padding-left: 15px; font-size: 13px; display: block;}
.left_s_menu > li > a i{display: none;}
.left_s_menu > li > a::before{content: ""; border-top: 1px solid #fff;
    position: absolute;
    top: 14px;
    left: -9px;
    width: 17px;}
.left_s_menu > li > a span::before{
  content: "";
  position: absolute;
  left: 3px;
  top: 11px;
  border: solid white;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);

}

header .dropdown-menu{top: 51px; min-width: 87px;}
header .btn{font-weight: 600 !important;}
.shadow_none:hover{color: #9dc4fa !important}
.shadow_none{ box-shadow: none !important;}
header  .dropdown-item:hover{background:#ccc}
header .btn-group:hover .dropdown-menu {
  
}

.toggle-password{position: absolute;
  top: 8px;
  right: 9px;
  z-index: 2;
  cursor: pointer;}

.left_s_menu::before{content:""; border-left: 1px solid #fff; position: absolute; left: 16px; bottom: -17px; top: 0px;} 
.left_s_menu:last-child::before{bottom: 14px;}

.skin-blue .main-sidebar{background: #b0c5e1 !important;}
.left_c_menu.intro{display: block;}

#tabShows > div { display: none; }
.menu_show{background: #7294c3 !important; overflow-y: auto; transform: translateX(-100%); transition: all .3s ease-out; width: 245px; display: none; position: fixed; left: 0; bottom: 0; top: 0; z-index: 1; margin-top: 67px;}
.left_menu_show .menu_show{transform: translateX(0px);}

.content-wrapper{transition: all .3s ease-out;}
.left_menu_show .content-wrapper{padding-left: 245px !important; transition: all .3s ease-out;}
.left_menu_show .main-footer{padding-left: 260px !important;}
.left_menu_show{transition: all .3s ease-out;}
.skin-blue .main-header .navbar, .skin-blue-light .main-header .navbar {background: #c7d9f1 !important; border: none !important;}
.content-wrapper {padding-top: 63px;}

.content-header h1 small{display: none;}
/* .box-header h3.box-title{display: none;} */
/* .box-header>.box-tools {margin-top: -52px;} */
.box .box-body, .box .box-footer, .box .box-header {padding: 15px 24px;}


::-webkit-scrollbar {width: 6px; height:6px}
/* ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6);}
::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey;}
 */

 .table {width: 100% !important;}
 /*.table td{width: 100% !important}
 .table th{width: 100% !important}*/

.form-group {margin-bottom: 20px;}

.select2-container{width: 100% !important;}
.checkbox label, .radio label {padding-left: 0px;}

.dataTables_scrollFootInner{width: 100% !important;}


@media only screen and (max-width:760px) {
  .navbar-inverse .navbar-nav > li > a {padding-top: 5px; padding-bottom: 5px;}
  .btn-group.dt-buttons .btn-default {margin: 3px;}
  div.dataTables_wrapper div.dataTables_length label {margin: 5px;}
  .list-group-item {padding: 3px; width: 70px; }
  .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {padding: 6px;}
  .dropdown-item {background: #fff; width:100px;}
  .left_menu_show .content-wrapper {
    padding-left: 0px !important;}

.right_side_none{display: none;}
.col-xs-4{width: 100%;}
.col-xs-6{width: 100%;}
.box .box-body, .box .box-footer, .box .box-header {padding: 10px 24px; }
.table-responsive {padding: 8px; }
.left_menu_show .menu_show { z-index: 11; }

.left_menu_show .main-footer{padding-left: 10px !important;}
}

.req-field {
  color: red!important;
  font-size: 14px;
  margin-left: 2px;
}