:root {
    --color--primary: #ffffff;
    --color-secondary: rgb(49, 122, 93);
    --color-text: #1c1b1b;
    --color-bg-user-cards: #dfdbdb;
    --linear-grad: linear-gradient(to right, #14302f, #245552);
    --grad-clr1: #142c30;
    --grad-clr2: #243B55;
    --bg-color: #ebebeb;
    --color-text-description: #99A1AA;
    --color-hover-dark: #303035;
    --color-borders: #E3E6E9;
    --color-text-body: #525260;
}

@media (max-width: 1600px) {

    /* Número de estados disponibles horizontalmente - CRM */
    .layout__states {
        grid-template-columns: repeat(4, 1fr);
    }
	
    .cases__table {
	    font-size:0.9rem;
        margin: 25px 10px;
    }

}

@media (max-width: 1437px) {

    /* Menú de navegación */
    .navbar__nav {
        display: none;
    }

    .navbar__mobile-btn {
        display: block;
    }

}

@media (max-width: 1400px) {

    /* Número de estados disponibles horizontalmente - CRM */
    .layout__states {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1300px) {
    /* Ficha de cliente. */

    .clientfile__container {
        width: 85%;
        height: 100%;
        min-height: 1000px;
        min-width: 600px;
        display: grid;
        grid-template-areas:
            'title'
            'info'
            'notes';
        grid-template-columns: 100%;
        grid-template-rows: 10% 40% 50%;
    }
	
	/* Ocultar o reordenar los filtros */
	.form__mycase--row{
		display: none;
	}
	
	.pagination__container {
		padding-top: 4rem;
	}
	
	.layout__cases--filter{
		margin: 4rem;	
	}
}

@media (max-width: 1200px) {

    /* Tabla responsive */
    .responsive__table {
        width: 100%;
        max-width: 900px;
        overflow-y: auto;
        overflow-x: auto;
		margin-bottom: 3rem;
    }

    .accounting__table,
    .cases__table,
    .recordcases__table,
    .user-management__table {
        margin: 25px 10px;
    }

    thead th {
        position: sticky;
        top: 0;
        z-index: 3;
    }

    tbody td:nth-child(1) {
        position: sticky;
        left: 0;
        z-index: 2;
    }

    tbody td:nth-child(2) {
        position: sticky;
        left: 5.5rem;
        z-index: 2;
    }

    tbody tr:nth-child(odd) td:nth-child(1),
    tbody tr:nth-child(odd) td:nth-child(2) {
        background-color: var(--bg-color);
    }

    tbody tr:nth-child(even) td:nth-child(1),
    tbody tr:nth-child(even) td:nth-child(2) {
        background-color: #f3f3f3;
    }

    thead th:nth-child(1),
    thead th:nth-child(2) {
        position: sticky;
        left: 0;
        z-index: 4;
        background-color: var(--grad-clr1);
    }

    thead th:nth-child(2) {
        left: 5.5rem;
    }

    /* Número de estados disponibles horizontalmente - CRM */
    .layout__states {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Calendario */
    .layout__calendar {
        padding: 4rem 0;
    }

    .calendar__container {
        width: 80%;
    }

}

@media (max-width: 1000px) {

    /* Tabla responsive */
    .responsive__table {
        max-width: 800px;
    }

    /* Documentación */
    .layout__dragdrop {
        width: 500px;
    }

    /* Login y register */
    .layout__login {
        width: 810px;
    }

    #overlayBtn {
        left: 48%;
    }
}

@media (max-width: 900px) {

    /* Tabla responsive */
    .responsive__table {
        max-width: 700px;
    }

    /* CRM */
    .layout__states {
        grid-template-columns: repeat(1, 1fr);
    }

    .clientfile__container {
        width: 85%;
        min-width: 450px;
    }
	
}

@media (max-width: 850px) {

    /* Tabla responsive */
    .responsive__table {
        max-width: 600px;
    }

    /* Login y register */
    .layout__login {
        width: 500px;
    }

    .login__form {
        width: 100%;
    }

    .overlay-container {
        display: none;
    }

    .cases__form,
    .accounting__form,
    .clientfile__form,
    .notes__form {
        width: 70%;
    }
}

@media (max-width: 650px) {

    /* Tabla responsive */
    .responsive__table {
        max-width: 500px;
    }

    /* Documentación */
    .layout__dragdrop {
        width: 300px;
    }

    /* Login y register */
    .layout__login {
        width: 450px;
    }

}

@media (max-width: 570px) {

    /* Tabla responsive */
    .responsive__table {
        max-width: 400px;
    }

    /* CRM */
    .clientfile__container {
        width: 85%;
        min-width: 400px;
    }

    /* Login y register */
    .layout__login {
        width: 400px;
    }
}


@media (max-width: 512px) {

    /* Tabla responsive */
    .responsive__table {
        max-width: 350px;
    }

    /* Menú lateral versión móvil */
    .menu-mobile {
        width: 20rem;
    }

    /* Login y register */
    .layout__login {
        width: 350px;
    }

    .cases__form,
    .accounting__form,
    .clientfile__form,
    .notes__form {
        width: 80%;
    }

}

@media (max-width: 423px) {

    /* Tabla responsive */
    .responsive__table {
        max-width: 300px;
    }

    /* Formularios de cases, clientfile y account */
    .form__cases-label--modify,
    .form__accounting-label--modify {
        font-size: 0.7rem;
    }

    .form__cases-infield,
    .form__accounting-infield,
    .form__clientfile-infield {
        font-size: 0.7rem;
    }

    .form__cases-input,
    .form__accounting-input,
    .form__clientfile-input {
        font-size: 0.7rem;
    }

    /* Menú lateral versión móvil */
    .menu-mobile {
        width: 17rem;
    }

    .clientfile__container {
        width: 85%;
        min-width: 300px;
    }

    /* CRM */
    .info__right {
        display: none;
    }

    /* Documentación */
    .layout__dragdrop {
        width: 300px;
    }

    .layout__uploadDocuments {
        width: 300px;
    }

    .uploadDocuments__left {
        overflow: hidden;
    }

    /* Login y register */
    .layout__login {
        width: 300px;
    }


}