/* login start  */
.login-page .login-section {
    /* background-image: url("/assets/images/LOGIN\ PAGE-xd.jpg"); */
    background-size: 100%;
}

.user-btn .user-profile-picture {
    max-width: 6rem !important;
    max-height: 4rem !important;

}

.login-form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}

.form-signin form {
    max-width: inherit !important;
    padding: 50px !important;
    height: 50% !important;
    background-color: white;
    border-radius: 26px;
    width: 416px;
}

.LoginName {
    font-size: 35px;
    font-family: sans-serif;
}

.login-page .form-control {
    border-radius: 20px !important;
}

.login-page .bg-primary {
    border-radius: 20px;
    padding: 2px;
    width: 79% !important;
    margin: inherit;
}

/* login  End */
#sidebarMenu {
    flex-direction: column;
}

.form-signin form {
    height: fit-content !important;

}

@media (max-width:1124px) {

    /* login start */
    .add-student-form-div .bg-primary,
    .edit-student-form-div .bg-primary {

        z-index: 99999;


    }

    .login-page .login-section {
        /* background-image: url("/assets/images/LOGIN\ PAGE-xd.jpg"); */
        /* background-size: cover; */
    }

    .form-signin form {
        max-width: inherit !important;
        padding: 50px !important;
        height: 50% !important;
        background-color: white;
        border-radius: 26px;
        width: 316px;
        box-shadow: 3px 18px 12px 3px #3d3b38;
    }

    .login-form {

        width: 100%;
        position: absolute;
        top: 23%;
    }

    .t-modal {
        width: 100%;

    }

    .add-student-form-div .bg-primary,
    .edit-student-form-div .bg-primary {
        width: fit-content !important;
    }

    .btn-container-absolute {

        z-index: 99999;
    }

    /* .mb-tmk main .search-options {
        display: none;
    } */

    .small-screen {
        display: none !important;
    }

    /* .add-student-modal, .add-subagent-modal {
        position: absolute;
        top: 5px;
        right: 5px;
    } */
    .mb-tmk .card-header .search-bar {
        /* margin-top: 4rem !important; */
    }

    body>div:not(.small-screen),
    body>nav:not(.small-screen) {

        display: flex !important;
    }

    .home-page main .col-6 {
        width: 100% !important;
    }

    .navbar .dropdown-btn img {
        max-width: 5rem !important;
    }



    #pushmenu1,
    #pushmenu {
        display: none !important;
    }

    .nav-item .nav-link .fa-bars {
        font-size: 23px !important;
    }

    #sidebarMenu {
        max-width: 100% !important;
    }
}

@media (max-width:1124px) {

    

    .t-modal form .form-floating,
    .t-modal form .form-group {
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
        width: 42%;
    }

    .t-modal {
        top: 0 !important;

    }

    .edit-subagent-modal-modal .bg-primary,
    .add-workflow-form-div .bg-primary {
        width: fit-content !important;

    }

   

    #sidebarMenu {
        margin-bottom: 29px;
        display: none;
        flex-direction: column;
        width: 42% !important;
        margin-left: auto;
        margin-right: auto;
    }

    #pushmenu2 {
        display: flex !important;
    }

    .navbar .text-uppercase {
        display: none !important;
    }

    .container-fluid main {
        width: 100%;
    }

    .mb-tmk .card-body {
        overflow-y: hidden;
    }
    .t-modal form .form-group, .t-modal form .form-floating{
        /* width: 48% !important; */
    }
    .t-modal form .files-input-item .file{
        width: 15% !important;

    }
}

@media (max-width: 768px) {
    .btn-container-absolute {
        left: 20% !important;
    }

    .t-modal form .form-group, .t-modal form .form-floating{
        width: 48% !important;
    }
    .t-modal form .files-input-item .file{
        width: 40% !important;

    }
}



@media (max-width:480px) {
    
    .t-modal form .form-group, .t-modal form .form-floating{
        width: 70% !important;
    }
    .t-modal form .files-input-item .file{
        width: 50% !important;

    }
    .card .card-header .input-group {
        flex-direction: column !important;
    }

    #searchInput {
        width: 100% !important;
    }

    .search-bar {
        margin-left: 0rem !important;
    }

    .search-bar .search-options {

        width: 100%;
        justify-content: center;
    }

    .input-group-append,
    .input-group-prepend {

        display: block !important;
    }

    .mb-tmk .card-header .search-bar {
        margin-top: 0 !important;
        display: flex !important;
    }

    .page .card-header {
        text-align: center;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0.4rem;
        justify-content: center;
    }

    .add-student-modal,
    .add-subagent-modal {
        display: flex;
        float: none;
        flex-direction: column;
    }

    .t-modal form .form-floating,
    .t-modal form .form-group {
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
        width: 95%;

    }

    /* .add-student-modal, .add-subagent-modal {
        padding-right: 29px;
    } */
    #sidebarMenu {

        width: 94% !important;

    }

    .mb-tmk .card-title {
        font-weight: 600 !important;
        padding: 14px !important;
        margin: 0 !important;
        float: none !important;
    }

    .mb-tmk main .card-header .input-group {
        margin-top: -4px;
    }

}



@media (max-width:1124px) and (min-width:769px) {
    /* .login-page .login-section {
        background-image: url("/assets/images/LOGIN\ PAGE-xd.jpg");
        background-repeat: no-repeat;
        background-position-x: 23%;
    } */

    .login-form {
        right: -19%;
    }
    
}

@media (max-width:768px){
    .login-page .login-section {
        /* background-image: url("/assets/images/login-image-mobile.png") !important; */
        background-size: cover;
        /* background-size: auto; */
    }
    .login-form {
        width: 100%;
        position: absolute;
        top: 45%;
    }
}

/* @media (max-width: 480px) and (min-width:376px){
    .aplication .search-bar {
        margin-left: 0.7rem !important;
    }
    } */
@media (max-width: 480px) {
    .notification-dropdown {
        max-width: 90% !important;
        left: 5% !important;
        margin-left: 0 !important;
    }
    .brand-image,
    .user-panel img {
        max-width: 8rem !important;
    }

    .nav-left-menu {
        width: 40% !important;
    }

    .main-header .brand-menu-item {
        width: 100%;
    }

    .login-form {
        width: 100%;
        position: absolute;
        top: 33%;
    }
}



  

  

@media (max-width: 1124px) {
    .btn-container-absolute {
        left: 18% !important;
    }
    .t-modal .btn{
        left: 10% !important;
    }
    .profile-page main .w-25 {
        width: 65% !important
    }
  
}
@media (max-width: 768px) {
    .btn-container-absolute {

        left: 20.5% !important;
    }
    .t-modal .btn{
        left: 10% !important;
    }
}
@media (max-width: 480px) {
    .btn-container-absolute {
        left: 28.5% !important;
    }
    .t-modal .btn{
        left: 10% !important;
    }

  
}
@media (max-width: 375px) {
    .btn-container-absolute {
        left: 31.5% !important;
    }

    .t-modal .btn{
        left: 10% !important;
    }
}
@media (max-width: 350px) {
    .btn-container-absolute {
        left: 37% !important;
    }
    .t-modal .btn{
        left: 10% !important;
    }

    .profile-page main .w-25 {
        width: 84% !important
    }

    .add-subagent-modal .btn-container-absolute,
    .add-application-modal .btn-container-absolute {
        left: 36% !important;
    }
}