/* smart admin css overrides*/
nav ul li a {
    font-size: smaller;
    font-weight: 500;
}

nav ul ul li > a {
    font-size: smaller;
    font-weight: 400;
}

/*
#header>:first-child, aside {
	width:200px;
}

#main {
	margin-left: 200px;
}
*/

@media only screen and (min-width: 994px) {
    .HideOnLargeScreen {
        visibility: hidden;
        display: none
    }
}

    @media only screen and (min-width: 768px) {



        #search-Keyword {
            min-width: 300px !important;
        }

        #SearchDropDowns {
            height: 30px !important;
            margin-top: 10px;
        }

        #FormForSearch {
            width: 400px;
        }
    }

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

        #SearchDropDowns {
            height: 45px !important;
        }
    }

    @media only screen and (max-width: 1222px) {
        #modal-dialog-Dashboard-OrderActivity-customDates {
            width: 90% !important;
        }
    }

    .modal-header > .close > span {
        border: 1px solid white;
        border-radius: 10px;
        width: 20px;
        height: 20px;
        display: inline-block;
        padding: 0px 4px;
        background-color: white;
        margin-top: 5px;
    }

    .no-min-height {
        min-height: 1px !important;
        height: auto;
    }

    /* DataTables css overrides */
    .dataTables_processing {
        background-color: rgba(64,64,64,.7) !important;
        border: solid 1px black;
        top: 15% !important;
        height: 88% !important;
        width: 95% !important;
        left: auto;
        margin-left:-3px;
    }

    /* bos styles */
    body {
        background-image: url('/img/custom_bos/bgmain.gif');
        background-repeat: repeat;
    }

    .bos_login {
        background-color: #555 !important;
    }

    .bos_login_inner {
        max-width: 450px;
        margin: 20% auto 0px auto;
        border: 10px solid #444;
        box-shadow: 0 1px 1px #444;
        -webkit-box-shadow: 0 1px 1px #444;
        -moz-box-shadow: 0 1px 1px #444;
    }

    .bos_login_form {
        background-color: #333 !important;
        color: #ccc !important;
    }

    .validation-summary-errors {
        clear: both;
        margin-top: 10px;
        display: inline-block;
    }

        .validation-summary-errors > ul {
            list-style-type: none;
        }

            .validation-summary-errors > ul > li {
                margin-top: 10px;
            }

    .bos_radius3 {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .bos_page_wrapper {
        /*padding: 0px 10px 50px 13px;*/
        padding: 0px 0px 50px 0px;
    }

    .bos-working {
        display: none;
        z-index: 1080;
        background-color: rgba(0,0,0,.7);
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .bos_page {
        background-color: #fff;
        padding: 10px;
        border: solid 1px #eee;
        border-top: none;
        height: auto;
    }

        .bos_page::after {
            display: block;
            content: "";
            clear: both;
        }

    .bos_page_title {
        margin-bottom: 20px;
    }

        .bos_page_title > h1 {
            margin-bottom: 12px;
            border-bottom: solid 1px #3276b1;
            background-color: white;
        }

            .bos_page_title > h1 > i {
                color: #3276b1;
            }

    .bos_menu {
        padding-left: 13px;
        list-style-type: none;
    }

        .bos_menu > li {
            float: left;
        }

    .bos_menu_page_title {
        display: inline-block;
        background-color: #375269 !important;
        color: white !important;
        margin: 2px 15px 0px 25px;
        padding: 0px 25px 0px 5px !important;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-size: larger;
        font-weight: bold;
        cursor: pointer;
    }

    .bos_menu_page_title_has_text_title {
        margin-top: 10px;
        padding-top: 25px !important;
    }

.bos_menu_page_title_has_text_title_no_padding {
    padding-top: 25px !important;
}

    .bos_page_text_title {
        padding-left: 235px;
        font-size: 18px;
        font-weight: bold;
    }

    .bos_menu > li > a, .bos_menu > li > span {
        display: inline-block;
        margin-top: 0px;
        margin-right: 5px;
        background-color: #eee;
        border: 1px solid #ddd;
        border-bottom: none;
        text-shadow: 1px 1px #f7f7f7;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-image: url('/img/Custom_BOS/tab_bg.png');
        background-repeat: repeat-x;
        padding: 10px;
    }


        .bos_menu > li > a:hover {
            text-decoration: underline !important;
            color: black;
        }

    .bos_menu_active {
        background: none !important;
        background-color: #fff !important;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin-top: 6px !important;
    }

    .bos_logged_out {
        background-color: #333 !important;
        color: red !important;
    }

    .bos_site_activity_count {
        font-size: 48px;
        color: green;
    }

    .bos_whose_online {
        width: 100%;
        font-size: xx-small;
    }

    .bos_whose_online_company {
        font-weight: bold;
    }

    .bos_whose_online_avatar {
        width: 50px;
        padding-left: 2px;
        padding-top: 5px;
    }

    .bos_whose_online_border {
        border-bottom: dashed 1px #ddd;
        padding-top: 5px;
    }

    .bos-wizard {
    }

        .bos-wizard > .steps {
        }

            .bos-wizard > .steps > ul {
                list-style-type: none;
                width: 100%;
            }

                .bos-wizard > .steps > ul > li {
                    float: left;
                    width: 18%;
                    text-align: center;
                }

    #facebookmanager-edit-deal-wizard > .steps > ul > li {
        width: 30%;
    }

    .bos-wizard > .steps > ul > li > .first {
    }

    .bos-wizard > .steps > ul > li > .current {
    }

    .bos-wizard > .steps > ul > li > .last {
    }

    .bos-wizard > .steps > ul > li > .disabled {
    }

    .bos-wizard > .steps > ul > li > a {
    }

        .bos-wizard > .steps > ul > li > a > span {
        }

        .bos-wizard > .steps > ul > li > a > .current-info {
            display: none;
        }

        .bos-wizard > .steps > ul > li > a > .number {
            border-radius: 100%;
            border: 1px black solid;
            width: 25px;
            height: 25px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            color: white;
            background-color: gray;
            padding-top: 1px;
            margin: 2px;
        }

    .bos-wizard > .steps > ul > .current > a > .number {
        background-color: green;
    }

    .bos-wizard > .content {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        min-height: 250px;
        padding: 10px;
        margin-top: 5px;
        margin-bottom: 20px;
    }

        .bos-wizard > .content > wizard_title {
        }

        .bos-wizard > .content > .title {
            display: none;
        }

        .bos-wizard > .content > wizard_title > .current {
        }

        .bos-wizard > .content > wizard_title > .body {
        }

        .bos-wizard > .content > wizard_title > .current {
        }

            .bos-wizard > .content > wizard_title > .current > p {
            }

    .bos-wizard > .actions {
    }

        .bos-wizard > .actions > ul {
            list-style-type: none;
            float: right;
        }

            .bos-wizard > .actions > ul > li {
                float: left;
                margin-right: 20px;
            }

                .bos-wizard > .actions > ul > li > .disabled {
                }

    .bos-wizard-step-top-border {
        margin-top: 5px;
    }

    .bos-wizard-step-content {
        height: 235px;
        max-height: 235px;
        overflow: hidden;
    }

        .bos-wizard-step-content > h4 {
            margin-bottom: 10px;
        }

    #frmAddDeal_FacebookPageId, #frmAddDeal_ProductKey, #frmEditDeal_ProductKey {
        height: 200px;
        width: 100%;
    }

    #frmAddDeal_Description, #frmEditDeal_Description {
        margin: 0px;
        width: 100%;
        height: 86px;
    }

    #ui-datepicker-div {
        z-index: 1080 !important;
    }

    #frmAddDeal_StartTime, #frmAddDeal_EndTime, #frmEditDeal_StartTime, #frmEditDeal_EndTime, .BOS-Time-Picker {
        width: 275px;
    }

        #frmAddDeal_StartTime > li, #frmAddDeal_EndTime > li, #frmEditDeal_StartTime > li, #frmEditDeal_EndTime > li, .BOS-Time-Picker > li {
            float: left;
            width: auto;
        }

            #frmAddDeal_StartTime > li > a, #frmAddDeal_EndTime > li > a, #frmEditDeal_StartTime > li > a, #frmEditDeal_EndTime > li > a, .BOS-Time-Picker > li > a {
                padding: 3px 6px;
            }

    .BOS-Time-Picker-btn {
        height: 32px;
        padding: 0px 5px;
    }

    .bos-wizard-spacer {
        margin-top: 10px;
    }

    .modal-header {
        background-color: #4C4F53;
        color: white;
    }

    .bos-switch {
        background-color: white;
        border: none;
        text-align: left;
    }

    .bos-switch-label {
        width: 250px;
        min-width: 250px;
        max-width: 250px;
        overflow: hidden;
        display: inline-block;
        padding-left: 15px;
    }

    @media screen and (min-width: 768px) {
        #modalDealReport .modal-dialog {
            width: 900px;
            overflow: hidden;
        }
    }

    #Deal-Sales-Figures {
        background-color: #e5e5e5;
        min-height: 150px;
    }

    #Deal-Total-Sales, #Deal-Total-Revenue {
        font-size: 48px;
    }

    #DealReportView {
        width: 760px;
        height: auto;
        margin: 20px auto 0px auto;
    }

    .FBStoreNotLiveSwitch {
        right: 107px;
    }

    .FBDealCustomImageUpload {
        margin: 5px auto 20px auto;
        font-size: xx-small;
    }

    .fb-manager-logout {
        margin: 10px 0px 0px 10px;
    }

    .DealLiveSwitch {
        right: 132px;
    }

    .DealNotLiveSwitch {
    }

    .deal-image-manager-max-width {
        max-height: 135px;
        max-width: 488px;
        margin-left: auto;
        margin-right: auto;
    }

    .btn-primary {
        background-color: #375269;
    }

    .b2b_client_notes_widget {
        margin: 10px 0px 10px 10px;
        padding: 0px 0px 0px 0px;
        float: left;
        width: 100%;
    }

        .b2b_client_notes_widget li {
            height: 155px;
            width: 235px;
            float: left;
            margin: 0px 15px 5px 0px;
            padding: 25px 5px 0px 5px;
            list-style-type: none;
            background-image: url('/img/Custom_BOS/pin.png');
            background-repeat: no-repeat;
            background-position: top center;
            background-color: #E7E794;
            overflow: hidden;
            font-size: 12px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 10px 10px 15px -9px rgba(0,0,0,0.75);
            -moz-box-shadow: 10px 10px 15px -9px rgba(0,0,0,0.75);
            box-shadow: 10px 10px 15px -9px rgba(0,0,0,0.75);
        }

            .b2b_client_notes_widget li .title {
                font-weight: bold;
            }

            .b2b_client_notes_widget li .note {
                font-style: italic;
                height: 80px;
                width: 230px;
                overflow: hidden;
            }

            .b2b_client_notes_widget li .added_by {
                font-size: xx-small;
                margin-top: 8px;
                height: 18px;
            }

    .b2b_contacts {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
    }

        .b2b_contacts li {
            list-style-type: none;
        }

    .b2b_contacts_wrapper {
        display: inline-block;
        width: 100%;
        background-color: #F5F5F5;
        border: 1px solid #aaa;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        /*
	height: auto;
	
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 3px 0px 3px 3px;    
	overflow: hidden;
	*/
        text-align: left;
        font-size: smaller;
    }

    .b2b_contacts li .avatar {
        float: left;
    }

        .b2b_contacts li .avatar img {
            width: 80px;
            height: 80px;
            float: left;
            margin: 0px 10px 5px 0px;
        }

    .b2b_contacts li .details {
        float: left;
        width: 215px;
        height: 85px;
    }

    .b2b_contacts li .email {
        float: left;
        font-size: xx-small;
        width: 215px;
    }

    .bos-analytics-wide-chart {
        width: 100%;
        /*height:312px;*/
    }

    .bos-analytics-small-chart {
        height: 170px;
    }

    .dygraph-legend {
        position: absolute !important;
        font-size: 14px !important;
        z-index: 10 !important;
        width: 250px !important;
        top: 0px !important;
        left: 75px !important;
        line-height: normal !important;
        text-align: left !important;
        overflow: hidden !important;
        background-color: transparent !important;
    }

    .bos-blue {
        color: #3276b1;
    }

    .b2b-add-note-textarea {
        margin-left: 5px;
        margin-top: 15px;
        width: 90%;
        height: 150px;
    }

    .bos-page-text-title {
        margin-left: 20px;
        font-size: large;
        font-weight: bold;
    }

    .padding-top-25 {
        padding-top: 25px !important;
    }

    .day {
        color: #375269;
        font-weight: 500;
    }

    .old, .new {
        color: silver;
        font-weight: 100;
    }

    .disabled {
        color: #E65C5C !important;
        text-decoration: none;
    }

    .bos-big-btn {
        color: #375269;
        background-color: #f5f5f5;
    }

    .rpt_download_links {
        padding: 0px;
        margin: 0px;
    }

        .rpt_download_links > a {
            display: inline-block;
            width: 20%;
        }

            .rpt_download_links > a > i {
                width: 100%;
            }


    .search_init {
    }

    .filter-sm {
        max-width: 75px;
    }

    .dt-wrapper {
        overflow-x: auto;
    }

    .SupplierLiveSwitch {
        right: 55px;
    }

    .shopify-product-manager-table {
        max-width: 100% !important;
    }

    .shopify-product-manager-table-stripes {
        background-color: #ededed !important;
    }

    .shopify-product-manager-table > thead > tr > th > select {
        color: black;
    }

    .shopify-product-manager-table > tbody > tr > td {
        vertical-align: middle !important;
    }

        .shopify-product-manager-table > tbody > tr > td > img {
            height: auto;
            width: auto;
            max-width: 75px;
            max-height: 75px;
        }

        .shopify-product-manager-table > thead > tr > th > input[type="checkbox"],
        .shopify-product-manager-table > tbody > tr > td > input[type="checkbox"] {
            width: 18px;
            height: 18px;
            color: green;
        }

    .input-validation-error {
        background-color: red;
        border: 1px solid black;
    }

    .bos-stores-editor-tab-color > a {
        color: #333 !important;
    }

    .bos-store-designer-editor {
        height: 100%;
        padding-bottom: 0px !important;
    }

        .bos-store-designer-editor > #myTabContent {
            height: 100%;
        }

            .bos-store-designer-editor > #myTabContent > div {
                height: 100%;
                padding: 0px !important;
            }

                .bos-store-designer-editor > #myTabContent > div > pre {
                    min-height: 635px;
                    height: 100%;
                    margin-bottom: 0px !important;
                }

    .bos-store-designer-editor-css {
        height: 100%;
        padding-bottom: 0px !important;
    }

        .bos-store-designer-editor-css > pre {
            min-height: 257px;
            height: 100%;
            margin-bottom: 0px !important;
        }

    .bos-store-designer-preview {
        text-align: center;
        height: 100%;
        padding-bottom: 0px !important;
    }

        .bos-store-designer-preview > iframe {
            width: 100%;
            height: 100%;
            min-height: 375px;
            margin-bottom: 0px !important;
            /*
		-moz-transform: scale(0.25, 0.25); 
		-webkit-transform: scale(0.25, 0.25); 
		-o-transform: scale(0.25, 0.25);
		-ms-transform: scale(0.25, 0.25);
		transform: scale(0.25, 0.25); 
		*/
            /* thu
		-moz-transform-origin: top left;
		-webkit-transform-origin: top left;
		-o-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		height:100%;
		width:100%;
		*/
        }

    .bos-store-designer-gutter {
        padding: 1px;
    }

    .bos-store-status-dropdown {
        padding: 5px;
        background-color: whitesmoke;
        width: 175px;
    }

    .bos-store-status-btn, .bos-store-close-down-btn {
        width: 100%;
        margin-top: 2px;
        margin-bottom: 2px;
    }



    .BOS-BTN-Text {
        display: inline-block;
        padding-top: 5px;
        float: left;
    }

    .bos-store-stopped {
        color: red;
    }

    .bos-store-design {
        color: goldenrod;
    }

    .bos-store-waiting {
        color: goldenrod;
    }

    .bos-store-unlinked {
        color: goldenrod;
    }

    .bos-store-complete {
        color: limegreen;
    }

    .bos-store-paused {
        color: slategrey;
    }

    .widget-body-toolbar-bos-override {
        margin: 0px 0px 50px 0px !important;
        min-height: 52px !important;
    }

    .dataTables_wrapper .dataTables_filter {
        left: 13px;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 2.7em !important;
    }

    .BOS-DataTable-Row-Selected {
    }

        .BOS-DataTable-Row-Selected > td {
            background-color: lightgreen !important;
        }

    #filedrag {
        /*display: none;*/
        font-weight: bold;
        text-align: center;
        padding: 1em 0;
        margin: 1em 0;
        color: #555;
        border: 2px dashed #555;
        border-radius: 7px;
        cursor: default;
        min-height: 110px;
    }

        #filedrag.hover {
            color: #f00;
            border-color: #f00;
            border-style: solid;
            box-shadow: inset 0 3px 4px #888;
        }

    #product-image-list {
        list-style-type: none;
    }

        #product-image-list > li {
            margin: 5px;
            padding: 5px;
            background-color: #eee;
        }

    .bos-drag-item {
        cursor: pointer;
        cursor: move;
        background-color: #fff;
        padding: 5px;
    }

    .bos-wide-switch {
        width: 100% !important;
    }

        .bos-wide-switch > .onoffswitch-label > .onoffswitch-switch {
            right: 95%;
        }

    .bos-small-switch {
        width: 45% !important;
    }

    .bos-small-switch > .onoffswitch-label > .onoffswitch-switch {
        right: 95%;
    }
    .ui-autocomplete {
        position: absolute;
        cursor: default;
        z-index: 1051 !important;
        max-height: 25%;
        overflow: auto;
    }

    .ui-autocomplete-input {
        padding-left: 40px !important;
    }

    .bos-radio-button-wrapper {
        padding: 3px 5px;
        background-color: white;
        border: none;
    }

    #frm-content-add-new-product-exclusive-store {
        padding-left: 5px !important;
        display: none;
        max-width: 190px;
    }

    .BOS-Min-100-Left {
        min-width: 100px !important;
        text-align: left !important;
    }

    .BOS-Input-Error {
        border: 1px solid red !important;
    }

    .bos-one-third {
        width: 33.3% !important;
    }

    .bos-table-col-border-right {
        border-right: 1px solid #e5e5e5 !important;
    }

    .bos-padding-sides-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .bos-modal-h4 {
        color: #000;
        border-bottom: 1px solid #e5e5e5;
        padding-left: 0px !important;
        margin: 10px 0px 20px 0px !important;
    }

    .margin-left-10 {
        margin-left: 10px !important;
    }

    .margin-right-10 {
        margin-right: 10px !important;
    }

    .bos-margin-top-bottom-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .bos-margin-no-bottom {
        margin-bottom: 0px !important;
    }

    .bos-widget-dropdown-item-active {
        text-decoration: none !important;
        color: #ffffff !important;
        background-color: #3276b1 !important;
    }

    .bos-verify-colour-approved {
        color: #00ee00 !important;
    }

    .bos-verify-colour-disapproved {
        color: red !important;
    }

    .bos-colour-invert-background {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

    .btn-file {
        position: relative;
        overflow: hidden;
    }

        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            outline: none;
            background: white;
            cursor: inherit;
            display: block;
        }

    .bos-margin-right-20 {
        margin-right: 20px;
    }

.bos-margin-right-30 {
    margin-right: 30px;
}

    .bos-text-middle {
        vertical-align: middle !important;
    }

    .bos-table-auto-width {
        width: auto;
    }

    .bos-server-time {
        color: GrayText;
        font-size: smaller;
    }

    .bos-local-time {
        font-weight: bold;
    }

    .bos-local-time-zone, .bos-server-time-zone {
        font-size: xx-small;
    }

    .IsMainInvoiceContact {
        min-width: 325px !important;
        line-height: 1.5em !important;
    }

    .ssrsviewer {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: 100%;
    }

    .ssrsviewer iframe {
        height: 100%;
        min-height: 100%;
    }