/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

#extr-page #header #logo {
    margin-top: 13px
}

.product-image {
    width: 200px;
    max-height: 400px;
    border: 1px solid #003388;
    padding: 5px;
    cursor: pointer;
}
.product-image:hover{
    border: 1px solid #00CCff;
}

.product-image img {
    width: 100%;
    max-height: 100%;
}

.note-editor.fullscreen {
    z-index: 100000 !important;
}

.note-editor .modal{
    z-index: 100000 !important;
}


.quote-item-image {
    width: 120px;
    border: 1px solid #003388;
    border-radius: 15px;
    margin-right: 10px;
}

.print-styles .panel {
    border: none !important;
}

#logo {
    margin-top: 6px;
    margin-left: 5px
}

.special-menu-item {
    background: #633;
}
.special-menu-item a {
    color: #FFF;
}
.special-menu-item a:hover {
    background: #A33;
}

.minified .special-menu-header {
    display: none;
}

@media (max-width: 767px) {
    .main-header {
        padding: 0 0 10px 0;
    }

    .list-caption {
        margin-top: -10px;
        display: inline-block;
    }

    #main-container {
        margin-top: 0px;
    }

    .breadcrumb {
        margin-top: 5px;
        display: none;
    }


}
@media (min-width: 768px) {
    #logo {
        margin: 8px 0 0 10px; 
    }
    #logo img {
        width: 200px;
    }

    .aside-top-offset {
        height: 39px;
        background: #e2e2e2;
        display: block;
    }

    .minified #logo {
        margin: 5px 0 0 5px; 
    }
    .minified #logo img {
        width: 100px;
    }

    .minified .aside-top-offset {
        display: none;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
    
}

[v-cloak] { display: none;}

.padding-15 {
    padding: 15px;
}

.smalldd .dd3-content {
    font-size: 13px;
    padding: 2px 10px 4px 35px;
}

.smalldd .dd3-handle {
    width: 20px;
    font-size: 14px;
    padding: 6px 12px;
}

.smalldd .dd3-handle:before {
    top: 0px;
}

.dd-inactive .dd3-handle {
    background: #FEE !important;
    border-color: red;
}

.dd-inactive .dd3-content {
    background: #FEE !important;
    border-color: red;
}