input,select,textarea{
  color: black !important;
}
h5, h5 span{
  font-weight: 400;
}
.loader{
          display: none;
          position: fixed;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          z-index: 9999;
          background: url('../img/brand/loading.gif') 
                      50% 50% no-repeat rgb(249,249,249, 0.8);
          background-size: 100px;
    }
    table.dataTable tbody > tr.selected{
      color: white;
    }
    .bg-primary{
      background: #CC0921 !important;
    }

    footer a.text-shisha{
      color: #CC0921 !important;
    }
    footer a.text-shisha:hover{
      color: #000 !important;
      text-decoration: underline;
    }
     a.text-shisha{
      color: #CC0921 !important;
    }
     a.text-shisha:hover{
      color: #000 !important;
      text-decoration: underline;
    }
    a.nav-link.active:hover{
      
      color: #fff !important;
    }
    a.nav-link:hover{
      background-color: #b3b3b3;
      color: #000 !important;
    }


    body, a, input, select, div, p{
      font-size: 1rem !important;
    }
    #sidenav-collapse-main .navbar-nav a{
      color: #CC0921 !important;
      background: none !important;
    }
    #sidenav-collapse-main .navbar-nav a:hover{
      color: #000 !important;
      text-decoration: underline;
    }
    #sidenav-collapse-main .navbar-nav a.active{
      background: #CC0921 !important;
      color: #fff !important;
      
    }
    #sidenav-collapse-main .navbar-nav a.active:hover{
      background: #000 !important;
      color: #fff !important;
      
    }

  .btn-shisha {
      text-transform: uppercase !important;
      color: #fff !important;
      border-color: #CC0921;
      background-color: #CC0921;
      box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
  }
  .btn-shisha:hover {
        color: #fff;
        border-color: #000;
        background-color: #000;
  }

  .btn-shisha-opp {
      text-transform: uppercase !important;
      color: #000;
      border-color: #b3b3b3;
      background-color: #b3b3b3;
      box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
  }
  .btn-shisha-opp:hover {
        color: #fff;
        border-color: #CC0921;
        background-color: #CC0921;
  }

  .btn-black {
      text-transform: uppercase !important;
      color: #fff;
      border-color: #000;
      background-color: #000;
      box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
  }
  .btn-black:hover {
        color: #fff;
        border-color: #CC0921;
        background-color: #CC0921;
  }

  .btn-edit {
      text-transform: uppercase !important;
      color: #000;
      border-color: #b3b3b3;
      background-color: #b3b3b3;
      box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
  }
  .btn-edit:hover {
        color: #fff;
        border-color: #CC0921;
        background-color: #CC0921;
  }

  .btn-delete {
      text-transform: uppercase !important;
      color: #FFF;
      border-color: #CC0921;
      background-color: #CC0921;
      box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
  }
  .btn-delete:hover {
        color: #fff;
        border-color: #000;
        background-color: #000;
  }


  .table .thead-light th{
    color: #000;
    font-size: 1rem;
    background: #f2f2f2 !important;
  }

   .nav-wrapper .nav-pills .nav-link{
    background: none;
      text-transform: uppercase;
      color: #CC0921;
  }
    .nav-wrapper .nav-pills .nav-link:hover{
    background: #b3b3b3;
      text-transform: uppercase;
      color: #000;
  }
  .nav-wrapper .nav-pills .nav-link.active{
    background: #CC0921;
    color: #fff;
  }
  .shadow-box{
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  }
  .form-control{
    color: #000 !important;
  }
  .dataTables_length label{
      width: 100%;
  }
  .dataTables_length select{
      width: 100px;
  }
  .custom-control-label::before{
    border: 1px solid #CC0921 !important;
  }
  .custom-control .custom-radio:hover{
     background: #CC0921 !important;
  }
  .custom-control-input:checked ~ .custom-control-label::before{
    background: #CC0921 !important;
  }

  .enable-store, .enable_user {
    background-color: #228B22;
    border-color: #228B22;
}
.invoiceby {border: 1px solid #dedede;background: #f3f3f3;padding: 20px;}
.invoiceby .custom-radio label {    font-size: 1rem !important;}

.custom-radio .custom-control-label:hover::before {
background: #CC0921 !important;
}

.custom-radio .custom-control-label:hover{
color: #CC0921;
}

.table .thead-light th:hover{
    cursor: pointer;
    color: #CC0921;
}


.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse'][aria-expanded='true']:after{
  color: white !important;
}
li.sub-active-li{
  padding: 5px 10px !important;
  
}
#sidenav-collapse-main .navbar-nav a.sub-active-a{
  background: #b3b3b3 !important;
    color: black !important;
    border-radius: 5px;
    padding-left: 2.8rem;
}


.modal.show .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.modal-open .modal {
    padding: 0 !important;
}

.modal-footer {
    position: sticky;
    background: #e4e4e4;
    bottom: 0 !important;
}
.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}
.btn {text-transform: uppercase;}
/*.custom-control-input{
  z-index: 99999999999999;
}*/

@media (min-width: 300px){
.col-sm-6 {
    max-width: 50%;
    flex: 0 0 50%;
}