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

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

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


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

        .lds-roller div:after {
            position: absolute;
            display: block;
            background: #51009c;
            border-radius: 50%;
            content: " ";
            margin: -3px 0 0 -3px;
            height: 8px;
            width: 8px;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .lds-roller div:nth-child(8):after {
                top: 45px;
                left: 10px;
            }
/*Loader*/
.Requiredfeedback {
    color: red;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #E46A76 !important;
}

.multiselect-dropdown.is-invalid, .select2 .selection .is-invalid {
    border-color: #E46A76 !important;
    padding-right: calc(1.5em + .75rem);
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12" fill="none" stroke="%23e46a76"%3e%3ccircle cx="6" cy="6" r="4.5" /%3e%3cpath stroke-linejoin="round" d="M5.8 3.6h.4L6 6.5z" /%3e%3ccircle cx="6" cy="8.2" r=".6" fill="%23e46a76" stroke="none" /%3e%3c/svg%3e');
    background-repeat: no-repeat;
    background-position: right calc(1.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    position: absolute;
}

.dx-button-mode-contained.dx-button-success {
    opacity: 1;
    color: black;
}

.dx-button-mode-contained.dx-button-danger {
    opacity: 1;
    color: black;
}

/* Css Added By Mahaveer  */

.dropdown-toggle::after {
    float: right;
}


.form-control:read-only {
    background-color: #321e461c;
}

.dropdown button:read-only {
    background-color: #fff;
}

.table > thead {
    vertical-align: top !important;
}

.dx-button-mode-contained {
    opacity: 1;
    color: #000000;
    font-weight: bold;
    /*margin-top: -10px;*/
}

.breadcrumb-item {
    font-weight: bold;
}

[data-layout=horizontal] .navbar-menu .navbar-nav .nav-sm .ulsize {
    max-height: 20rem;
    overflow-y: scroll;
}

@media (min-width: 768px) {
    .topbar-user {
        background-color: #FFFFFF;
    }
}

.card-header > .row {
    margin-bottom: 0rem;
}

/*Addded By Mahaveer Sisodiya*/

@media (max-width:1160px) {
    .col-lms-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width:1160px) and (max-width:1560px) {
    .col-lms-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width:1560px) and (max-width:1960px) {
    .col-lms-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (min-width:1960px) {
    .col-lms-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
}



@font-face {
    font-family: 'Aprajita';
    src: url('../fonts/aparaj.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*Ended By Mahaveer Sisodiya*/


/*Start By Pradeep jatav*/
.w-lg {
    min-width: 140px;
    font-size: large;
    font-weight: bold;
    margin-right: 11px;
}
/*Ended By Pradeep jatav*/

/*kapil Start*/
/*.marqueecontainer {
    position: relative;
    border: 1px solid #fff !important;
    vertical-align: middle;
}

  

        .marqueecontainer > .headertext {
            position: absolute;
            z-index: 10;
            pointer-events: none;*/ /* Disable all mouse events */
            /*opacity: 1;
            height:2.4rem !important;*/
            /*  top: 0;
            left: 0;
            border-right: 1px solid #fff;
            color: white;
            text-shadow: 1px 1px #111;
            text-align: center;
            cursor: default;
            font-weight: bold;*/
        /*}

    .marqueecontainer marquee {
        line-height: 1.5;
        font-family: Jost !important;
        cursor: grab;
        font-weight: bold;
    }

            .marqueecontainer marquee p {
                margin: 0;
            }*/


.marqueecontainer {
    position: relative;
    border: 1px solid #fff !important;
    vertical-align: middle;
}

    .marqueecontainer, .marqueecontainer .headertext {
        /*        padding: 1em;
*/ color: #626060;
    }

        .marqueecontainer > .headertext {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
            border-right: 1px solid #fff;
            color: white;
            text-shadow: 1px 1px #111;
            text-align: center;
            cursor: default;
            font-weight: bold;
        }

        .marqueecontainer marquee {
            line-height: 1.5;
            font-family: Jost !important;
            cursor: grab;
            padding-top: 12px;
            font-weight: 600;
        }

            .marqueecontainer marquee p {
                margin: 0;
            }
.dx-pager {
    margin-bottom: 1.3rem !important;
}
.Invalid{
    color:red;
}

/*.marqueecontainer > .KeyButton {
    text-align: end;
    margin-top: -28px
}*/

.dx-datagrid-pager{
    border-top:none;
}

.footer-text{
    font-weight:600;
    color:#000;
}


.marqueeinfocontainer {
    display: flex;
}

    .marqueeinfocontainer marquee {
        padding-top: 0.7rem;
        font-weight: 600;
        margin-left: 10px;
        margin-right: 10px;
    }

.no-wrap {
    white-space: nowrap;
    min-width: fit-content;
    font-weight: 600;
}


.datepicker {
    padding: .5rem .9rem
}


@media (min-width: 1200px) {
    .modal-xxl {
        --vz-modal-width: 1640px!important;
    }
}
@media (max-width: 1200px) {
    .login-card {

        display: contents;
      
    }
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--vz-primary) !important;
    color: #fff;
}


:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm {
    padding: 0;
    flex-flow: nowrap;
}


:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link span {
    display: inline-block;
    padding-left: 25px;
    text-wrap: wrap !important;
    white-space: pre-wrap;
    max-width: 180px;
}

.button-margin {
    margin-top: 0.5rem;
}

@media (min-width: 1160px) and
    (max-width: 1560px) {
    .button-margin {
        margin-top: 3.4rem;
    }
}

@media (min-width: 1960px) {
    .button-margin {
        margin-top: 3.4rem;
    }
}

 .datepicker[readonly] {
    background-color: #fff;
}
.readonly[readonly] {
    background-color: #fff;
}

.text-blue{
    color:blue;
}

.bg-thead {
    background:#d7e0e3;
}

.btn-trash {
    color: red;
    cursor: pointer;
}

.input-group .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    position: relative;
    margin-bottom:0px;
}