@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: #0c0e5e !important;
}

/*end style sidebar*/
/*color*/
.graycolor {
    background-color: #606371 !important;
}

.movColor {
    color: #ad2573 !important;
}

/*start change reservation*/
.dataTables_wrapper {
    padding: 0px 25px !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: #0c0e5e !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: #ab2673 !important;
    color: #ab2673 !important;
}

.wizard-content .wizard > .steps > ul > li.done .step {
    background-color: #ffffff;
    border-color: #0c0e5e;
    color: #0c0e5e
}

.wizard-content .wizard.wizard-circle > .steps > ul > li:after,
.wizard-content .wizard.wizard-circle > .steps > ul > li:before {
    background-color: #0c0e5e;
}

.auth-wrapper .auth-box {
    margin: 5% 0 !important;
}


.wizard-content .wizard > .actions > ul > li > a[href="#previous"] {
    background-color: #fff !important;
}

.wizard-content .wizard > .actions > ul > li > a {
    background: #0c0e5e !important;
}

.text-info {
    color: #0c0e5e !important;
}

.btn-link {
    color: #0c0e5e !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: #4b4b5a !important;
    font-size: 20px;
}

.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 Beiruti*/
body {
    font-family: 'Cuprum', 'Beiruti', 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;
}