@keyframes ldio-8yonr7f5pph-1 {
    0% {
        top: 44.443999999999996px;
        height: 182.112px
    }

    50% {
        top: 78.59px;
        height: 113.82px
    }

    100% {
        top: 78.59px;
        height: 113.82px
    }
}
.table-chk {
    background-color: #00aaff;
    color: white;
}
.right {
    text-align: right;
}
.w100{
    width:100%;
}
.red{
    color:red;
}
/*----------------------------------------------------------------------*/
/*---THEME--------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.btn {
    border: 0px;
    border-radius: 2px;
}
.btn-chk {
    background-color: #00aaff;
    border: 0px;
    border-radius: 2px;
    color: white;
}
    .btn-chk:hover {
        background-color: #008fd6 !important;
        color: white !important;
    }
.btn-chkw, .btn-chkw:hover, .btn-chkw:focus, .btn-chkw:active {
    color: #00aaff;
    text-transform: uppercase;
    font-weight: 700;
}
.chk-alert-warning {
    color: #ffc107;
}

.chk-table-warning {
    background-color: lemonchiffon;
}
small {
    color: darkgray;
}
/*----------------------------------------------------------------------*/
/*---ALERT--------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#alert-chk {
    width: 450px;
    background-color: aliceblue;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid darkgray;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    margin-top: 77px;
    margin-right: 10px;
}
    #alert-chk .close {
        margin-top: -7px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        padding: 20px 10px 20px 20px;
    }
    #alert-chk input {
        margin-bottom:15px;
    }

table{
    width: 100% !important;
}

.accordion-button {
    background-color:#00aaff;
    color:white;
}
.mobile{
    display:none;
}
.desktop {
    display: table-cell;
}

nav .d-flex {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 10px;
    padding-right: 15px;
}

@media (min-width: 0px) and (max-width: 575.98px) {
    .support p {
        font-size: 12px;
    }
    #alert-chk {
        width: 350px;
    }
        #myFather {
        max-width: 100% !important;
    }
    nav .d-flex {
        padding-right: 60px;
        padding-top: 1px;
    }
    #profile .name {
        margin-top: -22px !important;
    }
        #profile .name span {
            font-size: 26px;
        }
    .mobile {
        display: inline;
    }

    .desktop {
        display: none;
    }
    h4 {
        font-size: 19px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .support p {
        font-size: 12px;
    }
    #alert-chk {
        width: 350px;
    }
    h4 {
        font-size: 19px;
    }
    #myFather {
        max-width: 100% !important;
    }
    #mainNavbar .d-flex {
        padding-right: 60px;
        padding-top: 1px;
    }
    #profile .name {
        margin-top: -22px !important;
    }

        #profile .name span {
            font-size: 26px;
        }
    .mobile {
        display: inline;
    }

    .desktop {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    nav .d-flex {
        position: absolute;
        top: 0;
        right: 0;
        padding-top: 0px;
        padding-right: 58px;
    }
    #myFather {
        max-width: 100% !important;
    }
    #mainNavbar .d-flex {
        padding-right: 60px;
        padding-top: 1px;
    }
    #profile .name {
        margin-top: -22px !important;
    }

        #profile .name span {
            font-size: 26px;
        }
    .mobile {
        display: inline;
    }

    .desktop {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #myFather {
        max-width: 100% !important;
    }
}

@media (max-width: 1399.98px) {
    
}