/***********************************
MARTINEZ CSS FOR MBS
MARCH 2020
**************************************/
html.smart-style-3 {
    overflow-x: hidden;
}

@media (min-width: 992px) {
    .ngdialog-content:has(div.modal-lg) {
        width: 900px !important;
    } .ngdialog-content:has(div.modal-md) {
        width: 500px !important;
    }
}



.label {
    line-height: 1 !important
}

.help-block {
    font-style: italic;
    font-weight: 700;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #cc0000 !important;
}

.general-comment {
    width: 100%;
    float: left;
    padding-top: 10px;
    /* margin-top: 1em; */
    /* border-top: 1px solid rgba(166, 25, 73, 0.6); */
}

.page-footer {
    height: auto !important;
}

.legend-title {
    font-weight: 600;
    text-decoration: underline;
}

.legend-item {
    padding-right: 0px;
}


.exist-customer a {
    cursor: pointer;
}


@media only screen and (max-width: 430px) {
    #ProductName, #barcode {
        text-align: right;
    }
}

a.text-with-icon {
    font-size: 16px;
    margin-left: 7px;
}

.font-weight-bold {
    font-weight: bold;
}

.form-group {
    /*min-height: 100% !important;*/
    position: relative;
}

.grow-div {
    margin-bottom: 80px;
}

.modal-footer {
    margin-top: 0px;
}
/*
#GoogleMapDiv, #EditNextOfKins hr, #EditCompanyProduct hr, #ManagecompanyUser hr, #AddCompanyProduct hr, #catsalenumber hr, .damage-product-review hr, .create-edit-page hr{
    float: left;
    width: 100%;
}
*/

/*
@media (max-width: 979px) {
    html .smart-style-3, .smart-style-3 #content {
        overflow-x: hidden;
    }
}
*/

.show-inline-xs {
    display: none !important;
}

.notshow-inline-xs {
    display: inline-block !important;
}

/********/
#auditButton {
    float: right !important;
}


@media (max-width: 320px) {
    .notshow-inline-xs {
        display: none !important;
    }

    .show-inline-xs {
        display: inline-block !important;
    }
}


.show-xs {
    display: none !important;
}

.notshow-xs {
    display: block !important;
}


@media (max-width: 350px) {
    .notshow-xs {
        display: none !important;
    }

    .show-xs {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .random {
        text-align: center;
    }

    /* #add {
        float: right;
    }
    
    .button-center #add {
        float: none;
    }*/
}

.button-center {
    text-align: center;
}
/*
.button-center #add {
    float: none;
}*/

#Comment {
    margin-bottom: 20px;
}

.search-input-label {
    padding: 15px 0 !important;
    background-color: rgba(218, 148, 172, 0.25);
}

/*************GENERAL PANEL***********/


.panel {
    overflow: auto;
    padding-bottom: 0px;
}


/************ SIDE PANEL***************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Nunito', sans-serif !important;
}

body, p {
    font-family: 'Nunito', sans-serif !important;
}


h1, .h1 {
    font-weight: 700;
    font-size: 32px;
}

h2, .h2 {
    font-weight: 700;
    font-size: 24px;
}

h3, .h3 {
    font-weight: 700;
    font-size: 19px;
}

h4, .h4 {
    font-weight: 700;
    font-size: 16px;
}

h5, .h5 {
    font-weight: 400;
    font-size: 14px;
}

h6, .h6 {
    font-weight: 400;
    font-size: 12px;
}

#divImageBlock {
    border-bottom: 1px #a61949 solid;
}

.smart-style-3 nav > ul > li > a {
    padding: 7px 10px 7px 11px;
}


#header > :first-child {
    width: 200px !important;
}


#project-context, .project-context {
    display: inline-block;
    padding: 7px 0px 0 !important;
    position: relative;
}

@media (max-width: 800px) {
    #hide-menu > :first-child > a, .btn-header a {
        margin-top: 9px !important;
    }
}

@media (max-width: 450px) {
    span#mbs_logo img {
        /* vertical-align: bottom; */
        width: 130px;
        margin-top: 4px;
    }

    #header > :first-child {
        width: 170px !important;
    }
}

/**********/

@media (max-width: 390px) {
    #header > :first-child {
        width: 100px !important;
    }

    #mbs_logo {
        margin-left: 6px !important;
    }

    span#mbs_logo img {
        /* vertical-align: bottom; */
        width: 97px;
        margin-top: 4px;
    }
}



@media only screen and (max-width: 479px) {
    .search-mobile .header-search {
        z-index: 10;
    }


    .header-search > button {
        padding-bottom: 6px;
    }

    .header-search > input[type=text] {
        max-width: 73%;
    }
}



@media (max-width: 770px) {
    .hidden-menu #main:before {
        content: "";
        width: 100%;
        height: 100% !important;
        display: block !important;
        z-index: 99 !important;
        position: absolute !important;
        left: 0;
        bottom: 0;
        background: #0009;
    }

    .hidden-menu #main {
        left: 0;
    }
}


@media (max-width: 350px) {
    span#mbs_logo img {
        /* vertical-align: bottom; */
        width: 46px;
        margin-top: 2px;
    }

    #header > :first-child {
        width: 51px !important;
    }
}

#left-panel i.material-icons {
    vertical-align: -24%;
    margin-right: 16px;
    color: #a61949;
    font-size: 25px;
}
.side_nav > ul > li > a > i {
    font-size: 25px !important;
    vertical-align: -13% !important;
    margin-right: 2px;
}
.side_nav > ul > li > ul > li  a span.material-icons {
    font-size: 16px !important;
    /*font-weight: 600;*/
    vertical-align: -20%;
    margin-right: 5px;
}
.smart-style-1 .side_nav > ul > li > ul > li  a span.material-icons {
    color: #fff;
}


#main {
    /* overflow-y: auto;*/
    min-height: 900px /* 960px /* 900px */;
    padding-bottom: 0px /* 52px */;
}


nav .fa {
    font-size: 15px;
}


button {
    font-weight: 600 !important;
}

div.page-footer {
    z-index: 904 !important;
    bottom: 0px;
}

.page-footer {
    padding-left: 13px !important;
}



/***********LOGIN**********/
.thepass {
    position: relative
}
/*.thepass::after {
    content: '\f06e';
    color: #848484;
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    position: absolute;
    background-color: #fff;
    width: 50px;
    bottom: 2px;
    height: 87%;
    right: 3px;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
}
*/

.icon-login {
    display: block;
    width: 27px;
    position: absolute;
    /* float: right; */
    right: 15px;
    top: 7px;
    height: 100%;
    cursor: pointer;
}

.login-info a {
    width: 100%;
}

.login-info {
    display: block !important;
}

    .login-info a > span {
        display: block !important;
    }

#loginForm.panel {
    margin: auto;
    text-align: center;
    float: initial;
    min-width: 300px;
    padding-right: 0;
    padding-left: 0;
}

#loginForm .panel-heading {
    background-image: url(/SmartAdminTemplate_HtmlVersion/img/pattern/dark_tileable_wood_texture.jpg);
    /*background-color: #a61949; */
    color: #fff;
}

.smart-style-1 .panel-heading {
    background-color: #22262e;
}

#loginForm h4 {
    font-size: 20px;
    font-weight: 600;
}


.smart-style-3 input:not([type]), .smart-style-3 input[type=color], .smart-style-3 input[type=email], .smart-style-3 input[type=number], .smart-style-3 input[type=password], .smart-style-3 input[type=tel], .smart-style-3 input[type=text], .smart-style-3 input[type=url], .smart-style-3 textarea {
    border-color: #ced4da;
}


.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    height: 35px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-group input[type="radio"] {
    accent-color: #a61949 !important;
}

select option:focus, select option:hover, select option:active {
    background-color: rgb(166 25 73) !important;
    outline-color: rgb(166 25 73) !important;
    color: #fff !important;
}

    .form-control:focus {
        color: #495057 !important;
        background-color: #fff;
        border-color: #a61949 !important;
        outline: 0 !important;
        /*box-shadow: 0 0 0 0.2rem rgba(169,3,41,.25) !important;*/
    }

#loginForm .checkbox {
    display: inline-block;
    text-align: left;
    float: left;
}

.forgot-pass {
    display: inline-block;
    text-align: left;
    float: left;
    padding-top: 6px;
    margin-left: -15px;
}

input#login {
    background-color: #a61949;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

#loginForm .checkbox label, #loginForm .radio label {
    padding-left: 7px !important;
}

#loginForm input[type="submit"] {
    width: 50%;
    float: left;
}

.box-login {
    width: 70%;
    margin: auto;
    padding: 5px 0 26px;
}

#loginForm input.form-control {
    max-width: 100%;
}

#loginForm label.control-label {
    display: block;
    margin-bottom: 10px;
    text-align: left !important;
    font-weight: 600;
}

div.login-info {
    width: auto !important;
    padding: 0px 10px 8px;
}

    div.login-info span:last-child {
        color: #a61949 !important;
    }

/********=============FORGOT PASSWORD================******/
.fgt-pass-link input {
    float: none !important;
    margin-right: 5px;
}

.fgt-pass-link {
    display: inline-block;
    text-align: left;
    float: left;
}

    .fgt-pass-link input#email {
        color: #fff;
        background: #a61949;
    }

    .fgt-pass-link input#back {
        background-color: #3d3b39;
        color: #fff;
    }

        .fgt-pass-link input#back:hover, .fgt-pass-link input#back:focus {
            background-color: #525251;
        }

.validation-summary-errors > ul {
    list-style: none;
    padding-left: 0px;
}


/******************======RESET PASSWORD**************/

.reset-pass-link {
    display: inline-block;
    text-align: left;
    float: left;
    margin-top: 10px;
}

    .reset-pass-link input#resetBtn {
        color: #fff;
        background: #a61949;
    }




/******** NAME AND POSITION *****/
@media only screen and (max-width: 800px) {
    div.login-info span:last-child {
        float: inherit;
    }
}

/********** NOTIFICATION BOX ***********/
.ajax-dropdown > :last-child {
    font-size: 12px;
    display: block;
    padding: 5px 7px;
    line-height: 22px;
    font-weight: 600;
    background-color: #000;
    margin: 0 -10px !important;
}



/************INITIAL SYSTEM PAGE - BUTTONS***********/

#mainAppDiv {
    position: relative;
    overflow: hidden;
}

/************* ADVANCED SEARCH *******/
.close {
    right: -13px;
    position: absolute;
    top: -23px;
}

button#search {
    color: #fff;
    background: #a61949;
}

[name="Calendar"] #search { height: 34.5px}


#searchEngine .form-group.has-feedback {
    /*overflow: hidden;*/
    overflow: initial;
    float: left;
    width: 100%;
}

button#deleteDate {
    /* border-radius: 6px; */
    border-style: solid;
    border: 0px solid #ccc;
    background-color: #eee;
    height: 35px !important;
    border-radius: .25rem !important;
}

    button#deleteDate:hover {
        border: 1px solid #b7b5b5;
        background-color: #e0e0e0;
    }

#SearchEngine #min button {
    top: 4px !important;
}

#SearchEngine #max button {
    top: 3px !important;
}

#SearchEngine {
    overflow: hidden;
}

div.intl-tel-input {
    width: 100%;
}

#divForListingItems .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 10px;
    line-height: 1px;
}


#SearchEngine input.mbsDatePicker, #SearchEngine input#AutoCompletetxt {
    /* border: none; */
    border: 1px solid #ced4da;
    border-radius: .25rem !important;
    box-shadow: none !important;
    height: 35px !important;
}


input.ng-pristine {
    border-style: solid;
    border-width: 1px;
}

@media only screen and (max-width: 800px) {

    #SearchEngine div.form-group div.col-lg-5 {
        float: right !important;
    }

    #SearchEngine .form-group.has-feedback {
        margin: 0px 0px 8px;
        /*
    margin: 0px 15px 8px;
    overflow: hidden;
    */
        padding-bottom: 13px;
        padding-top: 10px;
        border-bottom: 1px dashed #efdadf !important;
    }

        #SearchEngine .form-group.has-feedback > label, #SearchEngine .form-group.has-feedback > div {
            margin-right: 0;
            margin-left: 0;
        }
}

@media only screen and (max-width: 480px) {
    #SearchEngine .form-group.has-feedback {
        border-bottom: 1px dashed #efdadf !important;
    }

    #SearchEngine input, #SearchEngine select, #SearchEngine textarea {
        max-width: 100%;
    }

    #SearchEngine .form-group.has-feedback > label, #SearchEngine .form-group.has-feedback > div {
        padding: 0;
    }

    #SearchEngine .form-group.has-feedback > label {
        margin-top: 0;
    }

    #SearchEngine .control-label {
        text-align: left;
    }
}



/********AUDIT STOCK*************/


.form-group#total-stock {
    border-width: 0 !important;
}


/*****COMPANYSITE***/

#SearchEngine input[type="radio"], #SearchEngine input[type="checkbox"] {
    margin-left: 15px !important;
}

@media only screen and (max-width: 479px) {
    #SearchEngine input[type="checkbox"], #SearchEngine input[type="radio"] {
        top: 5px;
        /*float: right;*/
    }

    #SearchEngine.customer_search input[type="radio"] {
        top: -4px;
        /*float: right;*/
    }
}


#SearchEngine.customer_search input[type="radio"], #SearchEngine.customer_search input[type="checkbox"] {
    margin-left: 8px !important;
}

.customer_search input#GenderFemale {
    margin-left: 0 !important;
    margin-right: 8px;
}

@media only screen and (max-width: 330px) {
    .customer_search input#GenderFemale {
        margin-left: 0 !important;
        margin-right: 6px;
    }

    #SearchEngine.customer_search input[type="radio"], #SearchEngine.customer_search input[type="checkbox"] {
        margin-left: 6px !important;
    }
}

#SearchEngine .direct-auto-complete button {
    height: 35px !important;
    border-radius: .25rem !important;
}

    #SearchEngine .direct-auto-complete button.glyphicon-search:before, #SearchEngine .direct-auto-complete button.glyphicon-plus:before {
        line-height: 9.5px;
    }

@media only screen and (max-width: 479px) and (min-width: 320px) {
    #SearchEngine .direct-auto-complete button {
        top: 0px;
    }
}

@media only screen and (max-width: 380px) {
    .radio-select .col-xs-6 {
        padding: 0 !important;
        text-align: right !important;
    }
    /*.radio-select .help-block{text-align: right;}*/
}

@media only screen and (max-width: 769px) {
    .radio-select {
        padding: 0 !important;
        text-align: right;
    }

    /*.radio-select .help-block{text-align: right;}*/
}

@media only screen and (max-width: 1025px) {
    .radio-select {
        float: right;
    }

    /*.radio-select .help-block{text-align: right;}*/
}

/*************/

#SearchEngine .direct-auto-complete {
    width: 100%;
}




input#AutoCompletetxt {
    /* width: 100% !important;*/
    float: left;
}


.direct-auto-complete {
    width: 100%;
    position: relative;
}

.auto-complete-absolute-container {
    top: 34px;
}


#SearchEngine .width-without-button {
    width: 100%;
}

/********** SYSTEM UPLOAD IMAGES *************/
.divPhotoUpload > mbs-direct-single-photos-upload {
    width: 49% !important;
    padding: 0 5px;
    display: inline-block !important;
    min-height: 180px !important;
}

.clsDragNDrop {
    width: 100% !important;
    padding: 3px;
    color: #a61949;
    margin: 0 0 8px !important;
    position: relative;
}

@media only screen and (max-width: 900px) {
    .divPhotoUpload > mbs-direct-single-photos-upload {
        width: 95% !important;
        display: block !important;
        margin: auto;
    }
}

.divPhotoUpload {
    text-align: center;
}

/*
div#ui-datepicker-div {
    left: 532.953px !important;
}
*/

.create-edit-page #DragNDrop, .create-edit-page .clsCenterElement, .create-edit-page .divOtherImages {
    border-radius: 5px;
}

div.deleteImage {
    right: 2px;
    top: 2px;
    border-radius: 3px;
}


/******* MENU BAR*************/

#activity b.badge {
    position: absolute;
    top: -5px;
    padding: 0 !important;
    left: 31px;
    width: 25px;
    height: 20px;
    line-height: 20px !important;
    vertical-align: middle;
    font-size: 12px !important;
}

.smart-style-3 #logo-group span#activity, .smart-style-3 .btn-header > :first-child > a {
    background-image: none !important;
    border: 1px solid transparent;
    cursor: pointer !important;
}

.btn-header > :first-child > a {
    background-image: none !important;
}

.smart-style-3 #logo-group span#activity:active, .smart-style-3 #logo-group span#activity:hover, .smart-style-3 .btn-header > :first-child > a:active, .smart-style-3 .btn-header > :first-child > a:hover {
    -webkit-box-shadow: inset 0px 0px 0 #985813, inset 0px 0px 0 #985813 !important;
    -moz-box-shadow: inset 0px 0px 0 #985813,inset 0px 0px 0 #985813 !important;
    box-shadow: inset 0px 0px 0 #985813, inset 0px 0px 0 #985813 !important;
    background-color: rgba(51, 51, 51, 0.14901960784313725);
}

/******* PAGINATION *******/
#ToBegining i.material-icons {
    vertical-align: bottom;
}

.div-list-manager .rightSpace, #detailsPageTopNavigationPosition .rightSpace {
    margin-right: 0 !important;
}

#hasPrev button, #hasNext button, .clsNavigHasPrev button, .clsNavigHasNext button {
    vertical-align: top;
}

#noPrev span.boldspan, .clsNavigNoPrev span.boldspan {
    height: 30px;
    display: inline-block;
    padding: 5px 14px 0 13px;
    color: #797979;
    cursor: default;
}

#noNext span.boldspan, .clsNavigNoNext span.boldspan {
    height: 30px;
    display: inline-block;
    padding: 5px 15px 0 15px;
    color: #797979;
    cursor: default;
}

.prev-icon i, .last-icon i {
    vertical-align: top;
    height: 30px;
    padding-top: 3px;
    color: #797979;
    cursor: default;
}

.prev-icon i {
    padding-left: 7px;
    margin-right: 4px;
}

.last-icon i {
    margin-left: 1px;
}

button#Prev, button#Next {
    padding: 3px 13px 3px 14px;
    height: 30px;
    color: #000;
    border: solid 1px rgba(0, 0, 0, 0);
}

    button#Prev:hover, button#Next:hover {
        /* padding: 3px 13px 3px 14px;
        height: 30px;*/
        color: #fff;
        border: solid 1px rgba(0, 0, 0, 0);
        background-color: #a31949;
    }


.pageNumbers {
    float: initial !important;
    /* width: 130px; */
    height: 25px;
    padding: 5px 12px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 3px;
}

mbs-list-controls#listControls > div, mbs-list-controls#listControls {
    float: left;
    width: 100%;
    display: block;
    /*text-align: center;*/
    margin: auto;
}

    mbs-list-controls#listControls > div {
        padding-bottom: 10px;
    }

.div-list-manager {
    text-align: center !important;
    margin-top: 5px !important;
    /* float: left; */
    height: 25px;
    /* margin-top: 1em; */
    /* width: 88%; */
    padding-top: 6px;
    display: inline-block;
}

/*
@media only screen and (max-width: 340px) 
{
    .pageNumbers {
        width: 95px;
        /*
        width: 98px;
            *\

        height: 30px;
        padding: 5px 0px;
        font-weight: 700;
    }
}
*/


button#ToEnd, button#ToBegining {
    height: 30px;
    color: #000;
    border: solid 1px rgba(0, 0, 0, 0);
}

    button#ToEnd:hover, button#ToBegining:hover {
        color: #fff;
        border: solid 1px rgba(0, 0, 0, 0);
        background-color: #a31949;
    }

button#ToBegining {
    border-radius: 23px 0 0 23px;
    margin-right: -5px !important;
}

button#ToEnd {
    border-radius: 0 23px 23px 0;
    margin-left: -5px !important;
}



.curve_prev i, .curve_next i {
    vertical-align: text-bottom;
    font-size: 15px;
}

.curve_prev {
    border-radius: 15px 0 0 15px;
}

.curve_next {
    border-radius: 0 15px 15px 0;
}

.clsNavigNoPrev span.boldspan {
    height: 30px;
    display: inline-block;
    padding-top: 5px;
    padding-right: 14px;
    padding-left: 14px;
    cursor: default;
    color: #797979;
}

.clsNavigNoNext span.boldspan {
    height: 30px;
    display: inline-block;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 14px;
    cursor: default;
    color: #797979;
}

.div-top-number {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}

#detailsPageTopNavigationPosition {
    margin-top: 0px;
}


div.BackToList {
    /*float: left;*/
    margin-top: 25px;
    margin-bottom: 20px;
}

#BackToList /*, #backdetails */ {
    transition: width 1s ease;
    background-color: #a61949 !important;
    padding: 8px 22px;
    border-radius: 50px;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    font-weight: 700;
}


    #BackToList:hover /*, #backdetails:hover */ {
        text-decoration: none;
    }


    #BackToList:before /*, #backdetails:before */ {
        content: "\f060";
        font-family: FontAwesome;
        margin-right: 9px;
        display: inherit;
        transition: display 1s ease;
    }
/* #backdetails {width: auto !important; border: none !important;margin-bottom: 15px !important;} */

@media only screen and (max-width: 405px) {
    #BackToList /*, #backdetails*/ {
        display: inline-block;
        margin-top: 20px;
    }
}



@media only screen and (max-width: 420px) {

    mbs-list-controls#listControls > div, mbs-list-controls#listControls {
        text-align: center;
    }


    .curve_prev i, .curve_next i {
        vertical-align: text-bottom;
        font-size: 15px;
        margin-bottom: 2px;
    }

    .pageNumbers > span {
        padding-top: 20px;
    }

    #detailsPageTopNavigationPosition {
        border: 1px dashed lightgrey;
        /* width: 100%; */
        margin-top: 15px;
        border-radius: 22px;
    }

    .div-top-number {
        display: inline-block;
        vertical-align: top;
        margin-top: -3px;
    }

    .div-list-manager .pageNumbers, #detailsPageTopNavigationPosition .pageNumbers {
        padding-top: 6px;
    }
}


@media only screen and (max-width: 400px) {
    .pageNumbers {
        float: left !important;
    }

    .div-list-manager {
        display: block;
        float: right;
        margin-top: 1px !important;
        margin-bottom: 5px;
    }

        .div-list-manager .pageNumbers {
            /* width: 95px;
        
        width: 98px;
            */
            height: 30px;
            padding: 5px 12px;
            font-weight: 700;
            margin-right: 5px;
            display: block;
            float: left !important;
            width: 100%;
            text-align: left;
        }

        .div-list-manager button#Prev, .div-list-manager button#Next {
            padding: 0px 8px 0px 8px;
        }

    #noPrev span.boldspan, .clsNavigNoPrev span.boldspan {
        padding: 3px 8px 0 8px;
    }

    #noNext span.boldspan, .clsNavigNoNext span.boldspan {
        padding: 3px 8px 0 8px;
    }

    div#noNext, div#noPrev {
        height: 30px;
    }
}


/**********SYSTEM USER DETAILS***********/

.displayDetailslnk {
    text-transform: capitalize;
}

    .icon-inside {
    display: block;
    width: 27px;
    position: absolute;
    /* float: right; */
    right: 15px;
    top: 7px;
    height: 100%;
    cursor: pointer;
}



@media only screen and (max-width: 1025px) {
    .details-page div.form-group div.col-lg-5 {
        float: right !important;
    }

    .details-page .form-horizontal .form-group.has-feedback {
        margin: 0 0;
        padding: 9px 0 13px !important;
        border-bottom: 1px dashed #efdadf;
    }
}



@media only screen and (max-width: 800px) {

    div.form-group div.col-lg-5 {
        float: right !important;
    }

    .form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: -15px;
    }

    .form-horizontal .form-group.has-feedback label {
        margin-left: -15px;
    }

    .form-horizontal .form-group.has-feedback {
        margin: 0 0;
        padding: 9px 0 13px !important;
        border-bottom: 1px dashed #efdadf;
    }
}

/********** LAYBY CONTRACT DETAILS ************/

@media only screen and (max-width: 800px) {
    div[ng-controller=LayByContractDetailsCtrl].form-horizontal .form-group.has-feedback {
        margin: 0 0;
        padding: 9px 0 13px !important;
        border-top: 1px dashed #efdadf;
        border-bottom: none !important;
    }

    div[ng-controller=LayByContractDetailsCtrl] div#detailsPageTopNavigationPosition {
        margin-bottom: 25px;
    }
}



/******* COMPANY PAGE ***********/

.fc-border-separate thead tr, .table thead tr {
    background-color: transparent !important;
    background-image: none;
}


/* The two css class descriptions below are used to render the grids horizontally scrollable =========== */

.table-dt-basic-scroll {
    min-width: 500px;
    width: 100%;
}

@media only screen and (max-width: 769px) {
    .main-directive-div-scroll {
        margin-top: 20px;
        /* width: max-content; */
        overflow-x: scroll;
    }

    .jarviswidget-div-scroll {
        overflow-x: scroll;
    }
}

/*
table#dt_basic {
    min-width: 500px;
    width: 100%;
}

@media only screen and (max-width: 769px) 
{
    mbs-create-edit-table-grid-vers-two > div {
        margin-top: 20px;
        /* width: max-content; *\
        overflow-x: scroll;
    }
    
    .jarviswidget > div {
        overflow-x: scroll;
    }
}
    */

/* ===================================================================================================== */
div.main-table table {
    width: 100% !important;
    border: 1px solid #a61949 !important;
}

    div.main-table table.table.table-striped > tbody {
        border: none !important;
    }

div.main-table tbody > tr:first-child > td, div.main-table tbody > tr:first-child:hover > td {
    /* font-size: 12px;
    padding: 5px 0 5px 9px;*/
    border-style: solid;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-color: #ddd !important;
}

    div.main-table tbody > tr:first-child > td:first-child, div.main-table tbody > tr:first-child:hover > td:first-child {
        border-left-width: 0 !important;
    }

    div.main-table tbody > tr:first-child > td:last-child, div.main-table tbody > tr:first-child:hover > td:last-child {
        border-right-width: 0 !important;
    }

div.main-directive-cls th, div.main-table th {
    border-width: 0px 1px 0px 0px !important;
}

    div.main-directive-cls th:last-child, div.main-table th:last-child {
        border-width: 0 !important;
    }


div.main-directive-cls thead, div.main-table tbody > tr:first-child, div.main-table tbody > tr:first-child:hover {
    border-width: 1px !important;
    border-color: #a61949;
    background-color: #a61949;
    color: #fff;
}

    div.main-directive-cls thead a, div.main-table thead a {
        /* color: #232323 !important; */
        font-weight: 700;
    }
/*
        div.main-directive-cls thead a:hover, div.main-directive-cls thead a:focus {
            color: #eee !important;
        }
            */

div.main-directive-cls .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th,
div.main-table .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: transparent;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(234, 75, 129, 0.15);
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: rgba(238, 238, 238, 0.41);
}

.table-hover > tbody > tr:nth-of-type(odd):hover {
    background-color: rgba(234, 75, 129, 0.3);
}

div.main-directive-cls .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: transparent;
}

.table-hover > tbody > tr:hover {
    background-color: rgba(247, 212, 223, 0.27);
}

.table-bordered > tbody > tr > td {
    border-width: 0px 1px 0px 0px /* !important */;
    border-color: #a61949;
}

    .table-bordered > tbody > tr > td:last-child {
        border-width: 0 /* !important */;
    }


/***********PREVIEW PAGES ****************/
mbs-create-edit-table-grid-vers-two > div {
    margin-bottom: 25px;
}

button#preview, .form-bottom-buttons button#next {
    background-color: #fff;
    color: #333;
}

.form-bottom-buttons button#next {
    padding: 6px 12px;
    border: 1px solid #ccc;
    height: auto;
}


button#cancel:hover, button#cancel:focus, button#backdetails:hover, button#backdetails:focus {
    /* background-color: #c32727a8;*/
    background-color: #525251;
    /* background-color: rgba(234, 67, 53, 0.3); */
}

button#preview:hover, button#preview:focus {
    background-color: #cacaca;
    color: #232323;
}

button#clear, button#cancel, button#backdetails {
    background-color: #3d3b39;
    color: #fff;
}

    button#clear:hover, button#clear:focus {
        background-color: #525251;
    }



.form-bottom-buttons button#next:hover, .form-bottom-buttons button#next:focus {
    background-color: #cacaca;
    color: #232323;
}

button#submit:hover, button#submit:focus {
    background-color: rgba(52, 168, 83, 0.3);
    color: #232323;
}

button#modify:hover, button#modify:focus {
    /*background-color: #4542f9;*/
    background-color: rgba(66, 133, 244, 0.4);
    color: #232323;
}


.form-bottom-buttons {
    padding-bottom: 10px;
}



@media only screen and (max-width: 480px) {
    .form-bottom-buttons {
        float: left;
        width: 100%;
        text-align: center;
    }

        .form-bottom-buttons > button {
            width: 30%;
        }
}

/*************CONSIGNEMENT *******/
@media only screen and (max-width: 1024px) and (min-width: 321px) {
    .col-lg-6.date-label {
        width: 80%;
        float: right;
        text-align: right;
    }
}
/*************CONSIGNEMENT *******/
@media only screen and (max-width: 320px) {
    .col-lg-6.date-label {
        width: 100%;
        float: right;
        text-align: right;
    }
}

@media only screen and (max-width: 800px) {
    .form-horizontal .form-group.has-feedback > div.col-lg-6 {
        margin-right: -15px;
    }
}

/*********** CREATE PAGES **************/

input#GenderFemale, input#GenderFemale1, input#GenderFemale2 {
    margin-left: 0 !important;
    margin-right: 15px;
}


@media only screen and (max-width: 767px) {

    .gender-select input, .gender-sex {
        top: -4px;
        float: left !important;
    }
}




.ta-editor.ta-html, .ta-scroll-window.form-control, .ta-scroll-window > .ta-bind {
    height: auto;
    min-height: 200px;
}

.create-description {
    width: 100%;
    float: left;
    margin-top: 1em;
    padding-top: 15px;
    border-top: 1px solid rgba(166, 25, 73, 0.6);
}

    .create-description label {
        padding-left: 0;
        padding-bottom: 5px;
    }

.divPhotoUpload {
    border-top: 1px rgba(166, 25, 73, 0.6) /* #5C87B2 */ solid;
    border-bottom: 1px rgba(166, 25, 73, 0.6) /* #5C87B2 */ solid;
}


.smart-style-3 input[type=text] {
    border: 1px solid #ced4da;
    border-radius: .25rem !important;
    box-shadow: inset 0 0px 0 #d6d6d6;
}


.product-select-text {
    display: block;
    margin-bottom: 10px;
    padding: 20px 0 10px;
}

[name=LayByContractCreateEdit] button#deleteDate {
    top: 4px;
}

[name=LayByContractCreateEdit] .direct-auto-complete button {
    top: 1px;
}

[name=LayByContractCreateEdit] .glyphicon-plus:before {
    line-height: 1em;
}



@media only screen and (min-width: 800px) {
    .product-select-text {
        border-top: 1px solid rgba(166, 25, 73, 0.6);
    }
}


@media only screen and (max-width: 1025px) {
    #ProductCreate select.time-selection {
        width: 62px !important;
    }
}


@media only screen and (max-width: 767px) {

    #catsalenumber input, #catsalenumber select, #catsalenumber textarea {
        max-width: 100%;
    }



    .create-edit-page input, .create-edit-page select, .create-edit-page textarea {
        max-width: 100%;
        float: right /* left \* right */;
    }

    input.mbsDatePicker {
        float: unset;
    }



    #subcatproductnumber input, #subcatproductnumber select, #subcatproductnumber textarea {
        max-width: 100%;
    }

    #CustomerSendSms input, #CustomerSendSms select, #CustomerSendSms textarea {
        float: right;
        max-width: 100%;
    }

    #ManagecompanyUser input, #ManagecompanyUser select, #ManagecompanyUser textarea {
        max-width: 100%;
    }

    #EditNextOfKins input, #EditNextOfKins select, #EditNextOfKins textarea {
        max-width: 100%;
    }

    #subcatsalenumber input, #subcatsalenumber select, #subcatsalenumber textarea {
        max-width: 100%;
    }

    #EditCompanyProduct input, #EditCompanyProduct select, #EditCompanyProduct textarea {
        max-width: 100%;
    }

    #AddCompanyProduct input, #AddCompanyProduct select, #AddCompanyProduct textarea {
        max-width: 100%;
    }

    .damage-product-review input, .damage-product-review select, .damage-product-review textarea {
        max-width: 100%;
        width: 100%;
    }

    #transactionreport input, #transactionreport select, #transactionreport textarea {
        max-width: 100%;
        width: 100%;
    }



    #CustomerSendSms .has-feedback > label, #CustomerSendSms .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }


    #subcatproductnumber .has-feedback > label, #subcatproductnumber .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }


    #catsalenumber .has-feedback > label, #catsalenumber .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }

    #subcatsalenumber .has-feedback > label, #subcatsalenumber .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }

    #transactionreport .has-feedback > label, #transactionreport .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }

    #ManagecompanyUser .has-feedback > label, #ManagecompanyUser .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }

    #EditNextOfKins .has-feedback > label, #EditNextOfKins .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }

    #EditCompanyProduct .has-feedback > label, #EditCompanyProduct .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }

    #AddCompanyProduct .has-feedback > label, #AddCompanyProduct .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }

    .damage-product-review .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }

    .create-edit-page .has-feedback > label, .create-edit-page .has-feedback > div {
        padding-left: 0;
        padding-right: 0;
    }

    [name=LayByContractCreateEdit] input[type="radio"], [name=LayByContractCreateEdit] input[type="checkbox"], [name=NotificationCreateEdit] input[type="radio"], [name=NotificationCreateEdit] input[type="checkbox"] {
        margin-left: 0;
    }



    #CustomerSendSms.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    #subcatproductnumber.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    #catsalenumber.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    #subcatsalenumber.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    #transactionreport.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    #EditCompanyProduct.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    #ManagecompanyUser.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    #EditNextOfKins.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    #AddCompanyProduct.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    .create-edit-page.form-horizontal .form-group.has-feedback label {
        text-align: left;
    }

    #ProductCustomerSale, #ProductLayByContract {
        float: right;
    }
}

@media only screen and (max-width: 800px) {
    #catsalenumber.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    #CustomerSendSms.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    #transactionreport.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    #subcatproductnumber.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    #AddCompanyProduct.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    #ManagecompanyUser.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    #subcatsalenumber.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    #EditCompanyProduct.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    #EditNextOfKins.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    .damage-product-review.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    .create-edit-page.form-horizontal .form-group.has-feedback > div.col-lg-5 {
        margin-right: inherit;
    }

    #DamageProductCreateCtrl .width-without-button {
        max-width: 100%;
        width: 100%;
    }



    #CustomerSendSms.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    #catsalenumber.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    #transactionreport.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    #AddCompanyProduct.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    #subcatproductnumber.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    #EditNextOfKins.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    #EditCompanyProduct.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    #ManagecompanyUser.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    #subcatsalenumber.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    .create-edit-page.form-horizontal .form-group.has-feedback label {
        margin-left: inherit;
    }

    .create-description {
        border-top: 0px solid rgba(166, 25, 73, 0.6);
    }


    #ProductCreate .create-description, [name=MoveProductReceive] .create-description, [ng-controller=ProductMovementCreateEditCtrl] .create-description {
        border-top: 1px solid rgba(166, 25, 73, 0.6);
    }
}


/***** BARCODES CSS ******/

.display-barcodes {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    overflow: hidden !important;
    margin: 50px auto !important;
}

#displayBarcodeInternal {
    width: 100% !important;
    display: block !important;
    margin: auto !important;
    padding: 15px !important;
}

#barcodePrinter .form-group {
    overflow: hidden;
}

@media only screen and (max-width: 800px) {
    .includ-box {
        float: right !important;
        text-align: right;
    }
}

@media only screen and (max-width: 480px) {
    #barcodePrinter .control-label {
        text-align: left;
    }
}


/******** MY BUSINESS COMPANIES ********/
@media only screen and (max-width: 480px) {
    #displayListCompaniesDiv ul > li {
        display: inline-block;
        margin: 3px;
        min-width: 47%;
        /* min-width: 131px; */
    }
}


.rating-container {
    padding-top: 3px;
}

    /*****PRODUCTS RECEPTION*******/

    .time-selection-div .col-xs-6 {
    padding: 0;
}

@media only screen and (max-width: 480px) {
    .time-selection-div .col-xs-6 {
        text-align: right;
    }

    select.time-selection {
        float: unset;
    }
}


/***************************************/



table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: transparent !important;
}

table.dataTable input {
    float: left !important;
}




/*********** FOOOTER ***************/
.comp-profile {
    display: block;
}


/********* REPORT TRANSACTION*******/

#the_siteName::after {
    content: '\f200';
    font: normal normal normal 14px/1 FontAwesome;
    /* display: block;
    position: absolute;
    background-color: #fff;
    width: 50px;
    bottom: 2px;
    height: 87%;
    right: 3px;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;*/
}

@media only screen and (max-width: 800px) {
    #ProductStockValue .form-group.has-feedback > .col-lg-5, #ProductStockValue .form-group.has-feedback > div.col-lg-5,
    #ProductOutOfStock .form-group.has-feedback > div.col-lg-5, #ProductOutOfStock .form-group.has-feedback > .col-lg-5 {
        margin: 0;
        padding: 0;
    }

    #ProductStockValue .form-group.has-feedback > .control-label, #ProductOutOfStock .form-group.has-feedback > .control-label {
        text-align: left;
    }
}

@media only screen and (max-width: 1200px) {
    #ProductStockValue .form-group.has-feedback input[type="radio"], #ProductStockValue .form-group.has-feedback input[type="checkbox"],
    #ProductOutOfStock .form-group.has-feedback input[type="radio"], #ProductOutOfStock .form-group.has-feedback input[type="checkbox"] {
        margin-left: 0;
    }
}

.ui-datepicker {
    /* top: 20.6%!important; */
    left: 531px !important;
}

@media only screen and (max-width: 979px) {
    .ui-datepicker {
        /* top: 21.6%!important; */
        left: 293px !important;
    }
}

@media only screen and (max-width: 480px) {
    .ui-datepicker {
        /* top: 24.1%!important; */
        left: 16px !important;
    }
}



/********* CUSTOMERSALE CREATE *********/

span.review-alert {
    display: block;
    text-align: center;
    color: #a61949;
    font-weight: 600;
}

span.review-info {
    display: block;
    text-align: center;
    color: #428bca /* blue */;
    font-weight: 600;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.5em;
}

/******MODAL*******/
.modal-header {
    min-height: 16.428571429px;
    padding: 5px 28px 5px 20px; /*3px 15px*/
    border-bottom: 1px solid #640f2c;
    background-color: #ab0c42;
}

    .modal-header h4 {
        color: #fff;
    }

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
    background: transparent;
    border-radius: 3px;
    color: #fff;
    font-size: 26px;
    font-weight: 800;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before, .ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
    color: #fff;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
    background: #ab0c42;
    color: #fff;
}


.ngdialog.ngdialog-theme-default .ngdialog-close {
    right: 17px;
    top: 12px;
}

.has-error .form-control#amountbcktocustomer {
    border-color: #428bca !important;
}




.product-table {
    float: left;
    width: 100%;
}



    .product-table .table > thead {
        background-color: #a61949;
        color: #fff;
        font-size: 14px;
        border: 1px solid #a61949;
    }

        .product-table .table > thead > tr {
            font-size: 13px;
        }

    .product-table .table > tbody > tr > td {
        border-right: 1px solid #a61949;
        border-left: 1px solid #a61949;
    }

    .product-table .table > tbody > tr > td {
        font-size: 13px;
    }

    .product-table .table > tbody:nth-child(odd) > tr > td {
        background-color: #ffccde;
    }

    .product-table .table > tbody:nth-child(odd):hover > tr > td {
        background-color: #f9a7c6;
    }

    .product-table .table > tbody:nth-child(even) > tr > td {
        background-color: #fbfbfb;
    }

    .product-table .table > tbody:first-of-type > tr > td {
        border-top: 1px solid #a61949 !important;
    }

    .product-table .table-striped > tbody:last-of-type > tr > td {
        border-bottom: 1px solid #a61949 !important;
    }

    .product-table thead > tr > td {
        border-left: 1px solid #fff;
    }

        .product-table thead > tr > td:first-child {
            border-left: 0px solid transparent;
        }


.return-item table {
    border-top: 2px solid #a21948;
    border-bottom: 2px solid #a21948;
}

    .return-item table tbody, .return-item .table tbody + tbody, .return-item .table > tbody + tbody {
        border-bottom: 2px dashed #d6a0b2 !important;
    }

    .return-item table tbody, .return-item .table tbody + tbody, .return-item .table > tbody + tbody {
        border-top: 0px dashed transparent !important;
    }


    .return-item table > tbody > tr:first-child > td:first-child {
        text-decoration: underline;
    }

.create-edit-page input, .create-edit-page select, .create-edit-page textarea {
    max-width: 100%;
    /* float: right; */
}



.return-item label {
    margin-right: 5px;
}

@media only screen and (max-width: 767px) {
    .return-item input {
        float: initial !important;
    }

    .return-item table td > span {
        display: block;
        min-width: 90%;
    }
}


@media only screen and (max-width: 375px) {
    .return-item input {
        width: 35px !important;
    }

    .return-item label {
        margin-right: 0px;
    }
}


















/*
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}
*/
/* Managing the display 'Need More' in the Grid ********************/
input .cellEditable + a {
    margin-right: 0 !important;
}

div.main-directive-cls input[type=text] {
    /* width: 100% \* 73%  70% *\; */
    margin-right: 5px;
    /* width: 150px; */
}

/*******************************************************************/
.details-page div#detailsPageTopNavigationPosition {
    margin-bottom: 10px;
    /* padding-left: 13px; */
}


/***************POP UP MODAL **********/


.modal-body .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    background-color: transparent !important;
}

table.table.table-striped > tbody {
    border: 1px solid #ddd;
}

.create-edit-page div.auto-complete-absolute-container {
    top: 34px;
    max-width: 300px;
    width: 120%;
    margin-top: 4px;
    border-color: #428bca;
    border-width: 2px;
}


.ngdialog.ngdialog-theme-default .ngdialog-button {
    float: inherit !important;
}



.finaliseButtonCls {
    margin: 3px 0 !important;
}


@media only screen and (max-width: 320px) {
    .finaliseButtonCls {
        width: 200px !important;
        margin: 3px 0;
    }
}


@media only screen and (max-width: 769px) {


    .jarviswidget > div {
        min-width: 100%!important;
        width: auto !important;
    }
}

/*********** LAYBYE CONTRACT ***********/



.off-perc, span.off-perc {
    vertical-align: text-bottom !important;
    display: inline-block !important;
    float: left;
    bottom: 12px;
    height: 36px;
    line-height: 36px;
}

.amount-perc {
    width: 20%;
    margin-right: 5px;
    display: inline-block !important;
    float: left !important;
}

.amount-back {
    width: 55%;
    margin-right: 10px;
    display: inline-block !important;
    float: left !important;
}



#detailsPageTopNavigationPosition .pageNumbers {
    margin-bottom: 0 !important;
}


/******* DISPATCHED PRODUCT*******/

div.dispatched-box {
    float: left;
    width: 100%;
    background-color: #fbfbfb;
    padding: 8px 15px;
    margin-bottom: 8px;
    margin-top: 8px;
    /* border-radius: 5px; */
    border: 1px solid #ababab;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

/*
.form-horizontal>div.dispatched-box:nth-child(odd) {
    background-color: #fbfbfb;
}

.form-horizontal>div.dispatched-box:nth-child(odd) {
    background-color: #fbfbfb;
}
*/

.view-reserved {
    /*overflow-x: scroll;*/
}

    .view-reserved table {
        margin-top: 30px;
        border-top: 2px solid #a21948;
        border-bottom: 2px solid #a21948;
    }

    .view-reserved .bizz-site, .view-reserved .total {
        border-top: 2px dashed #a21948;
    }



/*****************************/
.main-directive-cls td .label {
    float: right;
}

/******** SITE PRODUCT QUANTITIES ********/
#refresh-report {
    min-width: 38px;
}

#refresh-report {
    height: 28px !important;
    width: 35px;
}

button#refresh-report {
    margin-top: -4px;
}


/***********************/
/***********RESPONSIVE***************/

@media (max-width: 992px) and (min-width: 768px) {

    .btn-header.transparent a {
        border: none !important;
        background: 0 0;
        margin-left: 0;
        width: 25px !important;
        box-shadow: none !important;
    }
}


@media (max-width: 992px) and (min-width: 768px) {

    #main {
        margin-left: 0;
        overflow-x: inherit;
    }
}

@media (max-width: 992px) {

    #fullscreen > :first-child > a {
        display: none !important;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    #left-panel {
        left: -350px;
    }
}

/*****************************************/



@media print {
    .form-group {
        width: 100%;
        display: none !important;
        background: #eee !important;
    }

    .col-lg-5 {
        width: 50%;
        display: inline-block;
        background: #eee !important;
    }
}

/******* ADVANCED SEARCH BUTTON*******/
.adv-button-block {
    float: left;
    text-align: left !important;
}


#AdvancedSearchID {
    height: 35px;
    width: 60px;
    min-width: 60px;
    padding: 3px 0px 3px 0px;
    font-size: x-large;
    cursor: pointer;
    color: #ffffff;
    /* float: left; */
    border-radius: 0;
    background-color: #a61949;
    vertical-align: bottom;
}

button.search-button {
    border-style: solid;
    height: 35px;
    width: 41px;
    top: 4px;
}



@media (max-width: 480px) {
    input#AutoCompleteId {
        width: 90% !important;
        display: block;
        margin: auto;
    }

    #keywordSearch button#AdvancedSearchID {
        vertical-align: middle;
    }

    #keywordSearch button.search-button {
        top: 5px !important;
    }
}

/*div#AdvancedSearchID, div#filter-panel,*/ .CustomerList .container-fluid, .ProductList .container-fluid {
    margin-bottom: 15px;
    padding: 15px 0;
    border-width: 1px 0;
    border-style: dashed;
    border-color: #d6a0ad /* #efdadf  #a61949 */;
}

div#AdvancedSearchID {
    background-color: transparent;
    width: 100%;
    height: auto;
}

div#filter-panel {
    padding-top: 15px;
}

.CustomerList div#filter-panel, .ProductList div#filter-panel {
    border-width: 0;
    padding: 0px 17px;
}

@media (max-width: 480px) {
    .adv-button-block {
        padding-left: 0px !important;
    }
}


/******* TOOLTIP CSS*******/

.infotip i {
    color: #a61949;
    font-size: 20px;
}

.infotip {
    float: left;
    position: relative;
    display: inline-table;
    width: auto !important;
    border: none;
    margin-bottom: 0 !important;
}


    .infotip .infotiptext {
        visibility: hidden;
        width: 300px;
        background-color: #333;
        color: #fff;
        text-align: left;
        font-size: 11px !important;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        top: -21%;
        left: 105%;
        margin-left: -20px;
        opacity: 0;
        transition: opacity 0.3s, margin-left 0.5s;
        padding: 7px;
    }

        .infotip .infotiptext a {
            font-weight: 800;
        }


        .infotip .infotiptext::after {
            content: "";
            position: absolute;
            top: 12px;
            left: -13px;
            margin-left: 0px;
            border-width: 7px;
            border-style: solid;
            border-color: transparent #333 transparent transparent;
        }

    .infotip:hover .infotiptext {
        visibility: visible;
        opacity: 1;
        margin-left: 0px;
    }

@media (max-width: 1025px) {
    .infotip .infotiptext {
        width: 230px
    }
}

@media (max-width: 760px) {
    .infotip .infotiptext {
        width: 168px;
        top: 117%;
        left: 54%;
    }

        .infotip .infotiptext::after {
            top: -13px;
            left: 83px;
            border-color: transparent transparent #333 transparent;
        }
}


.infotip-line {
    border-color: #e5e5e5;
    margin-bottom: 20px;
    margin-top: 0;
    width: 100%;
}

/****** HELPERS FILES ******/
.step-block h3 {
    padding-bottom: 0px;
    margin-top: 2px;
    margin-bottom: 5px;
}

.step-block img {
    margin-top: 10px;
}

.step-block {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.video-helper {
    padding-bottom: 15px;
    border-bottom: 1px solid #a61949;
    margin-bottom: 20px;
}

.image-helper img {
    text-align: center !important;
    margin: auto;
}

.image-helper {
    width: 100%;
    display: block;
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-color: #000;
}

@media only screen and (max-width: 767px) {
    .bv-form .form-group > label, .bv-form .form-group > div {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0 !important;
        margin-left: 0 !important;
        text-align: left;
    }
}

/*
.btn-save.btn {
    min-width: 30px;
    width: 34px;
    font-size: 22px;
    padding: 3px;
    float: right;
    margin-bottom: 5px
}
*/
/*#save {
    background-color: #a61949;
    color: #fff;

    width: 30px;
    font-size: 20px;
    padding: 3px;
    height: 30px;
}

#save:hover {
    background-color: #c41350
}*/
#save {
    min-width: 30px;
    width: 34px;
    font-size: 22px;
    padding: 3px;
    float: right;
    margin-bottom: 5px
}

.btn-save.btn {
    background-color: #a61949;
    color: #fff
}

    .btn-save.btn:hover {
        background-color: #c41350
    }

.smart-style-2 .bg-color-red {
    background: #e65989 !important; /* #9f1746!important; */
}

.converted_box {
    background-color: #fff;
    width: 100%;
    margin: auto;
    border: 2px solid #a61949;
    border-radius: 5px;
    padding: 5px 10px 12px;
    margin-bottom: 15px;
}

    .converted_box p {
        margin-top: 0
    }

    .converted_box .control-label {
        padding-top: 0;
    }

    .converted_box .form-group {
        min-height: 1.7em !important;
    }

    .converted_box .form-group {
        margin-bottom: 0;
    }

/*******CALENDAR*******/
a.fc-list-heading-main, a.fc-list-heading-alt { color: #000; }
.fc-event-dot {
    margin-top: 5px
}
a.fc-day-number {
    color: #000;
}
.fc-event, .fc-event-dot {
    background-color: #cd4875;
}
.fc-right .fc-button {
    margin: 0;
    background-color: #f0f0f0;
    border-color: #e3e1e1
}
.fc-right .fc-state-default {
    box-shadow: none;
    background-image: none;
}
    .fc-right .fc-state-default:hover {
        background-color: #e3e1e1
    }
    .fc-right .fc-button.fc-state-active {
        background-color: #a61949;
        color: #fff;
    } 
.fc-right .fc-agendaWeek-button, .fc-right .fc-agendaDay-button{ border-radius: 0 !important}
.fc-button { text-transform: capitalize }
.fc-right .fc-month-button { border-radius: 4px 0px 0px 4px }
.fc-right .fc-listWeek-button { border-radius: 0px 4px 4px 0px }
.fc button {
    height: 2.7em;
    padding: 0.1em 0.8em;
    font-size: 0.9em;
}
.fc-button .fc-icon {
    font-size: 1em !important;
}

/******CONSULTATION***********/

.patient_name {
    float: left;
    margin-right: 5px;

}

.consult_name {
    font-style: italic;
    font-weight: 800;
    margin-left: 5px;
}

a.displayDetailslnk:hover {text-decoration: none;}
.patient_count {
    margin-top: 10px;
    background-color: #d8d8d8;
    padding: 8px 8px;
    border-radius: 3px
}

.patient_queued, .patient_cancelled, .patient_consulted {font-weight: 600}
.patient_queued {
    color: #0091d9
}
.patient_cancelled {
    color: #901842
}
.patient_consulted {
    color: #3aba1f
}

.label_queued, .label_cancelled, .label_consulted, .label_closed, .label_active {
    font-size: 85%;
    float: left !important;
}

.displayDetailslnk .label_queued, .displayDetailslnk .label_cancelled, .displayDetailslnk .label_consulted, .displayDetailslnk .label_closed , .displayDetailslnk .label_active {
    font-size: 85%;
    float: none !important;
}
.label_queued, .label_active {
    background-color: #0091d9;
}
.label_cancelled {
    background-color: #901842
}
.label_consulted {
    background-color: #008000
}

.label_closed {
    background-color: #d7b340
}

.Status {
    font-weight: 800;
    text-transform: uppercase;
}

.status_Cancelled {
    color: #901842
}

.status_Closed {
    color: #3aba1f
}

.status_Queued, .status_Active {
    color: #0091d9
}
.patient_btn {
    background-color: #3276b1;
    border-color: #2e6da4;
    padding: 8px 15px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    cursor: pointer;
    font-weight: 700;
    margin-bottom: 10px;
}
    .patient_btn:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }
h5.queue_header {
    margin: 15px 0;
    padding: 10px 10px;
    background-color: #4c4f53;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}

span.facility_name {
    font-weight: 800;
}

.btn_begin-cons {
    color: #fff;
    background-color: #428bca;
    border-color: #cccccc;
    padding: 8px 12px;
    float: right;
    width: auto;
    margin: 20px 0;
    font-weight: 700 !important;
    font-size: 15px;
}
    .btn_begin-cons:hover {
        color: #fff;
        background-color: #3876ab;
    }


/**
.bg_Cancelled, .bg_Active, .bg_Closed {
    padding: 10px;
}

.bg_Cancelled {
    background: rgb(144 24 66 / 19%);    
}

.bg_Closed {
    background: rgb(215 179 64 / 19%);
}

.bg_Active {
    background: rgb(0 125 187 / 19%);
}
    **/