/* Minification failed. Returning unminified contents.
(291,21): run-time error CSS1038: Expected hex color, found '#0009'
(2243,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/***********************************
MARTINEZ CSS FOR MBS
MARCH 2020
**************************************/
html.smart-style-3 {
    overflow-x: hidden;
}

.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 > ul > li > a span.material-icons {
    font-size: 16px !important;
    /*font-weight: 600;*/
    vertical-align: -20%;
    margin-right: 5px;
    color: #a61949;
}



#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;
}

#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-control:focus {
        color: #495057 !important;
        background-color: #fff;
        border-color: rgb(50, 118, 177) !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;
}

#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***********/

.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; */
    }
}


/*****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 {
    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;
}

/****** 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;
    }
}