/* Hides elements with ng-cloak until AngularJS has finished compiling */
[ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
/* reset everything to the default box model */

/**, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}*/

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
a.dropdown-item,
.col-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
.col-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
.col-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
.col-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
.col-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
.col-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
.col-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
.col-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
.col-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
.col-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
.col-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
.col-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 .col-xl-12, .col-xxl-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hidden{
    display:none !important;
}
.topnavbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #cecece !important;
}
    .topnavbar .navbar-nav > .nav-item > .nav-link, .topnavbar .navbar-nav > .nav-item.show > .nav-link {
        color: #337eff;
    }

.topnavbar {
    background-color: #ffffff !important;
    background-image: none !important;
    background-repeat: repeat-x;
}


div.range-date-picker {
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    width: 350px;
}
i.caret-down-icon {
    padding-left: 10px;
    float: right;
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 351px !important;
}


.dropdown-menu.show {
    max-height: 250px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
}

.dropdown-item{
    cursor:pointer !important;
}




.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn-upload {
    border: 2px solid gray;
    color: gray;
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.product-image-wrapper {
    list-style: none;
    float: left;
    border: 1px solid grey;
    width: 100px;
    height: 100px;
    margin: 10px;
    position: relative;
}

.product-options-hover {
    /*display: none;
    width: 100px;
    height: 100px;
    float: left;
    background-color: blue;
    position: relative;*/
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.product-image {
    opacity: 1;
    display: block;
    object-fit: fill;
    height: 100px;
    float: left;
    transition: .5s ease;
    backface-visibility: hidden;
}

    .product-image:hover + .product-options-hover {
        display: block;
    }


.product-image-wrapper:hover .product-image {
    opacity: 0.3;
}

.product-image-wrapper:hover .product-options-hover {
    opacity: 1;
}

.product-image-delete {
    position: absolute;
    top: -6px;
    left: -6px;
    border: 1px solid #323232;
    border-radius: 50%;
    font-size: 0;
    width: 24px;
    height: 24px;
    text-align: center;
    box-sizing: border-box;
    /*background: url(https://ir.ebaystatic.com/rs/c/ebayui-uploader_preview-grid-lib-thumbnails-images-close-175fd07b.png) 50% 50% no-repeat #fff;*/
    background: url('../Images/product-close-icon.png') 50% 50% no-repeat #fff;
    background-size: 10px;
    z-index: 9;
}
@media (max-width: 767.98px) {
    .sidebar-toggle > em {
        color: black !important;
    }
}
    .cGold {
        color: #ffd700;
    }

    .cblack {
        color: #201e1f;
    }

    .cPlatinum {
        color: #e7e4e4;
    }

    .cOrange {
        color: #f15025;
    }

    .cChesnut {
        color: #937b63;
    }

    .bGold {
        background-color: #ffd700 !important;
    }

    .bblack {
        background-color: #201e1f;
    }

    .bPlatinum {
        background-color: #e7e4e4;
    }

    .bOrange {
        background-color: #f15025;
    }

    .bChesnut {
        background-color: #937b63;
    }



@media (min-width: 768px) {
    .wrapper .section-container, .wrapper .footer-container {
        
        margin-right: 40px !important;
    }
}