.mb50{
    margin-bottom:50PX
}

.Dnone {
    display: none;
}
/*Start Spinner*/
.buttonSpinner {
    display: block;
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}
/*End Spinner*/

/*Start Checker*/

.wrapper-check {
    position: fixed;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@keyframes show_toast {
    0% {
        transform: translateX(-100%);
    }

    40% {
        transform: translateX(10%);
    }

    80%, 100% {
        transform: translateX(20px);
    }
}
.wrapper-check.hide {
    animation: hide_toast 1s ease forwards;
}
@keyframes hide_toast {
    0% {
        transform: translateX(20px);
    }

    40% {
        transform: translateX(10%);
    }

    80%, 100% {
        opacity: 0;
        pointer-events: none;
        transform: translateX(-100%);
    }
}
.wrapper-check .toast {
    background: #fff;
    padding: 20px 15px 20px 20px;
    border-radius: 10px;
    border-left: 5px solid #dd2827;
    border-top: 5px solid #dd2827;
    box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.15);
    width: 430px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wrapper-check .toast.offline {
    border-color: #dd2827;
}
.toast .content {
    display: flex;
    align-items: center;
}
.content .details {
    margin-left: 15px;
}
.details span {
    font-size: 20px;
    font-weight: 500;
}
/*End Checker*/

.input-error {
    border-color: red;
    font-size: 50px;
}
.UrlDiv span {
    border: 1.5px solid #bbb;
    border-radius: 25px;
    overflow: hidden !important;
    padding: 6px 0px 4px 10px;
    display: block;
    position: relative
}

    .UrlDiv span i {
        background-color: #ddd;
        padding: 10px;
        border-radius: 50%;
        margin: 0px 0 0px 10px;
        position: absolute;
        top: 0;
        right: 0
    }
    .UrlDiv span a {
        margin:0px 5px
    }
    body.light .UrlDiv span a {
        color: #333
    }
body.dark .UrlDiv span a {
    color: #ccc
}
.UrlDiv span i {
    color: #333
}
#DivBarcode, #ImageBarcode {
    display: none !important
}

@media print {
    div {
        display: none !important;
    }

    html, body, #DivBarcode, #ImageBarcode {
        display: block !important;
        margin:auto !important
    }
}
#TableSearchBrand .dataTables_filter, #BrandTable_length {
    display: block !important
}


.showScreenActionsBTN  {
    width:30px !important;
    font-size:30px !important
}

.swal-wide {
    width: 850px !important;
}

.pos-mb-40{
    margin-bottom: 40px;
}

.company-logo {
    text-align: left;
    width: 260px;
    min-height: 60px;
}
.noqta-logo {
    width: 260px;
    min-height: 60px;
    margin: auto;
    text-align: left;
}
.my-form img.ui-datepicker-trigger {
    left: 8px;
    top: 9px;
}
.w-100{
    width:100%;
    min-width:100%
}
.select2.select2-container {
    width: 100%;
    min-width: 100%
}