﻿@media(max-width:400px) {
    .popup table tr:nth-child(6) td,
    .popup table tr:nth-child(7) td,
    .popup table tr:nth-child(8) td,
    .popup table tr:nth-child(9) td,
    .popup table tr:nth-child(10) td,
    .popup table tr:nth-child(11) td,
    .popup table tr:nth-child(12) td,
    .popup table tr:nth-child(13) td {
        display: block;
    }

    .modal-content {
        /*width: 300px !important;*/
        content: '';
        position: absolute;
        top: 20px;
        left: center;
    }

    .popup .modal-body {
        width: 200px;
    }

    /* USERS   */

    .content .content-items ul li label {
        margin: 10px 0;
        font-size: 15px;
    }


    /* CATALOG     */

    .catalog table label {
        font-size: 14px;
        margin: 5px 0;
    }

    .catalog-content .catalog-item-1 input, textarea {
        margin-left: 60px;
    }

    .catalog-content .catalog-item-1 select {
        margin-left: 60px;
    }

    .catalog-content .catalog-item-2 input, textarea {
        margin-left: 30px;
    }

    .catalog-content .catalog-item-2 select {
        margin-left: 30px;
    }

    .catalog-content .catalog-item-3 input, textarea {
        /*margin-left: 100px;*/
    }

    .catalog-content .catalog-item-3 select {
        margin-left: 100px;
    }

    /*LIST COMPANY*/

    /*.k-pager-numbers button{
        padding:0 2px !important;
    }*/
    .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        width: 15px !important;
    }

    /*USER ADMINISTRATIONS*/

    .k-users {
        margin-top: 100px;
    }

     .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        width: 15px !important;
    }

	/*.content .modal-content{
		width:100% !important;
	}*/

	header .navbar {
		padding: 10px 0 !important;
	}
    .forgotinputs {
        width: 200px;
    }
}

@media(max-width:480px) {
    .modal-content {
        /*margin-left: 50px !important;*/
    }
    /*LIST COMPANY*/

    .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        min-width: 0px !important;
        width: 0px !important;
    }
	.nav-item{
		margin-top:5px;
	}
	header .navbar {
		padding: 10px 0 !important;
	}
    
}

@media(max-width:519px) {
    .modal-content {
        /*margin-left: 70px !important;*/
    }
    /*LIST COMPANY*/

    .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        min-width: 0px !important;
        width: 0px !important;
    }
    /*USER ADMINISTRATIONS*/

    .k-users {
        margin-top: 20px;
    }
	header .navbar {
		padding: 10px 0 !important;
	}
    
}

@media(max-width:520px) {
    .popup table tr:nth-child(6) td,
    .popup table tr:nth-child(7) td,
    .popup table tr:nth-child(8) td,
    .popup table tr:nth-child(9) td,
    .popup table tr:nth-child(10) td,
    .popup table tr:nth-child(11) td,
    .popup table tr:nth-child(12) td,
    .popup table tr:nth-child(13) td {
        display: block;
    }

    .modal-content {
        /*width: 300px !important;*/
        content: '';
        position: absolute;
        top: 20px;
        left: auto;
        /*margin-left: 100px;*/
    }

    .popup .modal-body {
        width: 200px;
    }
    /*datalist COMPANY*/

    .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        min-width: 0px !important;
        width: 0px !important;
    }

    /*LIST COMPANY*/

   /* .k-pager-numbers button {
        padding: 0px 3px !important;
    }*/
    .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        width: 13px !important;
    }

	header .navbar {
		padding: 10px 0 !important;
	}
}
@media(max-width:575px) {
    /* HEADER AND NAVBAR_MENU   */
    body {
        font-size: 14px;
    }

    header nav .collapse ul li .btn {
        width: 100px;
        border-radius: 5px;
        padding: 5px 20px;
    }

    header nav .collapse ul li a {
        font-size: 16px;
        padding: 10px 0;
        border-bottom: 2px solid rgba(195, 195, 255, 0.795);
    }

    header nav .dropdown a {
        border-bottom: 0px !important;
        font-size: 14px;
    }

    header nav .dropdown .dropdown-inner li {
        background-color: transparent;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(230, 230, 230, 0.493);
    }

        header nav .dropdown .dropdown-inner li a {
            font-size: 13px;
        }

    .navbar-menu nav .navbar-nav .nav-item a {
        padding: 10px 0;
        border-bottom: 1px solid #acacac5f;
    }

    .navbar-menu nav .navbar-nav .nav-item .dropdown-menu a {
        padding: 10px;
        border-bottom: 0px;
    }

    .navbar-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        padding: 5px 10px;
        font-size: 13px;
    }

    .dropdown-menu {
        box-shadow: none;
    }

        .dropdown-menu li {
            background-color: #f1f1f18f;
            padding: 2px 0;
            margin: 2px 0;
        }

    .dropdown-inner {
        box-shadow: none;
    }

        .dropdown-inner li {
            background-color: #f1f1f18f;
            margin: 2px 0;
        }

    .navbar-menu nav .navbar-nav .nav-item .dropdown-inner li a {
        padding: 6px 10px;
        --bs-dropdown-link-active-bg: #0d6efd;
    }

    .navbar-menu nav .navbar-nav .nav-item .dropdown-inner {
        padding-left: 0px;
    }
    /* PopUp */

    .popup .modal-body table label {
        font-size: 11px;
    }

    .popup .modal-body {
        width: 450px;
    }

    .modal-content {
        /*width: 100% !important;*/
        /*margin-left: 0px;*/
    }

    .popup .modal-body table .cal-icon {
        padding-left: 5px;
    }

    /* USERS   */

    .content .content-items ul li label {
        margin: 10px 0;
        font-size: 15px;
    }

    /* CATALOG     */

    .catalog-content .catalog-item .form-control, .catalog-content .catalog-item textarea, .catalog-content .catalog-item select {
        height: 35px;
        margin-bottom: 5px;
    }

	/*LOGIN*/
/*	.LoginDiv {
		width: 550px;
		height: auto;
	}*/

    #CompanyLogo_login {
        width:280px;
    }

    #DivLogin_Text h1 {
        font-size: 30px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 19px !important;
        margin-top: 20px !important;
    }

    /*LIST COMPANY*/
    .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        width: 13px !important;
    }
  /*  .k-pager-numbers button {
        padding: 0px 3px !important;
    }*/

    /*THERASOFT BILLING*/

    .PageMargin {
        padding: 0px 20px 0px 20px;
    }

	header .navbar {
		padding: 10px 0 !important;
	}

}

@media(min-width:576px) {
    /* HEADER AND NAVBAR_MENU   */
   body p{
        font-size: 14px;
    }

    header nav .collapse ul li .btn {
        width: 100px;
        border-radius: 5px;
        padding: 5px 20px;
    }

    header nav .collapse ul li a {
        font-size: 16px;
        padding: 10px 0;
        border-bottom: 2px solid rgba(195, 195, 255, 0.795);
    }

    header nav .dropdown a {
        border-bottom: 0px !important;
        font-size: 14px;
    }

    header nav .dropdown .dropdown-inner li {
        background-color: transparent;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(230, 230, 230, 0.493);
    }

        header nav .dropdown .dropdown-inner li a {
            font-size: 13px;
			padding:8px 10px !important;
        }

	header .navbar {
		padding: 10px 0 !important;
	}

    .navbar-menu nav .navbar-nav .nav-item a {
        padding: 10px 0;
        border-bottom: 1px solid #acacac5f;
    }

    .navbar-menu nav .navbar-nav .nav-item .dropdown-menu a {
        padding: 10px;
        border-bottom: 0px;
    }

    .navbar-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        padding: 5px 10px;
        font-size: 13px;
    }

    .dropdown-menu {
        box-shadow: none;
    }

        .dropdown-menu li {
            background-color: #f1f1f18f;
            padding: 2px 0;
            margin: 2px 0;
        }

    .dropdown-inner {
        box-shadow: none;
    }

        .dropdown-inner li {
            background-color: #f1f1f18f;
            margin: 2px 0;
        }

    .navbar-menu nav .navbar-nav .nav-item .dropdown-inner li a {
        padding: 6px 10px;
        --bs-dropdown-link-active-bg: #0d6efd;
    }

    .navbar-menu nav .navbar-nav .nav-item .dropdown-inner {
        padding-left: 0px;
    }

    /* POPUP */

    .popup .modal-body table label {
        font-size: 11px;
    }

    .popup .modal-body {
        width: 450px;
    }

   /* .modal-content {
        width: 100% !important;
    }*/

    .popup .modal-body table .cal-icon {
        padding-left: 5px;
    }

    /* USERS   */

    .content .content-items ul li label {
        margin: 10px 0;
        font-size: 15px;
    }

    /* CATALOG     */
    .catalog-content .catalog-item .form-control, .catalog-content .catalog-item textarea, .catalog-content .catalog-item select {
        height: 35px;
        margin-bottom: 5px;
    }

    /*LOGIN*/

    .LoginDiv{
        width:540px !important;
        height:auto !important;
        padding-top:50px;
    }
    #CompanyLogo_login {
        width: 280px;
    }
    #DivLogin_Text h1{
        font-size:30px;
        padding-bottom:30px;
        padding-top:30px;
    }
    #DivLogin_ForgetchangePassword {
        font-size:22px !important;
        margin-top:20px;
    }
    /*LIST COMPANY*/
    .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        width: 20px !important;
    }
   /* .k-pager-numbers button {
        padding: 0px 5px !important;
    }*/
    /*THERASOFT BILLING*/

    .PageMargin {
        padding: 0px 20px 0px 20px;
    }
	.nav-item {
		margin-top: 5px;
	}

    .forgotinputs {
        width: 250px;
    }
}
@media(min-width:768px){

    /*LOGIN*/

    .LoginDiv {
        width:500px !important;
        height: auto !important;
    }
    #CompanyLogo_login {
        width: 250px !important;
    }
    #DivLogin_Text h1 {
        font-size: 28px;
        padding-bottom: 15px;
        padding-top: 20px ;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 20px !important;
        margin-top: 20px ;
    }

    /*list COMPANY*/

    .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        min-width: 0px !important;
        width: 25px !important;
    }
   /* .k-pager-numbers button {
        padding: 0px 7px !important;
    }*/

    /*THERASOFT BILLING*/

    .PageMargin {
        padding: 0px 10px 0px 10px;
    }
    .forgotinputs {
        width: 300px;
    }

}
@media(min-width:992px) {
    .container-xxl {
        max-width: 960px;
    }
    


    /* HEADER AND NAVBAR_MENU */
    header nav .collapse .navbar-nav .nav-item a {
        font-size: 12px;
        border-bottom: 0px;
        /*padding-right: 5px;*/
    }

    header nav .collapse .navbar-nav .nav-item .btn {
        width: 53px;
        font-size: 10px;
        margin-right: 1px;
        border-radius: 0px;
        padding: 3px 0;
		margin-top:0px !important;
		margin-bottom:2px;
    }

    header nav .navbar-nav div:nth-child(3) li:nth-child(2) a {
        width: 50px !important;
    }

    header nav .collapse .navbar-nav .nav-item .btn.first-btn {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    header nav .collapse .navbar-nav .nav-item .btn.last-btn {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
	header nav .collapse .navbar-nav .nav-item{
		display:flex;
		margin-top:0px !important;
		justify-content:center;
	}

	.navbar-menu nav .navbar-nav .nav-item a {
		font-size: 11px;
		padding-right: 13px;
		border-bottom: 0px !important;
	}
	.navbar-menu nav .navbar-nav .nav-item .btn{
		margin-top:0px!important;
	}
	header nav .dropdown .dropdown-inner li {
		background-color: transparent;
		padding-bottom: 5px;
		border-bottom: 0px;
	}
	header .navbar {
		padding: 8px 0 !important;
	}

    .dropdown-menu {
        box-shadow: 0 0px 5px 0px rgb(219, 219, 219);
    }

        .dropdown-menu li {
            background-color: #fff;
            margin: 0;
        }

    .dropdown-inner {
        position: absolute;
        top: 100%;
        right: 30%;
        z-index:99;
        box-shadow: 0 0px 5px 0px rgb(219, 219, 219);
    }

        .dropdown-inner li {
            background-color: #fff;
            margin: 0;
        }

            .dropdown-inner li:hover {
                --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
            }

    .d-arrow {
        font-size: 10px;
        padding: 4px 0 0 5px;
    }
    .nav-link-a{
        padding:3px 0 0 6px !important; 
    }


    /* POPUP */
   /* table label {
        font-size: 13px !important;
    }*/

    .popup .modal-body {
        width: 500px;
    }

    .modal-content {
        /*width: 500px;*/
        /*margin-left: 0px;*/
    }

    .popup .modal-body table .cal-icon {
        padding-left: 10px;
    }

    /* USERS */

    .content .content-items ul li label {
        font-size: 11px;
    }

    .numberInput {
        width: 40px;
        height: 25px;
    }

    .dateInput {
        width: 150px;
        height: 25px;
    }

    .btns {
        font-size: 13px;
    }

    /* CATALOG     */

    .catalog-content .catalog-item .form-control, .catalog-content .catalog-item textarea, .catalog-content .catalog-item select {
        height: 38px;
        margin-bottom: 5px;
    }

    /*LOGIN*/

    .LoginDiv {
        width: 380px !important;
        height: auto !important;
        padding-top:30px;
    }

    #CompanyLogo_login {
        width: 200px !important;
    }

    #DivLogin_Text h1 {
        font-size: 22px !important;
        padding-bottom: 10px !important;
        padding-top: 5px !important;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 16px !important;
        margin-top: 5px !important;
    }

    /*datalist COMPANY*/

    .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
        min-width: 0px !important;
        width: 30px !important;
    }
  /*  .k-pager-numbers button {
        padding: 0px 9px !important;
    }*/
  
    
}
@media(min-width:1030px) {
    .container-xxl {
        max-width: 1000px;
    }
    /* HEADER AND NAVBAR_MENU */
    header nav .collapse .navbar-nav .nav-item a {
        font-size: 11px;
        /*padding-right: 5px;*/
    }

    .navbar-menu nav .navbar-nav .nav-item a {
        font-size: 12px;
        padding-right: 12px;
    }

    .d-arrow {
        font-size: 10px;
        padding: 6px 0 0 5px;
    }

    header nav .collapse .navbar-nav .nav-item .btn {
        font-size: 10px;
    }
}
@media(min-width:1100px){
    /*LOGIN*/

    #CompanyLogo_login {
        width: 200px !important;
    }
    .nav-link-a {
        padding: 3px 0 0 6px !important;
    }
}
@media(min-width:1150px) {
    .container-xxl {
        max-width: 1050px;
    }
}
@media(min-width:1200px) {
    .container-xxl {
        max-width: 1150px;
    }
    /* HEADER AND NAVBAR_MENU */
    header nav .collapse .navbar-nav .nav-item a {
        font-size: 12px;
        /*padding-right: 8px;*/
    }

    header nav .collapse .navbar-nav .nav-item .btn {
        width: 55px;
        font-size: 11px;
        padding:3px 0;
        margin-right: 2px;
        margin-top: 0px !important;
    }

    header nav .navbar-nav div:nth-child(3) li:nth-child(2) a {
        width: 57px !important;
    }

    .navbar-menu nav .navbar-nav .nav-item a {
        font-size: 13px;
        padding-right: 19px;
    }
    /* POPUP */

    .content table label {
        font-size: 14px !important;
    }

    .popup .modal-body {
        width: 520px;
    }

    .modal-content {
        /*width: 520px;*/
        /*margin-left: 0;*/
    }

    /* USERS */

    /*.content input {
        font-size: 13px;
    }*/

    .content .content-items ul li label {
        font-size: 14px;
    }

    .numberInput {
        width: 50px;
        height: 30px;
    }

    .dateInput {
        width: 180px;
        height: 30px;
    }

    .btns {
        font-size: 14px;
    }

    /* CATALOG     */

    .catalog table label {
        font-size: 13px;
    }
    /*LOGIN*/

    .LoginDiv {
        width: 410px !important;
        height: auto !important;
    }

    #CompanyLogo_login {
        width: 200px !important;
    }

    #DivLogin_Text h1 {
        font-size: 23px !important;
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 16px !important;
        margin-top: 5px !important;
    }
    /*THERASOFT BILLING*/

    .PageMargin {
        padding: 0px 70px 0px 70px;
    }

/*
    .k-pager-numbers button {
        padding: 0px 10px !important;
    }*/

}
@media(min-width:1300px){
    .container-xxl{
        max-width:1250px;
    }

    /*LOGIN*/

    .LoginDiv {
        width: 430px !important;
        height: auto !important;
        padding-top: 40px;
    }

    #CompanyLogo_login {
        width: 220px !important;
    }

    #DivLogin_Text h1 {
        font-size: 24px !important;
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 17px !important;
        margin-top: 5px !important;
    }
}
@media(min-width:1400px) {
    .container-xxl {
        max-width: 1320px;
    }

    /* HEADER AND NAVBAR_MENU */
    header nav .collapse .navbar-nav .nav-item a {
        font-size: 14px;
        /*padding-right: 10px;*/
    }

    header nav .collapse .navbar-nav .nav-item .btn {
        width: 61px;
        font-size: 12px;
        margin-top: 0px !important;
    }

    header nav .navbar-nav div:nth-child(3) li:nth-child(2) a {
        width: 66px !important;
    }

    .navbar-menu nav .navbar-nav .nav-item a {
        font-size: 14px;
        padding-right: 25px;
    }

    .d-arrow {
        padding: 7px 0 0 5px;
    }

    /* POPUP */

    .content table label {
        font-size: 15px !important;
    }

    .popup .modal-body {
        width: 550px;
    }

   /* .modal-content {
        width: 550px;
    }*/
    /* USERS     */

    /*.content input {
        font-size: 14px;
    }*/

    .dateInput {
        width: 190px;
        height: 32px;
    }

    .btns {
        font-size: 15px;
    }

    /* CATALOG     */

    .content .form-control {
        font-size: 13px;
    }
    /*LOGIN*/

    .LoginDiv {
        width: 460px !important;
        height: auto !important;
        padding-top:40px;
    }

    #CompanyLogo_login {
        width: 230px !important;
    }

    #DivLogin_Text h1 {
        font-size: 25px !important;
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 18px !important;
        margin-top: 5px !important;
    }


    /*REGISTRATION*/

    .image-preview {
        width: 62px;
    }
    .Registration .k-treeview-leaf-text {
        font-size: 14px;
    }
    .Registration .k-treeview-leaf {
        padding: 3px 0 !important;
    }
}
@media(min-width:1500px) {
    .container-xxl {
        max-width: 1400px;
    }

    /* HEADER AND NAVBAR_MENU */
    header nav .collapse .navbar-nav .nav-item a {
        font-size: 15px;
    }

    .navbar-menu nav .navbar-nav .nav-item a {
        font-size: 15px;
    }

    .dropdown-inner {
        position: absolute;
        top: 100%;
        right: 15%;
    }

    .d-arrow {
        font-size: 11px;
        padding: 7px 0 0 7px;
    }

    /* USERS */
   /* .content input {
        font-size: 15px;
    }*/

    .dateInput {
        width: 190px;
        height: 35px;
    }

    .content-menu .content-items ul li label {
        font-size: 15px;
    }

    .numberInput {
        width: 60px;
        height: 35px;
    }
    /*LOGIN*/

    .LoginDiv {
        width: 450px !important;
        height: auto !important;
    }

    #CompanyLogo_login {
        width: 220px !important;
    }

    #DivLogin_Text h1 {
        font-size: 25px !important;
        padding-bottom: 20px !important;
        padding-top: 15px !important;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 18px !important;
        margin-top: 10px !important;
    }
}
@media(min-width:1600px) {
    .container-xxl {
        max-width: 1500px;
    }
    /* HEADER AND NAVBAR_MENU */
    header nav .collapse .navbar-nav .nav-item a {
        font-size: 16px;
    }

    header nav .navbar-nav div:nth-child(3) li:nth-child(2) a {
        width: 68px !important;
    }
    header .nav-item li a {
        padding: 5px 0 !important;
    }
    .navbar-menu nav .navbar-nav .nav-item a {
        font-size: 16px;
    }

    /* USERS */

    .dateInput {
        width: 198px;
        height: 38px;
    }

    .numberInput {
        height: 38px;
    }

    .btns {
        font-size: 16px;
    }
    /*LOGIN*/

    .LoginDiv {
        width: 450px !important;
        height: auto !important;
        padding-top:50px;
    }

    #CompanyLogo_login {
        width: 230px !important;
    }

    #DivLogin_Text h1 {
        font-size: 25px !important;
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 18px !important;
        margin-top: 10px !important;
    }

    /*REGISTRATION*/

    .image-preview {
        width: 72px;
    }
    .Registration .k-treeview-leaf-text {
        font-size: 16px;
    }
    .Registration .k-treeview-leaf {
        padding: 4px 6px !important;
    }
}
@media(min-width:1700px) {
    .container-xxl {
        max-width: 1600px;
    }
    /*POPUP*/

    .content table label {
        font-size: 14px !important;
    }

    /* HEADER AND NAVBAR_MENU */
    .d-arrow {
        font-size: 12px;
    }

    header nav .collapse .navbar-nav .nav-item .btn {
        width: 68px;
        font-size: 13px;
        padding: 4px 0px;
        margin-top: 0px !important;
    }
 
    /*LOGIN*/
    .LoginDiv {
        width: 470px !important;
        height: auto !important;
    }

    #CompanyLogo_login {
        width: 250px !important;
    }

    #DivLogin_Text h1 {
        font-size: 25px !important;
        padding-bottom: 25px !important;
        padding-top: 25px !important;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 18px !important;
        margin-top: 15px !important;
    }
}
@media(min-width:1800px) {
    .container-xxl{
        max-width:1700px;
    }
    /* HEADER AND NAVBAR_MENU */
    .d-arrow {
        font-size: 13px;
    }
    /*LOGIN*/

    .LoginDiv {
        width: 470px !important;
        height: auto !important;
    }

    #CompanyLogo_login {
        width:250px !important;
    }

    #DivLogin_Text h1 {
        font-size: 25px !important;
        padding-bottom: 25px !important;
        padding-top: 25px !important;
    }

    #DivLogin_ForgetchangePassword {
        font-size: 18px !important;
        margin-top: 15px !important;
    }

    /*REGISTRATION*/

    .image-preview {
        width: 85px;
    }
    .Registration .k-treeview-leaf {
        padding: 4px 8px !important;
    }
}
@media (max-width: 991px) {
    .offcanvas {
        width: 50%;
        padding: 15px;
        top: 0;
        left: 0;
        box-shadow: 0 0 10px 2px #838383;
    }
  /*  .navbar-menu nav .navbar-nav .nav-item a{
        color:#f1f1f1;
    }
    .navbar-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item{
        color:#000;
    }*/
    .offcanvas-backdrop.show{
        opacity:none;
    }
    .navbar-collapse-1{
        overflow:scroll !important; 
    }

}
@media(min-width:1900px){
    .container-xxl {
        max-width: 1800px;
    }
    .forgotinputs {
        width: 320px;
    }
    /*REGISTRATION*/

    .image-preview {
        width: 90px;
    }
}
@media(min-width:2000px){
    .container-xxl{
        max-width:1850px;
    }
  
    header nav .collapse .navbar-nav .nav-item a {
        font-size: 18px;
    }
}