@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
/*start style sidebar*/
#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1], #main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin1] {
    background: #B31700 !important;
}
/*end style sidebar*/
/*color*/
.graycolor{
  background-color: #606371 !important;
}
.movColor{
  color: #ad2573 !important ;
}
/*start change reservation*/
.dataTables_wrapper {
    padding: 0px 25px  !important;
}
/*styles button*/
.btn-primary{
    background-color: #ad2573 !important;
    border-color: #ad2573 !important;
}
.btn-success:hover{
    background-color: #ad2573 !important;
    border-color: #ad2573 !important;
}

/*style card*/
.card-body-branch{
  padding-right: 0px !important;
  padding-left: 0px !important
}
/*space header table*/
.spaceRight{
  padding-left: 11px !important
}
/*calender*/
.fc-toolbar{
  background: #ad2573 !important;
}
.fc-toolbar .fc-button {
    background: #B31700 !important;
    border: 1px solid #ad2573 !important;
}
.fc-toolbar .fc-button-group {
    border: 1px solid #ce6ca4;
}
.fc th.fc-sat, .fc th.fc-sun, .fc th.fc-thu, .fc th.fc-tue {
    background: #ca5d9b;
}
.fc th.fc-fri, .fc th.fc-mon, .fc th.fc-wed {
    background: #ce6ca4;
}
.fc-toolbar .fc-button.fc-state-active,.fc-toolbar .fc-button:hover {
    background: #ce6ca4 !important;
    border: 1px solid #ce6ca4 !important;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: left !important;
   }
   /*float right*/
.floatRight{
    float: right !important;
   }
   /*float left*/
   .floatLeft{
    float: left;
   }
   /*spaces*/
 .spaceRight{
    margin: 0px 27px !important;
   }
   .marRight15{
    margin-left: 15px !important
    }
   /*no padding */
   .padd0{
    padding: 0px !important;
   }
   .paddRight{
    padding-right: 0px !important;
   }
   .paddLeft{
    padding-left: 0px !important
   }
   /*no margin*/
   .mar0{
    margin:0px !important;
   }
   .paddTop{
    padding-top: 0px !important
   }
   /*social media*/

.posFixed{
  position: fixed !important;
}
/*style icon*/
.socialIcon{
  color: white !important;
  font-size: 15px !important;
}
/*sidebar link*/
.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background-color: #ad2573 !important;
}

.card-body .fixed-bottom {
  display: inline-block;
}

/*colors*/
.bgPurple{
  background-color: #f4f4f4 !important;
  /*height: 100rem !important;*/
}
.bgWhite{
  background-color: white !important;
}
.sidebar-nav ul .sidebar-item a{
  color: white;
}
/*spaces*/
.paddTB{
  padding: 62px 0px !important;
}
.borderRadius{
  border-radius: 15px
}
.marTop{
    margin-top: 201px;
}
/*display inline*/
.displayInline{
    display: inline-block;
}
/*style step*/
.wizard-content .wizard>.steps>ul>li.current .step {
    border-color: #AD1910 !important;
    color: #AD1910 !important;
}
.wizard-content .wizard>.steps>ul>li.done .step {
    background-color: #ffffff;
    border-color: #B31700;
    color: #B31700
}
.wizard-content .wizard.wizard-circle>.steps>ul>li:after, .wizard-content .wizard.wizard-circle>.steps>ul>li:before {
    background-color: #B31700;
}
.auth-wrapper .auth-box {
    margin: 5% 0 !important;
}
.btn-info {
    background-color: #B31700 !important;
    border-color: #B31700 !important;
}
.wizard-content .wizard>.actions>ul>li>a[href="#previous"] {
    background-color: #fff !important;
}
.wizard-content .wizard>.actions>ul>li>a{
  background: #B31700 !important;
}
.text-info {
    color: #B31700 !important;
}
.btn-link {
    color: #B31700 !important;
}
/*sidebar*/
.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    color: white !important;
}
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul .sidebar-item .sidebar-link{
     opacity: 0.9;
     color:white !important
}
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-item .sidebar-link:hover{
   opacity: 1;
    color:white !important
}
.graycolor {
    background-color: #5b5d69 !important;
}
/*images*/

.bgImage{
  background-image: url('/images/background/img1.jpg') !important;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5 !important;
}
/*center*/
.textCenter{
  text-align: center;

}
.wid70{
  width: 70% !important;
}
/*font*/
.fontHeader{
   font-size: 22px;
    font-weight: 500;
}
/*end fonts*/
/*center vertical*/
.verCenter{
  line-height: 100vh !important;
}
/*height full screen*/
.heightFull{
  height: 100vh !important;
}
/*loading*/
#loading{
        display: none;
        transition: all 0.5s ease-in-out
    }


    .lds-ring {

        display: inline-block;
        position: relative;
        width: 24px;
        height: 23px;
      }
      .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 25px;
        height: 25px;
        margin: 6px;
        border: 6px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #fff transparent transparent transparent;
      }
      .lds-ring div:nth-child(1) {
        animation-delay: -0.45s;
      }
      .lds-ring div:nth-child(2) {
        animation-delay: -0.3s;
      }
      .lds-ring div:nth-child(3) {
        animation-delay: -0.15s;
      }
      @keyframes lds-ring {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
      .lds-ring:focus{
        visibility: visible

    }
    .displayInline{
      display: inline-block;
      left:auto;
    }
    /*padding bottom zero*/
    .padBot0{
      padding-bottom: 0px;
    }

  .required label:after {
      color: #e32;
      content: ' *';
      display:inline;

  }

.wid75{
  width: 75%
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    display: inline-block;
}
.imgDashboard{
  width: 300px;
  height: 150px
}
/*responsive pages*/
@media only screen and (max-width: 570px) {
       .bgImage{
          display: none;
       }
       .mobileView{
        padding: 90px 30px;
       }
       #bodyForm{
        margin: 20px;
       }
       .wizard-content .wizard>.steps {
        display: none;
      }

      .col-sm-12{
        margin-top: 10px;
      }
      /*responsive style*/
      .spacemenu{
        padding: 0px 100px;
      }
      h4,.font-12 {
        font-size: 14px;
      }
      .imgDashboard{
        width: 200px;
        height: 150px

      }
      .width50{
        width: 50%;
      }
      .displayInline{
        display: inline-block;
      }
      .displayContent{
        display: contents;
      }
      .widthMax{
        width: max-content;
      }
      .col-sm-6{
        flex: 0 0 50%;
        max-width: 50%;
      }
    .col-sm-5 {
     flex: 0 0 41.66667%;
      max-width: 41.66667%;
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
      max-width: 58.33333%;
    }
    p{
      font-size: 11px;
    }
    .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .marLeft{
      margin-left: 13px;
    }
   .dataTables_wrapper {
    padding: 0px 10px !important;
  }
  table.dataTable>tbody>tr.child span.dtr-title{
    min-width: 0px;
  }
  .ml-3{
    margin-left: 1rem !important;
   }
   .px-sm-0 {
    padding-right: 0 !important;
  }
  .fullWid{
    width: 100%;
  }
  .input::placeholder {
    font-size: 10px;
  }
  .p-sm-0{
    padding: 0px;
  }
  .mr0{
    margin-right: 0px;

  }
  .d-none-mob{
    display: none !important;
  }
  .sales_price::-webkit-input-placeholder{
    font-size: 9.5px;
  }
  .pos_price::-webkit-input-placeholder{
    font-size: 10px;
  }
  .px-sm-2 {
  padding-right: 0.5rem !important;
  }
  .font-20{
    font-size: 15px !important;
  }
  .ml-sm-2{
    margin-left: 0.5rem !important;
  }
  .p-sm-15{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .p-sm-10{
    padding-left: 10px;
    padding-right: 10px;
  }
  .p-sm-23{
    padding: 23px !important;
  }
  .prl-sm-0{
    padding-left: 0px;
    padding-right: 0px;
  }
}
/*font Tajawal*/
body{
  font-family: 'Josefin Sans', 'Tajawal' , sans-serif;
}
/*space icon button*/
.spaceIcon{
  padding: 18px 10px !important;
}
/*style breadcrumb*/
.breadcrumb-item+.breadcrumb-item {
     padding-left: 0px !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right:0px;
    margin: 0px 5px;
}
/*button social media*/
.buttonStyle{
    background: #DCE0E0 !important;
    padding: 12px 0px;
    border-radius: 3px !important;
}
/*dashboard style*/
.tableDashboard{
    width: 80%;
    margin: auto;
}
.colorRed{
  color: red
}
.styleSelect{
  height: 36px;
  width: 50%;
}
.addButton{
  display: inline-table;
  left: auto;

}
.font-20{
  font-size: 30px !important;
}
.notification_active {
  background: #F7FAFC;
}
.notification_count {
    background: #FF5050;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: -22px;
    right: -10px;
}
.notifications_dropdown {
  padding-bottom: 0;
}