.col-md-6 {
    text-align: center;
}

.navbar-expand-lg .logologin {
    display: none;
}

.logologin {
    height: 200px;
    width: 300px;
}

.logologinprof {
    height: 100px;
    width: 100px;
}

.navbar-collapse .visible-xs {
    display: block;
    height: 200px;
    width: 200px;
}

.profile_first_part {
    display: block;
    width: 50%;
    text-align: center;
    padding: 2px;
    margin: 0 auto
}

.topnav {
    max-height: 900px !important;
    height: auto;
    text-align: right;

}

.navbar-nav {
    padding-right: 0px !important;

}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    float: unset;
}

.navbar-brand-box {
    padding-top: 21px;
    padding-right: unset;
    padding-left: unset;
}

.float-end {
    padding-top: 20px;
}




@media only screen and (max-width: 380px) {

    .collapseButton.collapseButton-md.collapseButton-sm.collapseButton-mb.collapseButton-s {

        position: relative !important;
        width: max-content;


    }

    .float-start {
        position: absolute !important;

    }

    .navbar-brand-box.navbar-brand-box-m {
        width: 7rem !important;
    }

    .offcanvas-start {
        width: 300px !important;
    }

    .dropdown-menu.dropdown-menu-Dash-T.dash-M[style] {
        right: unset !important;
        left: 5% !important;

    }



    .btn-Corecction-M {

        padding: 5px !important;
        font-size: 12px !important;
    }

    .nk-files-view-grid .nk-file.nk-files-MT.nk-files-M {
        width: 100% !important;
    }

}

.disply-msg-table-phone {

    display: none;  
}
@media only screen and (max-width: 576px) {

    .disply-table-phone{
        display: none;
    }
    .disply-msg-table-phone {

        display: unset !important;  
    }
    .col-M-T-modals {
        display: none !important;

    }

    .fa-solid.fa-filter {

        padding-left: 0px !important;
    }

    .top-navigation {
        background-color: #0D175D !important;
    }


    .dropdown-menu.dropdown-menu-MT.show.dropdown-menu-MT-SM {
        top: 100% !important;
        left: unset !important;
        right: unset !important;
    }

    .dropdown-menu.dropdown-menu-lg.dropdown-menu-end.show {
        right: unset !important;
        min-width: 50%;
    }

    .card-bodyright {
        display: grid !important;
    }

    .mobileButton-rightCard.mobileButton-rightCard-md.mobileButton-rightCard-sm.collapseButton-mb {

        position: relative !important;

    }

    .collapseButton.collapseButton-md.collapseButton-sm.collapseButton-mb {

        position: relative !important;
        width: max-content;



    }

    .cardColStyleRighSide {
        margin-top: 2% !important;
    }


    .tdh-d-none-M {
        display: none !important;
    }

    .offcanvas-start {
        width: 320px;
    }

    .topnav.topnav-MT {

        width: 100% !important;

    }

    .d-span-text-none {
        display: none !important;
    }

    .MT-ml-1.ml-1 {
        margin-left: 0px !important;

    }

    .d-dropitem-lg.d-dropitem-lg-MTU {
        display: unset !important;
    }

    .col-sm-7.pr-0 {
        width: 50% !important;
    }

    .col-sm-3.pr-3 {
        width: 35% !important;
    }

    .col-sm-2 {
        width: 15% !important;
    }

    .nk-block-title.FontMT-DashBored.fontM {
        font-size: 18px !important;
    }

    .nk-block-des.FontMT-DashBored.fontM {
        font-size: 12px !important;
    }

    .dropdown-menu.dropdown-menu-Dash-T[style] {
        right: unset !important;
    }

    .ni-alarm-alt:before {
        display: none;
    }

    .btn-add-fileSharing {
        top: -143% !important;
    }

    .form-control.form-control-MSchools {
        width: 98.5% !important;
    }

    .nk-files-view-grid .nk-file.nk-files-MT {
        width: calc(50% - 16px) !important;
    }

    .nk-fmg-body-content.fileshringbody {
        padding: 0rem !important;
    }

    .nk-file-item.nk-file {
        width: 100% !important;
    }

    .btn-dim.btn-outline-primary {

        color: white !important;
        background-color: #0D175D !important;
        border-color: #0D175D !important;
    }

    .btn-dim.btn-outline-success {
        color: white !important;
        background-color: #1ee0ac !important;
        border-color: #1ee0ac !important;
    }

    .btn-dim.btn-outline-warning {
        color: white !important;
        background-color: #f4bd0e !important;
        border-color: #f4bd0e !important;

    }

    .btn-M-T-Modal {
        justify-content: center;

        width: 100% !important;
        margin: 2% 0 0 0 !important;


    }

}

@media (max-width: 767px) {

    .text-md-right {
        direction: ltr !important;
    }

    .pt-3.pt-3-MT {
        padding-top: 0rem !important;
    }

    .mobileButton-rightCard.mobileButton-rightCard-md.mobileButton-rightCard-sm {

        position: relative !important;

    }

    .collapseButton.collapseButton-md.collapseButton-sm {

        position: relative !important;
        width: max-content;

    }

    .card-bodyright {
        display: grid !important;
    }

    .dropdown-menu.dropdown-menu-MT.show {
        max-width: 165px !important;
        min-width: 160px !important;
    }


    .tdh-d-none-T {
        display: none !important;
    }

    .topnav {

        max-height: 900px !important;
        height: auto;
        text-align: right;
        width: 100% !important;

    }

    .btn.header-item.noti-icon.waves-effect {

        padding-right: unset !important;
    }

    .d-inline-block.d-inline-block-Desctop.MT-Header {
        margin-left: 0px !important;
    }

    .btn-loginbyPhone {

        margin-top: 0px !important;
    }

    .formRightSideMobile-Tbig.formRightSideMobile-M.formRightSideMobile-sm {
        width: 100% !important;
    }

    .flex2_spacer {
        font-size: 20px !important;
    }

    .d-none.d-block-attachment-MT {
        display: flex !important;
    }

    .nk-block-title.FontMT-DashBored {
        font-size: 15px !important;
    }

    .nk-block-des.FontMT-DashBored {
        font-size: 10px !important;
    }


    .nk-block-head-content.nk-block-head-content-T.nk-block-head-content-T {
        padding-left: 5% !important;
    }

}



@media (max-width: 991px) {

    .col-lg-6.co-xl {
        flex: unset !important;
        max-width: unset !important;
    }

    .rowHomeWorkCorrection {
        display: flex;
        flex-direction: column-reverse;
    }
    .topnav {
        max-height: 900px !important;
        height: auto;
        text-align: right;
        width: 50%;
    }

    .navbar-nav {
        padding-right: 0px !important;

    }

    .collapseButton.collapseButton-md {

        position: relative !important;
        width: max-content;

    }

    .mobileButton-rightCard.mobileButton-rightCard-md {

        position: relative !important;

    }

    .btn-primary {

        background-color: #248CCC !important;
        border-color: #248CCC !important;
    }

    .td-d-none {
        display: none !important;
    }

    .tdh-d-none {
        display: none !important;
    }

    .d-dropitem-lg.d-dropitem-lg-MT {
        display: unset !important;

    }



    .navbar-brand-box {
        padding-right: 0 !important;
    }

    .container.container-MT {
        padding: 1% !important
    }

    .container.container-dashbored-admin {
        padding-left: 5px !important;
    }

    .formRightSideMobile-Tbig.formRightSideMobile-M {
        width: 160px !important;

    }

    .nk-menu-toggle:after {
        position: absolute;
        font-family: 'ArbFONTS' !important;
        top: 50%;
        right: 1.25rem;
        content: "";
        transform: translateY(-50%);
        font-size: 1rem;
        color: #8094ae;
        transition: transform .3s, color .1s;
    }

    .toggle-slide.toggle-slide-MT {
        top: 10% !important;
    }

    .simplebar-wrapper {
        margin-top: 30 !important;
    }

    .nk-menu.nk-menu-MT {
        padding: 4rem 0rem 0 0rem !important;
    }

    .nk-menu-link {
        padding: 0.625rem 10px 0.625rem 24px !important;
    }

    .blockContantRightCard {
        min-width: 18%;
    }

    
    .widthfirstchild-10{

        width: 18% !important;
      }
}

@media only screen and (max-width: 8000px) {

    .nk-menu>li.nk-menu-item {
        padding: 0 12px !important;


    }

    .nk-menu {
        padding: 0 0rem 0 0rem;
    }


    /* .tdh-d-none-B {
        display: none !important;
    } */

    .formRightSideMobile-Tbig {
        width: 225px !important;

    }

    .col-md-3 {
        width: 100% !important;
    }

    .card-MT {
        border: none !important;
    }

    .cardColStyleRighSide {
        margin-top: 0px;
        display: flex;
        flex-flow: row;
        height: 22%;
        min-height: 100% !important;
        top: -66px;
    }

    .card-bodyright {
        display: flex;
        padding-top: 5%;

    }

    .mobiletext-rightButton {
        display: none;
    }


    .mobileButton-rightCard {

        background-color: unset !important;
        position: relative !important;

    }

    .btn-add-fileSharing {
        top: -148% !important;
    }

    .collapseButton {
        position: relative !important;
        width: max-content;

    }

    .collapseButton-StudentsPages {
        position: absolute !important;
        width: max-content;
        left: 4%;
    }

    .mobileHeader-rightCard.card-header:first-child {
        padding: unset !important;
        height: 0px !important;
    }

    .filter-results-mobile {
        display: none;
    }

    .btn-primary {

        background-color: #248CCC !important;
        border-color: #248CCC !important;
    }


    .customBorderFileSharing {
        padding-right: 0;
    }

    .form-check {
        display: flex;
    }


    .formRightSideMobile.mt-2 {
        margin-right: 0;
        margin-top: .8% !important;
        padding-right: 2% !important;
    }

    .spam-rightTitleMobile.mt-3 {
        margin-top: 10% !important;

    }

    .cardColStyleRighSide {
        margin-top: 1%;
    }

    .blockContantRightCard.MT-SLB {
        margin-right: 3% !important;
    }


    .form-check .form-check-input {

        margin-left: 0.5em !important;
    }

    .cardColStyleRighSide {

        background: unset;
        box-shadow: unset !important;
        border: unset !important;
    }

    .mobileRightsidefilter {
        border: 2px solid #0D175D;
        background-color: #FFFFFF !important;
        border-radius: 10px;
        width: 100%;
        box-shadow: 0 -3px 31px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 2%);
    }

    .col-md-3.col-md-3-MT {
        flex: unset !important;
        max-width: 100% !important;
    }

    .col-md-9.col-md-9-MT {
        flex: unset !important;
        max-width: 100% !important;
    }


    .card-bodyright.card-bodyright-MT {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1rem !important;
    }

    /* .nk-content.nk-contant-center-loginPage{
    padding: 0px !important;
    width: 100% !important;
    z-index: 9999 !important;
} */
    .navbar-expand-lg.navbar-nav {

        margin-right: 0px !important;
    }

    .dropup,
    .dropright,
    .dropdown,
    .dropleft {
        margin-left: 0px !important;
    }

    .nk-footer {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }



    .btn-add-fileSharing {
        top: -141% !important;
    }

    .dropdown-menu.show.dropdown-menu-add-fileSharing {
        top: 0% !important;
    }

    .nk-block-head-content.nk-block-head-content-T {

        padding-left: 3% !important;
    }

    .d-noneMax {
        display: none !important;
    }

    .d-AddButton.d-AddButton-md {
        display: unset !important;
    }

}

.d-AddButton {
    display: none !important;
}

.background-white {
    background-color: white;
}

.background-blue {
    background-color: teal;
    text-align: center;
    color: white;
}

.sidenav {
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 20px;
}



/* Main content */
.main {
    margin-left: 200px;
    /* Same as the width of the sidenav */
    font-size: 20px;
    /* Increased text to enable scrolling */
    padding: 0px 10px;
}

/* Add an active class to the active dropdown button */

/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 8px;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-brand-box {
    padding-top: 21px;
}


@media only screen and (min-width: 8001px) {

    .collapseButton {
        display: none !important;

    }

    .main-content .content {

        margin-top: unset !important;
    }
}


.d-dropitem-lg {
    display: none !important;
}

/* .d-dropitem-lg-MTU{
    display: none ;
} */
@media only screen and (min-width: 1100px) {
    .d-none.d-none-navbar {

        display: block;
    }


}


@media only screen and (max-width: 1100px) {

    .nk-menu>li.nk-menu-item {
        padding: 0 12px !important;


    }

    .nk-menu {
        padding: 0px 10px 0 0rem !important;
    }
}


.btn-M-T-Modal {

    margin: 0% 11% 0% 0;
    padding: 0 10% 0 10% !important;
}