#page-topbar {
    z-index: 999999!important;
}

.page-title-box h4 {
    text-transform: capitalize !important;
    font-weight: 700 !important;
}

.page-title-box {
    padding-bottom: 24px;
    display: flex;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:690px!important;
        margin: 1.75rem auto;
    }
}

.table td, th {
    text-align: center;
    vertical-align: middle;
}

.swal2-container {
    position: fixed !important;
}

body[data-sidebar=dark] .mm-active .active i.abx {
    color: #3cb3fe !important;
}

/*sidebar csstarts*/
@media (max-width:1200px){
   
}
/*side bar css end*/

.footer {
    left: 0px !important;
    background-color: #303f56 !important;
    /* height: 150px; */
    color: #e2dfdf !important;
    font-size: 12px;
    height: 35%;
    padding: 0 !important;
    position: relative !important;
    width: calc(100% - 220px);
    float: right;
}

.sub-ttl {
    font-weight: 400 !important;
    font-size: 12px;
    color: lightgray;
}


.margin-l {
    margin-left: 74%;
}

.margin-l-62 {
    margin-left: 62%;
}

.text-blue {
    color: #303f56;
}

.fw-400 {
    font-weight: 400;
}

.fw-900{
    font-weight:900;
}

.fw-800 {
    font-weight: 800;
}

.fw-500 {
    font-weight: 500;
}

.fw-700 {
    font-weight: 700;
}

.actio-btn {
    box-shadow: 0px 6px 18px 0px rgba(50, 204, 253, 0.5) !important;
}

@media(max-width:1300px) {

}
@media (max-width: 768px) {
    .modal-dialog-centered {
        min-height: 100% !important;
    }

    .modal-dialog {
        max-width: 555px !important;
        margin: 1.75rem auto;
    }
}

    @media(max-width:545px) {

        .modal-dialog {
            max-width: 400px !important;
            margin: 1.9rem auto;
        }
        .loginBtnC{
            right: 40%;
        }

        .margin-l-62 {
            margin-left: 45%;
        }

        .margin-l {
            margin-left: 69%;
        }

        
    }


    body div {
        position: -webkit-sticky; /* Safari & IE */
        position: sticky;
    }

.txt {
    font-family: 'Poppins', sans-serif !important;
}

    .bg-login-c {
        height: 100%;
        background-image: url('/Content/Bugloud-Background.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: contain;
        background-position-y: 100px;
    }

    .logo-login {
        margin: auto auto auto;
        width: 250px;
    }

        .logo-login h3 {
            text-align: center;
            margin-top: 6%;
            margin-bottom: 12%;
            font-size: 20px;
            font-weight: 700;
        }

    .logo-login-web {
        margin: auto auto auto;
        width: 350px;
    }

        .logo-login-web h3 {
            text-align: center;
            margin-top: 6%;
            margin-bottom: 19%;
            font-size: 25px;
            font-weight: bolder;
        }

    .bg-soft h2 {
        text-align: center;
        font-size: 20px;
        margin-top: 3%;
        font-weight: 700;
    }

    .bg-soft h5 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 0.4rem;
    }

    .bg-soft p {
        font-weight: 500;
    }

    .center-div {
        margin: auto auto auto auto;
        position: sticky;
    }

    .form-control {
        border-radius: 0px;
        background: #ffffff !important;
        height: 40px;
    }

    .h-5 {
        height: 410px;
    }

.border-red{
    border:1px solid red;
    border-radius:5px;
}

.text-red{
    color:red;
    opacity:1;
}

.container-bg {
    background-color: rgba(255, 0, 0, 0.2)!important;
}

.toast {
    width: 100% !important;
}




.h-log {
    height: max-content !important;
}

    .mb-3 {
        margin-bottom: 2rem !important;
    }

    .log-btn {
        width: 90px;
        margin-top: -15px;
        border-radius: 0px;
        border: 0px;
        font-size: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: 700;
    }

    .gradient-color {
        background: #57A1E0;
        background: -moz-linear-gradient(top, #57A1E0 0%, #4EBCFA 50%, #43CFFD 100%);
        background: -webkit-linear-gradient(top, #57A1E0 0%, #4EBCFA 50%, #43CFFD 100%);
        background: linear-gradient(to bottom, #57A1E0 0%, #4EBCFA 50%, #43CFFD 100%);
    }

    .shadow-btn {
        -webkit-box-shadow: 0px 19px 10px -15px rgba(67,207,253,0.60);
        box-shadow: 0px 15px 20px -9px rgb(78 181 249);
    }

    .navbar-brand-box {
        background: white !important;
        width: 220px;
        padding-left: 12.8px;
        text-align: left;
        border-bottom-style: solid;
        border-bottom-color: #efefef;
        border-width: 0.5px;
        border-right-style: solid;
        border-right-color: #efefef;
        height: 69px;
    }

    .header-profile-user {
        height: 50px !important;
        width: 50px !important;
    }

.nav-subheader {
    background-color: white;
    width: 100%;
    height: 20%;
    font-family: 'Poppins', sans-serif !important;
    padding-left: 45px;
    margin-right: 0.5%;
    color: #a5b1b8;
    letter-spacing: 0.5px;
    font-style: inherit;
    font-size: 11px;
    transform: scaleY(1.05);
    border-bottom-style: solid;
    border-bottom-color: #e6e8ea;
    border-width: 0.5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

        .nav-subheader i {
            vertical-align: middle;
            display: inline-block;
            font-size: 20px;
            margin-right: 0.5%;
        }

    .vertical-menu {
        background: white !important;
        width: 220px;
    }

    #sidebar-menu ul li a:hover {
        color: #3cb3fe !important;
    }

        #sidebar-menu ul li a:hover i {
            color: #3cb3fe !important;
        }

    #sidebar-menu ul li a {
        color: #6c7388 !important;
        padding: 0.8rem 1.2rem !important;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

#sidebar-menu:active ul li a {
    background: #e4eff4 !important;
    color: #3cb3fe !important;

}

    #sidebar-menu ul li i {
        margin-right: 5%;
    }

footer {
    margin-left: -30px;
    width: calc(110% + 0px);
    top: 50px;
}


#sidebar-menu ul li a {
    padding-top: 18px !important;
    padding-left: 20px !IMportant;
}

.footer {
    left: 0px !important;
    background-color: #303f56 !important;
    /*height: 150px;*/

    color: #e2dfdf !important;
    font-size: 12px;
    height: 35%;
    padding: 0 !important;
    position: relative !important;
}

    .footer-list-title {
        vertical-align: middle;
        font-size: 13px;
        font-weight: 600;
        margin-top: 6%;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

.footer-list-item {
    margin-bottom: 10px;
    width: max-content;
}

        .footer-list-item a {
            color: #e2dfdf !important;
        }

    .footer-social-media {
        font-weight: 600;
    }

    .footer-end {
        width: 100%;
        height: 5%;
        border-top-style: solid;
        border-top-color: #657283;
        border-width: 0.5px;
        text-align: center;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .align-item-middle {
        margin: auto;
        padding: 10px;
    }

    .p-f {
        padding-top: 15px !important;
        padding-bottom: 15px;
        padding-left: 25px;
    }

    .main-content {
        margin-left: 210px;
    }

    .page-content {
        padding: calc(99px + 24px) calc(20px / 2) 50px 20px;
    }

    .select-search {
        border-radius: 0px !important;
        height: 40px;
    }

    .prog-search span {
        position: absolute;
        z-index: 10;
        font-size: 20px;
        line-height: 38px;
        right: 20px;
        top: 0;
        float: right
    }

    .font-w-7 {
        font-weight: 700;
    }

    .trapezoid-1 {
        border-bottom: 35px solid #3cb3fe;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        height: 0;
        width: 175px;
    }

    .trapezoid-3 p {
        font-size: 9.80px;
        font-weight: 500;
    }

    .trapezoid-2 {
        border-bottom: 27px solid #51c3fc;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        height: 0;
        width: 123px;
        margin-left: 26px;
        margin-top: 1px;
        margin-bottom: 1px;
    }


        .trapezoid-2 p {
            font-size: 12px;
            font-weight: 500;
        }

    .trapezoid-3 {
        border-bottom: 24px solid #63d1fc;
        border-left: 17px solid transparent;
        border-right: 18px solid transparent;
        height: 0;
        width: 85px;
        margin-left: 45px;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .trapezoid-1 p {
        font-weight: bold;
    }


.triangle-up {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 36px solid #7addfc;
    margin-left: 62px;
}

        .triangle-up span {
            font-size: 8px;
            z-index: 300;
            position: absolute;
            top: 14px;
            left: -10px;
            bottom: 0;
            display: block;
        }

    .m-l {
        margin-left: 15px;
        height: 100%;
    }

    .trig-text {
        vertical-align: middle;
        text-align: center;
        color: white;
        top: 5px;
        position: relative;
    }

    .square {
        height: 20px;
        width: 20px;
    }

    .bg-1 {
        background-color: #7addfc;
    }

    .bg-2 {
        background-color: #63d1fc;
    }

    .bg-3 {
        background-color: #51c3fc;
    }

    .bg-4 {
        background-color: #3cb3fe;
    }

@media screen and (max-width: 425px) {
    .event-text {
        font-size: 14px;
    }
}

.h-90{
    height:90%!important;
}

.info-text {
    color: rgb(60, 179, 254) !important;
}

.success-text {
    color: rgb(50,205,50)!important;
}

.danger-text {
    color: rgb(255,0,0) !important;
}

.brown-text {
    color: rgb(193,154,107) !important;
}

.u-footer .u-container-layout-5 {
     padding-left: 0!important; 
    padding-right: 100px!important;
}

.u-footer .u-sheet-1 {
    min-height: max-content!important;
}

/*.modal {
    z-index: 999999999999999999 !important;
    background: #0e0e0ebd;
    opacity: 3;
}

body div {
    position: initial;
}

#page-topbar {
    z-index: 9999 !important;
    position: fixed;
}

.modal .title-details {
    width: 95%;
}

.modal .input-modal {
    border: 0.1px solid #c3c3c3b0;
    padding: 10px;
}

.main-content {
    z-index: 9999;
}
*/