/* ======================================================= */
/* =============       Css For everywhere     ============ */
/* ======================================================= */

/* Color */
.text-orange {
    color: #E62E04;
}

.text-gray {
    color: #98a6ad !important
}

/* Width and height */
.h-200px {
    height: 200px !important;
}

.w-200px {
    width: 200px !important;
}

.w-300px {
    width: 200px !important;
}

.w-60px {
    width: 60px !important;
}

.w-fit-content {
    width: fit-content !important;
}

/* Backgroud Color */
.bg-color-brand {
    background: #44bc9d !important;
}

.bg-color-white {
    background: white !important;
}

.bg-color-brand-light {
    background: #9ffce3 !important;
}

.bg-color-red {
    background: red !important;
}

.text-color-red {
    color: red !important;
}


/* Margin */
.mt--10px {
    margin-top: -10px;
}

.m-0-auto {
    margin: 0 auto;
}

/* Padding */
.p-0px-3px {
    padding: 0px 3px !important;
}

.pr-2px {
    padding-right: 2px;
}

.pl-2px {
    padding-left: 2px;
}

.left-1 {
    left: 1%;
}

.top-1 {
    top: 1%;
}

.left-0 {
    left: 0%;
}

.top-0 {
    top: 0%;
}

/*
=======================================================================================
==================================    Pagination ======================================
=======================================================================================
*/
.pagination .page-link {
    min-width: 36px;
    min-height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    border: 0;
    font-size: 0.875rem;
    border-radius: 50% !important;
    color: var(--dark);
}

/* New Comment Line */


/* spinner */
.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.8) url("https://mir-s3-cdn-cf.behance.net/project_modules/disp/35771931234507.564a1d2403b3a.gif") center no-repeat;
    /* background-image: url("{{ URL::asset('images/avatar-demo.png') }}") */
}

/* Turn off scrollbar when body element has the loading class */
body.loadingSpinner {
    overflow: hidden;
}

/* Make spinner image visible when body element has the loading class */
body.loadingSpinner .overlay {
    display: block;
}


/* custom style for nid zooming  */
.zoom:hover {
    -ms-transform: scale(2.5);
    /* IE 9 */
    -webkit-transform: scale(2.5);
    /* Safari 3-8 */
    transform: scale(2.5);
}


/* colored toast */
.colored-toast.swal2-icon-success {
    background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
    background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}