*{
  font-family: 'Montserrat', sans-serif;
}

.ff-zoon{
  font-family: 'Baloo 2', cursive;
}

.navbar-light .navbar-brand{
  color: #f0f0f0;
}
.navbar-light .navbar-nav .nav-link{
  color: #f0f0f0;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus{
  color: #ffffff;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
  color: #ffffff;
}

[class*="cc-color-override-"]{
  background:#099945!important;
}
.cc-dismiss{
  background:#107535!important;
}
.dropdown-item.active, .dropdown-item:active, {
  background: #d5e5bf !important;
}


.white-text{
  color:#ffffff;
}

.mks-navbar{
  background: #5b6c80;
  background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(91,108,128,1) 0%, rgba(91,108,128,1) 0%, rgba(91,108,128,1) 0%, rgba(69,90,115,1) 46%, rgba(17,45,82,1) 100%);
}
.mks-subnavbar{
  background: #545454;
  background: #3E5151;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #DECBA4, #3E5151);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #DECBA4, #3E5151); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  padding:0;
}

.mks-navbar a{
  color: #cfc831;
  color: #ffffff;
  ffont-size: 18px;
}
.mks-navbar .dropdown div a{
  color: #686868;
}
.mks-navbar a.active{
  color: #1e1d49; /* last */
  font-weight: bold;
  text-shadow: none;
}
.mks-card{
  border:3px solid #cfc831;
  border-radius: 0;
}
.mks-card-header{
  background:#cfc831;
  color:#5b6c80;
  border-radius: 0 !important;
  font-weight:600;
}
.mks-card-body{
border-radius: 0 !important;
}

.nav-link.active{
  background: #5b6c80;
  background: #98a9bd;
  background: #4e6178;
  background: #ffffff;
  box-shadow: 0 12px 10px -6px #ffffff;/* last */
}

.mks-main table{
  margin: 1em 0;
}

.btn-mks{
  border-radius: 0;
  bborder: 2px solid rgb(9,153,69);
  border: 2px solid #6a6c6a;
  background: #fff;
  bbackground: rgb(9,153,69);
  color: rgb(9,153,69);
  ccolor: #ff8821;
  color:#6a6c6a;
  bbackground: rgb(151,179,115);
  bborder: 2px solid rgb(151,179,115);
bbackground: linear-gradient(90deg, rgba(151,179,115,1) 0%, rgba(129,164,83,1) 100%);
}

.alert-success{
  margin: 1em 0;
  border-radius: 0;
}

.page-item.active .page-link{
  background-color: #d7c6a0;
  border-color: #d7c6a0;
  /*background-color: #243e5e;
  border-color: #243e5e;*/
  background-color: #0f7434;
  border-color: #0f7434;
  /*background-color: #574839;
  border-color: #574839;*/
  font-weight: bolder;

}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
  color: #ffffff;
    background-color: #c6b998;
    background-color: #099945;
    /* border-color: #beb293 #beb293 #c1b595; */
    border-color: #c6b998;
    border-color: #099945;
    border-radius: 0;
}

.tab-content{
  border: 1px solid #c6b998;
    box-shadow: 0 0 7px #c8c8c8;
}

.nav-tabs .nav-link{
  color: #afa78b;
  font-weight: 600;
  letter-spacing: 0.028rem;
}

.table.table-bordered tbody tr:first-child{
  /*background:#b3d0ef;*/
  /*background: rgb(2,0,36);
  background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(113,113,180,1) 35%, rgba(0,212,255,1) 100%);
  background: rgb(12,9,64);
  background: linear-gradient(270deg, rgba(12,9,64,1) 16%, rgba(127,174,184,1) 100%);*/
  background: #e3e6e8;
}

.badge-danger{
  background:#FF5722;
}

.badge-mks{
  /*background: #d2c29e;
  background: #e5ddca;
  background: #efefef;*/
  color:#574839;
  color:#888989;
  border: 2px solid;
}



.mks-navbar{
  /*background: #216dbb !important;*/
  bbackground: rgb(2,0,36);
  bbackground: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(113,113,180,1) 35%, rgba(0,212,255,1) 100%);
  bbackground: rgb(151,179,115);
  bbackground: linear-gradient(90deg, rgba(151,179,115,1) 0%, rgba(129,164,83,1) 69%, rgba(68,96,31,1) 100%);
  background: rgb(9,153,69);
  bbackground: linear-gradient(90deg, rgb(9 153 69) 0%, rgba(16, 115, 52,1) 100%);

}

.table-mks{
  bborder-left: 12px solid #212529;
  bborder-left: 12px solid rgb(9,153,69);
  -webkit-box-shadow: 0px 0px 16px -4px rgba(100,100,100,0.23);
box-shadow: 0px 0px 16px -4px rgba(100,100,100,0.23);
}

.paginator_wrapper
{
  text-align:center;
}

.paginator_wrapper nav{
  display:inline-block;
}

.page-item:last-child .page-link, .page-item:first-child .page-link{
  border-radius: 0;
}
.page-link{
  font-size: 1.08em;
}
.title{
  font-size: 1.2rem !important;
  padding-left: 1em !important;
  font-weight: bold !important;
  color: #5e6c4c !important;
  color: #8e958f !important;
  color: rgb(9,153,69) !important;
  border-left: 12px solid #5e6c4c !important;
  border-left: 12px solid rgb(9,153,69) !important;
}
.title-big{
  font-size: 1.3rem !important;
  padding-left: 1em !important;
  font-weight: bold !important;
  color: #574839 !important;
  color: #8e958f !important;
  color: rgb(9,153,69) !important;
  border-left: 12px solid rgb(9,153,69) !important;
}
.badge-counter{
  bbackground: #27b1e5;
  background: #ffffff;
  color: #6a6c6a;
  font-weight:bold !important;
  border: 2px solid #6a6c6a;
}
.table-mks tr th{
  color: #574839;
  color: #6a6c6a;

}

.table th, .table td
{
  vertical-align: middle;
}
.text-bold{
  font-weight: 700;
}
.text-normal{
  font-weight: 600;
}
.text-bolder{
  font-weight: 900;
}
.text-shadow{
  text-shadow: 0 0 9px #181818;
}
.inactive{
  background: #eeedff;
}
.pointer{
  cursor: pointer;
}

.mks-sidenav a{
  color: #dedede;
}


.mks-sidenav li.nav-item:not(.nav-item-empty):hover{
  background: rgb(2,0,36);
  background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(113,113,180,1) 35%, rgba(0,212,255,1) 100%);
}

.mks-sidenav a.active {
  color: #313061;
}

#sidenav{
  ddisplay:inline-block;
  display:none;
  bbox-shadow: 0 0 12px 3px #383838;
  /*width: 250px;*/
  background:#383838;
  max-width:250px;
  height:calc(100vh - 98px);
}
.form-required{
  color: #3c3b6f !important;
  border-color: #ff8821 !important;
  margin-bottom: 12px !important;
  display:inline-block;
}
.form-notrequired{
  color: #9ea2ad !important;
  border-color: #d8d8d8 !important;
  margin-bottom: 12px !important;
  display:inline-block;
}
.navbar-expand .navbar-nav .dropdown-menu{
  border-radius: 0;
  border: 0;
  box-shadow: 0 0 12px -1px #a8a8a8;
}
.form-control{
  border-radius: 0 !important;
}
.btn-whatsapp{
  border: 2px solid #009a00;
  border-radius: 8px;
  color: #009a00;
  font-size: 11px;
  padding: 5px 12px;
  font-weight: bold;
}
.btn-whatsapp i{
  font-size: 17px;
  vertical-align: middle;
}


#cart_details{
  position: absolute;
  bbox-shadow: 0 !important;
  left: -300px;
  min-width: 355px !important;
  max-width:98vw !important;


}

@media all and (max-width: 360px) {
    #cart_details{
        left: -270px;
        left: -300px;
        min-width: 98vw !important;
        max-width:98vw !important;
    }
}
@media (min-width: 361px) and (max-width: 375px) {
    #cart_details{
        left: -285px;
        left: -300px;
        min-width: 98vw !important;
        max-width:98vw !important;
    }
}



.add-cart:hover{
  background:#198800 !important;
}
.add-cart i{
  color:#198800;
}
.add-cart{
  border:2px solid #198800;
  border-radius: 999px;
}



.view-product:hover{
  background:#574839 !important;
}
.view-product i{
  color:#373668;
}
.view-product:hover i{
  color:#f1f1f1;
}
.view-product{
  border:2px solid #574839;
  border-radius: 999px;
}

.add-to-cart:hover{
  bbackground:#373668;
  ccolor: #f1f1f1 !important;
  border-color:#574839;
  color:#574839 !important;
  background:#ffffff;
}
.add-to-cart:hover i{
  color: #f1f1f1;
  color:#574839 !important;
}

.btn-mks-emptycart{
  background:#ffffff;
  color: #ff0000 !important;
  border-color:#ff0000;
  border-radius: 999px;
}

.btn-mks-checkout{
  background:#ff6600;
  color: #ffffff;
  border-color:rgb(9,153,69);
  font-size: 18px;
  background: rgb(9,153,69);
  bbackground: linear-gradient(90deg, rgb(9 153 69) 0%, rgba(16, 115, 52,1) 100%);
}
#cart_checkout_store{
  font-size: 17px;
}
.order-section-title {
  font-weight:bold;
  color: #5986c4;
}


#customers-tab li.nav-item {
  border: 2px solid #099945 !important;
}
#customers-tab li.nav-item a:not(.active){
  color: #099945;
}
#crm-tab li.nav-item {
  border: 2px solid #099945 !important;
}
#crm-tab li.nav-item a:not(.active){
  color: #099945;
}