/*general font type here*/
*:not(.fa):not(.fas):not(.e-icons):not(.e-chips-close) {
    font-family: 'Poppins', 'Source Sans Pro', sans-serif, Arial, Helvetica !important;
}

body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 10px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Admin LTE theme */
.content-wrapper {
    background-color: #f0f0f0 !important;
}

/*Nav Bar theme*/
.skin-blue .main-header .navbar {
    background-color: #ffffff !important;
}

.main-header {
    border-bottom: 1px solid #d2d6de;
}

.skin-blue .main-header .navbar .nav > li > a{
    color: black !important;
    font-weight: 600;
}

.skin-blue .main-header .navbar .nav > .active > a,
.dropdown-menu > li > a:hover {
    background: #EC0029 !important;
    color: #ffffff !important;
}

    .skin-blue .main-header .navbar .nav > .active > a > span:not(.caret) {
        background-color: white !important;
        color: #EC0026 !important;
    }

/*Inventory top filter bar theme*/
.nav-pills > li.active > a {
    border-top-color: transparent !important;
    background-color: #EC0026 !important;
}

.box.box-info {
    border-top-color: #EC0029 !important;
}

/* Syncfusion Theme */
.e-acrdn-header,
.e-accordion .e-acrdn-item .e-acrdn-header:hover {
    /*background-image: linear-gradient(to right, #141e30, #243b55) !important;*/
    background-color: #EC0029 !important;
    color: #ffffff !important;
}

/*info-btn theme*/
/*.e-btn.e-info, .e-css.e-btn.e-info {
    background-color: #EC0029 !important;
}*/

.e-accordion .e-acrdn-item .e-acrdn-header:hover .e-acrdn-header-content {
    /*background-image: linear-gradient(to right, #141e30, #243b55) !important;*/
    color: #ffffff !important;
}

/* Star rating scale */
span.stars, span.stars span {
    display: block;
    background: url(../Assets/star.png) 0 -17px repeat-x;
    width: 80px;
    height: 15px;
}

span.stars span {
    background-position: 0 0;
}

/* Status Color */
.pending-status {
    color: red !important;
    font-weight: bold !important;
}

.completed-status {
    color: #468a46 !important;
    font-weight: bold !important;
}

/* Add responsiveness to images */
.responsive {
    width: 100%;
    height: auto;
}

/* Circles */
.white-circle {
    height: 25px;
    width: 25px;
    background-color: white;
    color: #787f83;
    border-radius: 50%;
    display: inline-block;
}

.e-headertext {
    color: black;
} 

/* Veritical align objects */
.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Hover effects */
.darken-hover:hover {
    background-color: rgba(0,0,0,0.1);
}

/*TeatAtea*/
textarea {
    resize: none !important;
}

/* Loader */
.lds-background {
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
    text-align: center;
    line-height: 100vh;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
}

/*Inventory edit product icon*/
#editIconContainer > a {
    color: #EC0026;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

.flat-generate-btn {
    background-color: rgba(3, 120, 213, 0.04);
    border-color: transparent;
    box-shadow: none;
    color: #0378d5;
    font-weight: 600;
    padding: 10px;
}

.flat-generate-btn:focus {
    outline: none;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Media Queries */
@media (min-width: 1400px) {
    .container {
        width: 1400px;
    }
}

@media (min-width: 992px) {
    .left-label-md {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-align: right;
        height: 44px;
    }

    .right-label-md {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        text-align: right;
        height: 44px;
    }

    .float-md-right {
        float: right;
    }
}

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

/*Ordered Item Row Style*/
@media only screen and (max-width: 460px) {
    .ordered-Item-row {
        display: normal;
    }

        .ordered-Item-row .image-Container {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .ordered-Item-row .details-Container {
            display: normal;
        }

            .ordered-Item-row .details-Container .detail-Text {
                display: flex;
                align-items: center;
                justify-content: center;
            }


            .ordered-Item-row .details-Container .text-right {
                text-align: center;
            }

            .ordered-Item-row .details-Container .detail-Text-Unit-Cost h3 {
                display: inline;
            }

    .total-price-container {
        display: normal;
        justify-content: space-around;
        background-color: #f5f8fd;
    }

        .total-price-container h4, .total-price-container h5 {
            font-size: 10pt;
        }

    .e-popup-full-page {
        top: 50px !important;
        max-height: 100% !important;
    }

        .e-popup-full-page .e-dropdownbase {
            height: 90% !important;
        }
}

@media only screen and (min-width: 461px) {
    .ordered-Item-row {
        margin: 10px;
        padding: 10px;
        border: 1px solid #e9e9e9;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .ordered-Item-row .details-Container {
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .ordered-Item-row .details-Container .detail-Text-Unit-Cost {
                text-align: right;
            }

    .total-price-container {
        margin-left: 10px;
        margin-right: 10px;
        padding: 10px 0px;
        background-color: #f5f8fd;
        display: flex;
        justify-content: space-around;
    }
}