/*320px-480px: Mobile devices*/
@media (min-width: 320px) and (max-width: 360px) {
    .main-header .login-nav {
        margin-left: 0;
    }
    .main-header .login-nav .nav-link {
        font-size: 13px;
    }
    .main-header .login-nav .nav-link {
        margin-right: 0;
    }

    .login-box {
        justify-content: center;
        margin: 0 30px;
    }

    .login-title {
        font-size: 23px;
        line-height: 26px;
    }

    /*Dashboard*/
    .page-content-padding {
        padding: 1rem;
    }
    .main-content-card-header {
        flex-direction: column;
    }
    .main-card-title {
        margin-bottom: 10px !important;
    }
    .rtl .page-content-padding {
        padding: 1rem;
    }
    .rtl .main-content-card-header {
        flex-direction: column;
    }
    .rtl .main-card-title {
        margin-bottom: 10px !important;
    }

    .profile-wrapper .avatar-lg {
        height: 6rem;
        width: 6rem;
    }

    .profile-wrapper .row .col{
        padding: 0;
    }
    .profile-wrapper h3 {
        font-size: 24px;
        margin-top: 1.5rem;
    }
    .profile-wrapper p {
        font-size: 14px;
    }
    .profile-card-minius {
        margin-top: 0;
    }
    .mx-n4 {
        margin-right: -1.5rem!important;
        margin-left: -1.5rem!important;
    }
    .rtl .profile-manager-menu {
        padding: 0;
    }

    .form-level-caption-padding {
        padding-left: 53px;
        margin-top: 5px;
    }
    .rtl .form-level-caption-padding {
        padding-right: 53px;
        font-size: 12px;
    }
    .form-icon-avatar-d-none{
        display: none;
    }
    .mobile-hide{
        display: none;
    }




}
/*320px-480px: Mobile devices*/
@media (min-width: 361px) and (max-width: 480px) {
    .main-header .login-nav {
         margin-left: 0;
    }
    .main-header .login-nav .nav-link {
         margin-right: 0;
    }
    .login-box {
        justify-content: center;
        height: calc(100vh - 70px);
        margin: 0 30px;
    }
    .login-title {
        font-size: 28px;
        line-height: 30px;
    }
    /*Dashboard*/
    .page-content-padding {
        padding: 1rem;
    }
    .main-content-card-header {
        flex-direction: column;
    }
    .main-card-title {
        margin-bottom: 10px !important;
    }
    .rtl .page-content-padding {
        padding: 1rem;
    }
    .rtl .main-content-card-header {
        flex-direction: column;
    }
    .rtl .main-card-title {
        margin-bottom: 10px !important;
    }


    .profile-wrapper .avatar-lg {
        height: 6rem;
        width: 6rem;
    }

    .profile-wrapper .row .col{
        padding: 0;
    }
    .profile-wrapper h3 {
        font-size: 28px;
        margin-top: 1.5rem;
    }
    .profile-wrapper p {
        font-size: 16px;
    }
    .profile-card-minius {
        margin-top: 0;
    }
    .mx-n4 {
        margin-right: -1.5rem!important;
        margin-left: -1.5rem!important;
    }

    .rtl .profile-manager-menu {
        padding: 0;
    }
    .form-level-caption-padding {
        padding-left: 53px;
        margin-top: 5px;
    }
    .rtl .form-level-caption-padding {
        padding-right: 53px;
    }
    .form-icon-avatar-d-none{
        display: none;
    }
    .mobile-hide{
        display: none;
    }


}
/*481px-768px: iPads, Tablets*/
@media (min-width: 481px) and (max-width: 767px) {
    .page-content-padding {
        padding: 1rem;
    }
    .main-content-card-header {
        flex-direction: column;
    }
    .main-card-title {
        margin-bottom: 10px !important;
    }
    .rtl .page-content-padding {
        padding: 1rem;
    }
    .rtl .main-content-card-header {
        flex-direction: column;
    }
    .rtl .main-card-title {
        margin-bottom: 10px !important;
    }

    .profile-wrapper .avatar-lg {
        height: 6rem;
        width: 6rem;
    }

    .profile-wrapper .row .col{
        padding: 0;
    }
    .profile-wrapper h3 {
        font-size: 28px;
        margin-top: 1.5rem;
    }
    .profile-wrapper p {
        font-size: 16px;
    }
    .profile-card-minius {
        margin-top: 0;
    }
    .mx-n4 {
        margin-right: -1.5rem!important;
        margin-left: -1.5rem!important;
    }
    .rtl .profile-manager-menu {
        padding: 0;
    }

    .form-level-caption-padding {
        padding-left: 53px;
        margin-top: 5px;
    }
    .rtl .form-level-caption-padding {
        padding-right: 53px;
    }
    .form-icon-avatar-d-none{
        display: none;
    }
    .loan-form-padding {
        padding-left: 55px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {



}


/*dashboard responsive*/
@media (max-width: 767.98px){
    .navbar-header {
        padding: 0 calc(1.5rem / 2) 0 calc(1.5rem / 2);
    }
    .app-menu {
        margin-left: -100%;
        padding: 10px 0 20px 0;
    }
    .sidebar-enable .app-menu {
        margin-left: 0!important;
        z-index: 1004;
    }
    .sidebar-enable #page-topbar {
        left: 240px;
    }
    .logo {
        line-height: 30px;
    }
    .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]::after {
        right: 32px;
    }
    .sidebar_scrollbar{
        height: calc(100vh - 30px);
    }
    .footer {
        left: 0;
    }

}
@media (min-width: 768px) {
    #page-topbar {
        left:240px
    }
    .main-content {
        margin-left: 240px;
    }


}


/*RTL dashboard responsive*/
@media (max-width: 767.98px){

    .rtl.sidebar-enable #page-topbar {
        right: 240px;
        left: 0;
    }
    .rtl .app-menu {
        margin-right: -100%;
    }
    .rtl.sidebar-enable .app-menu {
        margin-right: 0!important;
        z-index: 1004;
    }
    .rtl .footer {
        left: 0;
        right: 0;
    }



}
@media (min-width: 768px) {
    .rtl #page-topbar {
        right:240px;
        left: 0;
    }
    .rtl .main-content {
        margin-right: 240px;
        margin-left: 0;
    }
    .loan-form-padding {
        padding-left: 55px;
    }
}

@media print {
    body{
        background-color: white!important;
    }

    .main-content{
        background-color: white!important;
    }
    .table th,td{
        background-color: white!important;
    }

    .no-print{
        display: none!important;
    }

}

@media print {
    #page-topbar {
        display: none !important;
    }
    .page-content {
        padding: 0;
        margin: 0;
    }
    .main-content {
        margin-left: 0;
    }
    .page-content {
        height: 100%;
    }
}