/* animaciones */
@keyframes slide-down {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-up {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}

.login {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.normal-text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.normal-text ol {
    list-style: decimal;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.normal-text ul {
    list-style: disc;
    margin-left: 25px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.normal-text ol ul {
    list-style: disc;
    margin-left: 25px;
}
.normal-text li p {
    margin-bottom: 10px;
}
.normal-text p{
    margin-bottom: 10px;
}

.hover\:bg-opacity-70:hover{
    background-color: rgba(255, 255, 255, 0.7);
}

a:not(nav a, .nav a, .bg-primary\/80 a, .btn, .login a) {
    color: #164E63;
}

.table td{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.shadow-1
{
    box-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgba(0, 0, 0, 0.32);
}

.top-nav {
    padding-top: 7rem;
}
.form-select-lg, .form-control-lg{
    font-size: 16px;
}
.slide-down {
    animation: slide-down 0.5s ease-out forwards;
}

.slide-up {
    animation: slide-up 1s ease-out forwards;
}
.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}
/* fin animaciones */

.ellipsis{
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.nav-item.active button{
    /* color: var(--color-success); */
    color: rgb(var(--color-success) / 1);
}

.top-nav .top-menu.active{
    color: rgb(13, 148, 136)
}
.invalid-feedback{
    padding-top: 5px;
    color: darkred;
    font-size: 16px;
}
.is-invalid{
    border-color: darkred;
}
.text-red-600{
    color: darkred;
}
.text-green-600{
    color: darkgreen;
}
.text-primary{
    color: rgb(22, 78, 99);
}
.text-secondary{
    color: #ccc;
}
.rotate-45 {
    transform: rotate(45deg);
}
.rotate-135 {
    transform: rotate(135deg);
}
.rotate-315 {
    transform: rotate(315deg);
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.bg-new-patient {
    background-color: #36c640;
}
.bg-call-in {
    background-color: #00897c;
}
.bg-call-out {
    background-color: #fb9428;
}
.bg-calendar {
    background-color: #03830b;
}
.bg-send-material {
    background-color: #29a5fc;
}
.bg-nurse {
    background-color: #fc29fa;
}
.bg-alert{
    background-color: #ca2121;
}
.bg-followup{
    background-color: #f7b500;
}

.fs-1{ font-size: 1px;}
.fs-2{ font-size: 2px;}
.fs-3{ font-size: 3px;}
.fs-4{ font-size: 4px;}
.fs-5{ font-size: 5px;}
.fs-6{ font-size: 6px;}
.fs-7{ font-size: 7px;}
.fs-8{ font-size: 8px;}
.fs-9{ font-size: 9px;}
.fs-10{ font-size: 10px;}
.fs-11{ font-size: 11px;}
.fs-12{ font-size: 12px;}
.fs-13{ font-size: 13px;}
.fs-14{ font-size: 14px;}
.fs-15{ font-size: 15px;}
.fs-16{ font-size: 16px;}
.fs-17{ font-size: 17px;}
.fs-18{ font-size: 18px;}
.fs-19{ font-size: 19px;}
.fs-20{ font-size: 20px;}
.fs-21{ font-size: 21px;}
.fs-22{ font-size: 22px;}
.fs-23{ font-size: 23px;}
.fs-24{ font-size: 24px;}
.fs-25{ font-size: 25px;}
.fs-26{ font-size: 26px;}
.fs-27{ font-size: 27px;}
.fs-28{ font-size: 28px;}
.fs-29{ font-size: 29px;}
.fs-30{ font-size: 30px;}
.fs-31{ font-size: 31px;}
.fs-32{ font-size: 32px;}
.fs-33{ font-size: 33px;}
.fs-34{ font-size: 34px;}
.fs-35{ font-size: 35px;}
.fs-36{ font-size: 36px;}
.fs-37{ font-size: 37px;}
.fs-38{ font-size: 38px;}
.fs-39{ font-size: 39px;}
.fs-40{ font-size: 40px;}
.fs-41{ font-size: 41px;}
.fs-42{ font-size: 42px;}
.fs-43{ font-size: 43px;}
.fs-44{ font-size: 44px;}
.fs-45{ font-size: 45px;}
.fs-46{ font-size: 46px;}
.fs-47{ font-size: 47px;}
.fs-48{ font-size: 48px;}
.fs-49{ font-size: 49px;}
.fs-50{ font-size: 50px;}
.fs-51{ font-size: 51px;}
.fs-52{ font-size: 52px;}
.fs-53{ font-size: 53px;}
.fs-54{ font-size: 54px;}
.fs-55{ font-size: 55px;}
.fs-56{ font-size: 56px;}
.fs-57{ font-size: 57px;}
.fs-58{ font-size: 58px;}
.fs-59{ font-size: 59px;}
.fs-60{ font-size: 60px;}
.fs-64{ font-size: 64px;}
.fs-68{ font-size: 68px;}
.fs-72{ font-size: 72px;}

.bg-primary\/10{
    background-color: rgb(var(--color-primary) / 0.1) !important;
    box-shadow: none !important;
}
.bg-primary\/20{
    background-color: rgb(var(--color-primary) / 0.2) !important;
    box-shadow: none !important;
}
.bg-success\/10{
    background-color: rgb(var(--color-success) / 0.1) !important;
    box-shadow: none !important;
}
.bg-success\/20{
    background-color: rgb(var(--color-success) / 0.2) !important;
    box-shadow: none !important;
}
.bg-danger\/10{
    background-color: rgb(var(--color-danger) / 0.1) !important;
    box-shadow: none !important;
}
.bg-danger\/20{
    background-color: rgb(var(--color-danger) / 0.2) !important;
    box-shadow: none !important;
}
.bg-warning\/10{
    background-color: rgb(var(--color-warning) / 0.1) !important;
    box-shadow: none !important;
}
.bg-warning\/20{
    background-color: rgb(var(--color-warning) / 0.2) !important;
    box-shadow: none !important;
}
.bg-info\/10{
    background-color: rgb(var(--color-info) / 0.1) !important;
    box-shadow: none !important;
}
.bg-info\/20{
    background-color: rgb(var(--color-info) / 0.2) !important;
    box-shadow: none !important;
}
.bg-pending\/10{
    background-color: rgb(var(--color-pending) / 0.1) !important;
    box-shadow: none !important;
}
.bg-pending\/20{
    background-color: rgb(var(--color-pending) / 0.2) !important;
    box-shadow: none !important;
}

.col-span-1 {
    grid-column: span 1 / span 1;
}
.col-span-7 {
    grid-column: span 7 / span 7;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.col-span-9 {
    grid-column: span 9 / span 9;
}
.col-span-10 {
    grid-column: span 10 / span 10;
}

.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.disable{
    pointer-events: none;
    /* opacity: 0.5; */
}

.bg-success-soft{
    background-color: #d1e7dd;
}
.bg-danger-soft{
    background-color: #f8d7da;
}
.bg-warning-soft{
    background-color: #fff3cd;
}
.bg-info-soft{
    background-color: #d1ecf1;
}

.bg-success-soft2{
    background-color: #ebf4f0;
}
.bg-danger-soft2{
    background-color: #fcf3f3;
}
.bg-warning-soft2{
    background-color: #fffbf0;
}
.bg-info-soft2{
    background-color: #f1fafc;
}
.info_profile_ellipsis{
    max-width: 300px;
}

.-mb-1 {
    margin-bottom: -0.25rem;
}
.-mb-2 {
    margin-bottom: -0.5rem;
}
.-mb-3 {
    margin-bottom: -0.75rem;
}
.-mb-4 {
    margin-bottom: -1rem;
}
.-mb-5 {
    margin-bottom: -1.25rem;
}
.-mb-6 {
    margin-bottom: -1.5rem;
}
.-mt-1 {
    margin-top: -0.25rem;
}
.-mt-2 {
    margin-top: -0.5rem;
}
.-mt-3 {
    margin-top: -0.75rem;
}
.-mt-4 {
    margin-top: -1rem;
}
.-mt-5 {
    margin-top: -1.25rem;
}
.-mt-6 {
    margin-top: -1.5rem;
}

.max-h-auto {
    max-height: auto;
}

[x-cloak] {
    display: none !important;
}

.h-200{
    height: 200px;
}
.h-\[250px\] {
    height: 250px;
}

.content.content100vh {
    height: calc(100vh - 210px);
    min-height: auto;
    overflow: hidden;
    padding-bottom: 0px;
}
.guest-content100vh{
    height: calc(100vh - 36px);
}
/* Scrollbar a la izquierda */
.scrollbar-left {
    direction: rtl;
}
.scrollbar-left > * {
    direction: ltr;
}

/* Scrollbar a la derecha (por defecto) */
.scrollbar-right {
    direction: ltr;
}

.modal {
    margin: auto;
}

.text-blue{
    color: #007bff;
}
.bg-blue{
    background-color: #007bff;
}

.content {
    padding-bottom: 0px;
}
.z-inherit{
    z-index: inherit;
}
.clearfix{
    clear: both;
}
.text-white{
    color: white !important;
}

.register-form-container{
    padding-right: 50px;
    margin-left: -25px;
}

/* media */
@media (min-width: 640px) {
    .sm\:h-200 {
        height: 200px;
    }

    .sm\:col-span-2{
        grid-column: span 2 / span 2;
    }
    .sm\:col-span-5{
        grid-column: span 5 / span 5;
    }
    .sm\:col-span-7{
        grid-column: span 7 / span 7;
    }
    .sm\:col-span-8{
        grid-column: span 8 / span 8;
    }
    .sm\:col-span-9{
        grid-column: span 9 / span 9;
    }
    .sm\:col-span-10{
        grid-column: span 10 / span 10;
    }
    .sm\:col-span-11{
        grid-column: span 11 / span 11;
    }
    .sm\:col-span-12{
        grid-column: span 12 / span 12;
    }
    
    

    .sm\:fs-1{ font-size: 1px;}
    .sm\:fs-2{ font-size: 2px;}
    .sm\:fs-3{ font-size: 3px;}
    .sm\:fs-4{ font-size: 4px;}
    .sm\:fs-5{ font-size: 5px;}
    .sm\:fs-6{ font-size: 6px;}
    .sm\:fs-7{ font-size: 7px;}
    .sm\:fs-8{ font-size: 8px;}
    .sm\:fs-9{ font-size: 9px;}
    .sm\:fs-10{ font-size: 10px;}
    .sm\:fs-11{ font-size: 11px;}
    .sm\:fs-12{ font-size: 12px;}
    .sm\:fs-13{ font-size: 13px;}
    .sm\:fs-14{ font-size: 14px;}
    .sm\:fs-15{ font-size: 15px;}
    .sm\:fs-16{ font-size: 16px;}
    .sm\:fs-17{ font-size: 17px;}
    .sm\:fs-18{ font-size: 18px;}
    .sm\:fs-19{ font-size: 19px;}
    .sm\:fs-20{ font-size: 20px;}
    .sm\:fs-21{ font-size: 21px;}
    .sm\:fs-22{ font-size: 22px;}
    .sm\:fs-23{ font-size: 23px;}
    .sm\:fs-24{ font-size: 24px;}
    .sm\:fs-25{ font-size: 25px;}
    .sm\:fs-26{ font-size: 26px;}
    .sm\:fs-27{ font-size: 27px;}
    .sm\:fs-28{ font-size: 28px;}
    .sm\:fs-29{ font-size: 29px;}
    .sm\:fs-30{ font-size: 30px;}
    .sm\:fs-31{ font-size: 31px;}
    .sm\:fs-32{ font-size: 32px;}
    .sm\:fs-33{ font-size: 33px;}
    .sm\:fs-34{ font-size: 34px;}
    .sm\:fs-35{ font-size: 35px;}
    .sm\:fs-36{ font-size: 36px;}
    .sm\:fs-37{ font-size: 37px;}
    .sm\:fs-38{ font-size: 38px;}
    .sm\:fs-39{ font-size: 39px;}
    .sm\:fs-40{ font-size: 40px;}
    .sm\:fs-41{ font-size: 41px;}
    .sm\:fs-42{ font-size: 42px;}
    .sm\:fs-43{ font-size: 43px;}
    .sm\:fs-44{ font-size: 44px;}
    .sm\:fs-45{ font-size: 45px;}
    .sm\:fs-46{ font-size: 46px;}
    .sm\:fs-47{ font-size: 47px;}
    .sm\:fs-48{ font-size: 48px;}
    .sm\:fs-49{ font-size: 49px;}
    .sm\:fs-50{ font-size: 50px;}
    .sm\:fs-51{ font-size: 51px;}
    .sm\:fs-52{ font-size: 52px;}
    .sm\:fs-53{ font-size: 53px;}
    .sm\:fs-54{ font-size: 54px;}
    .sm\:fs-55{ font-size: 55px;}
    .sm\:fs-56{ font-size: 56px;}
    .sm\:fs-57{ font-size: 57px;}
    .sm\:fs-58{ font-size: 58px;}
    .sm\:fs-59{ font-size: 59px;}
    .sm\:fs-60{ font-size: 60px;}
    .sm\:fs-64{ font-size: 64px;}
    .sm\:fs-68{ font-size: 68px;}
    .sm\:fs-72{ font-size: 72px;}
}

@media (min-width: 768px) {
    .md\:h-auto {
        height: auto;
    }
    .md\:h-300 {
        height: 300px;
    }

    .md\:fs-1{ font-size: 1px;}
    .md\:fs-2{ font-size: 2px;}
    .md\:fs-3{ font-size: 3px;}
    .md\:fs-4{ font-size: 4px;}
    .md\:fs-5{ font-size: 5px;}
    .md\:fs-6{ font-size: 6px;}
    .md\:fs-7{ font-size: 7px;}
    .md\:fs-8{ font-size: 8px;}
    .md\:fs-9{ font-size: 9px;}
    .md\:fs-10{ font-size: 10px;}
    .md\:fs-11{ font-size: 11px;}
    .md\:fs-12{ font-size: 12px;}
    .md\:fs-13{ font-size: 13px;}
    .md\:fs-14{ font-size: 14px;}
    .md\:fs-15{ font-size: 15px;}
    .md\:fs-16{ font-size: 16px;}
    .md\:fs-17{ font-size: 17px;}
    .md\:fs-18{ font-size: 18px;}
    .md\:fs-19{ font-size: 19px;}
    .md\:fs-20{ font-size: 20px;}
    .md\:fs-21{ font-size: 21px;}
    .md\:fs-22{ font-size: 22px;}
    .md\:fs-23{ font-size: 23px;}
    .md\:fs-24{ font-size: 24px;}
    .md\:fs-25{ font-size: 25px;}
    .md\:fs-26{ font-size: 26px;}
    .md\:fs-27{ font-size: 27px;}
    .md\:fs-28{ font-size: 28px;}
    .md\:fs-29{ font-size: 29px;}
    .md\:fs-30{ font-size: 30px;}
    .md\:fs-31{ font-size: 31px;}
    .md\:fs-32{ font-size: 32px;}
    .md\:fs-33{ font-size: 33px;}
    .md\:fs-34{ font-size: 34px;}
    .md\:fs-35{ font-size: 35px;}
    .md\:fs-36{ font-size: 36px;}
    .md\:fs-37{ font-size: 37px;}
    .md\:fs-38{ font-size: 38px;}
    .md\:fs-39{ font-size: 39px;}
    .md\:fs-40{ font-size: 40px;}
    .md\:fs-41{ font-size: 41px;}
    .md\:fs-42{ font-size: 42px;}
    .md\:fs-43{ font-size: 43px;}
    .md\:fs-44{ font-size: 44px;}
    .md\:fs-45{ font-size: 45px;}
    .md\:fs-46{ font-size: 46px;}
    .md\:fs-47{ font-size: 47px;}
    .md\:fs-48{ font-size: 48px;}
    .md\:fs-49{ font-size: 49px;}
    .md\:fs-50{ font-size: 50px;}
    .md\:fs-51{ font-size: 51px;}
    .md\:fs-52{ font-size: 52px;}
    .md\:fs-53{ font-size: 53px;}
    .md\:fs-54{ font-size: 54px;}
    .md\:fs-55{ font-size: 55px;}
    .md\:fs-56{ font-size: 56px;}
    .md\:fs-57{ font-size: 57px;}
    .md\:fs-58{ font-size: 58px;}
    .md\:fs-59{ font-size: 59px;}
    .md\:fs-60{ font-size: 60px;}
    .md\:fs-64{ font-size: 64px;}
    .md\:fs-68{ font-size: 68px;}
    .md\:fs-72{ font-size: 72px;}
}

@media (min-width: 1024px){
    .lg\:h-auto{
        height: auto;
    }
    .lg\:hidden{
        display: none;
    }
    .lg\:block{
        display: block;
    }
    .lg\:px-1{
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .info_profile_ellipsis{
        max-width: 150px;
    }

    .lg\:fs-1{ font-size: 1px;}
    .lg\:fs-2{ font-size: 2px;}
    .lg\:fs-3{ font-size: 3px;}
    .lg\:fs-4{ font-size: 4px;}
    .lg\:fs-5{ font-size: 5px;}
    .lg\:fs-6{ font-size: 6px;}
    .lg\:fs-7{ font-size: 7px;}
    .lg\:fs-8{ font-size: 8px;}
    .lg\:fs-9{ font-size: 9px;}
    .lg\:fs-10{ font-size: 10px;}
    .lg\:fs-11{ font-size: 11px;}
    .lg\:fs-12{ font-size: 12px;}
    .lg\:fs-13{ font-size: 13px;}
    .lg\:fs-14{ font-size: 14px;}
    .lg\:fs-15{ font-size: 15px;}
    .lg\:fs-16{ font-size: 16px;}
    .lg\:fs-17{ font-size: 17px;}
    .lg\:fs-18{ font-size: 18px;}
    .lg\:fs-19{ font-size: 19px;}
    .lg\:fs-20{ font-size: 20px;}
    .lg\:fs-21{ font-size: 21px;}
    .lg\:fs-22{ font-size: 22px;}
    .lg\:fs-23{ font-size: 23px;}
    .lg\:fs-24{ font-size: 24px;}
    .lg\:fs-25{ font-size: 25px;}
    .lg\:fs-26{ font-size: 26px;}
    .lg\:fs-27{ font-size: 27px;}
    .lg\:fs-28{ font-size: 28px;}
    .lg\:fs-29{ font-size: 29px;}
    .lg\:fs-30{ font-size: 30px;}
    .lg\:fs-31{ font-size: 31px;}
    .lg\:fs-32{ font-size: 32px;}
    .lg\:fs-33{ font-size: 33px;}
    .lg\:fs-34{ font-size: 34px;}
    .lg\:fs-35{ font-size: 35px;}
    .lg\:fs-36{ font-size: 36px;}
    .lg\:fs-37{ font-size: 37px;}
    .lg\:fs-38{ font-size: 38px;}
    .lg\:fs-39{ font-size: 39px;}
    .lg\:fs-40{ font-size: 40px;}
    .lg\:fs-41{ font-size: 41px;}
    .lg\:fs-42{ font-size: 42px;}
    .lg\:fs-43{ font-size: 43px;}
    .lg\:fs-44{ font-size: 44px;}
    .lg\:fs-45{ font-size: 45px;}
    .lg\:fs-46{ font-size: 46px;}
    .lg\:fs-47{ font-size: 47px;}
    .lg\:fs-48{ font-size: 48px;}
    .lg\:fs-49{ font-size: 49px;}
    .lg\:fs-50{ font-size: 50px;}
    .lg\:fs-51{ font-size: 51px;}
    .lg\:fs-52{ font-size: 52px;}
    .lg\:fs-53{ font-size: 53px;}
    .lg\:fs-54{ font-size: 54px;}
    .lg\:fs-55{ font-size: 55px;}
    .lg\:fs-56{ font-size: 56px;}
    .lg\:fs-57{ font-size: 57px;}
    .lg\:fs-58{ font-size: 58px;}
    .lg\:fs-59{ font-size: 59px;}
    .lg\:fs-60{ font-size: 60px;}
    .lg\:fs-64{ font-size: 64px;}
    .lg\:fs-68{ font-size: 68px;}
    .lg\:fs-72{ font-size: 72px;}
}
@media (min-width: 1280px){
    .register-form-container{
        margin-left: -50px;
    }
    .xl\:h-auto{
        height: auto;
    }
    .xl\:hidden{
        display: none;
    }
    .xl\:block{
        display: block;
    }
    .info_profile_ellipsis{
        max-width: 100px;
    }
    .xl\:table-cell{
        display: table-cell;
    }

    .xl\:fs-1{ font-size: 1px;}
    .xl\:fs-2{ font-size: 2px;}
    .xl\:fs-3{ font-size: 3px;}
    .xl\:fs-4{ font-size: 4px;}
    .xl\:fs-5{ font-size: 5px;}
    .xl\:fs-6{ font-size: 6px;}
    .xl\:fs-7{ font-size: 7px;}
    .xl\:fs-8{ font-size: 8px;}
    .xl\:fs-9{ font-size: 9px;}
    .xl\:fs-10{ font-size: 10px;}
    .xl\:fs-11{ font-size: 11px;}
    .xl\:fs-12{ font-size: 12px;}
    .xl\:fs-13{ font-size: 13px;}
    .xl\:fs-14{ font-size: 14px;}
    .xl\:fs-15{ font-size: 15px;}
    .xl\:fs-16{ font-size: 16px;}
    .xl\:fs-17{ font-size: 17px;}
    .xl\:fs-18{ font-size: 18px;}
    .xl\:fs-19{ font-size: 19px;}
    .xl\:fs-20{ font-size: 20px;}
    .xl\:fs-21{ font-size: 21px;}
    .xl\:fs-22{ font-size: 22px;}
    .xl\:fs-23{ font-size: 23px;}
    .xl\:fs-24{ font-size: 24px;}
    .xl\:fs-25{ font-size: 25px;}
    .xl\:fs-26{ font-size: 26px;}
    .xl\:fs-27{ font-size: 27px;}
    .xl\:fs-28{ font-size: 28px;}
    .xl\:fs-29{ font-size: 29px;}
    .xl\:fs-30{ font-size: 30px;}
    .xl\:fs-31{ font-size: 31px;}
    .xl\:fs-32{ font-size: 32px;}
    .xl\:fs-33{ font-size: 33px;}
    .xl\:fs-34{ font-size: 34px;}
    .xl\:fs-35{ font-size: 35px;}
    .xl\:fs-36{ font-size: 36px;}
    .xl\:fs-37{ font-size: 37px;}
    .xl\:fs-38{ font-size: 38px;}
    .xl\:fs-39{ font-size: 39px;}
    .xl\:fs-40{ font-size: 40px;}
    .xl\:fs-41{ font-size: 41px;}
    .xl\:fs-42{ font-size: 42px;}
    .xl\:fs-43{ font-size: 43px;}
    .xl\:fs-44{ font-size: 44px;}
    .xl\:fs-45{ font-size: 45px;}
    .xl\:fs-46{ font-size: 46px;}
    .xl\:fs-47{ font-size: 47px;}
    .xl\:fs-48{ font-size: 48px;}
    .xl\:fs-49{ font-size: 49px;}
    .xl\:fs-50{ font-size: 50px;}
    .xl\:fs-51{ font-size: 51px;}
    .xl\:fs-52{ font-size: 52px;}
    .xl\:fs-53{ font-size: 53px;}
    .xl\:fs-54{ font-size: 54px;}
    .xl\:fs-55{ font-size: 55px;}
    .xl\:fs-56{ font-size: 56px;}
    .xl\:fs-57{ font-size: 57px;}
    .xl\:fs-58{ font-size: 58px;}
    .xl\:fs-59{ font-size: 59px;}
    .xl\:fs-60{ font-size: 60px;}
    .xl\:fs-64{ font-size: 64px;}
    .xl\:fs-68{ font-size: 68px;}
    .xl\:fs-72{ font-size: 72px;}

    .xl\:col-start-5 {
        grid-column-start: 5;
    }
}
@media (min-width: 1536px){
    .register-form-container{
        margin-left: -80px;
    }
    .xxl\:h-auto{
        height: auto;
    }
    .xxl\:hidden{
        display: none;
    }
    .xxl\:block{
        display: block;
    }
    .info_profile_ellipsis{
        max-width: 150px;
    }

    .xxl\:fs-1{ font-size: 1px;}
    .xxl\:fs-2{ font-size: 2px;}
    .xxl\:fs-3{ font-size: 3px;}
    .xxl\:fs-4{ font-size: 4px;}
    .xxl\:fs-5{ font-size: 5px;}
    .xxl\:fs-6{ font-size: 6px;}
    .xxl\:fs-7{ font-size: 7px;}
    .xxl\:fs-8{ font-size: 8px;}
    .xxl\:fs-9{ font-size: 9px;}
    .xxl\:fs-10{ font-size: 10px;}
    .xxl\:fs-11{ font-size: 11px;}
    .xxl\:fs-12{ font-size: 12px;}
    .xxl\:fs-13{ font-size: 13px;}
    .xxl\:fs-14{ font-size: 14px;}
    .xxl\:fs-15{ font-size: 15px;}
    .xxl\:fs-16{ font-size: 16px;}
    .xxl\:fs-17{ font-size: 17px;}
    .xxl\:fs-18{ font-size: 18px;}
    .xxl\:fs-19{ font-size: 19px;}
    .xxl\:fs-20{ font-size: 20px;}
    .xxl\:fs-21{ font-size: 21px;}
    .xxl\:fs-22{ font-size: 22px;}
    .xxl\:fs-23{ font-size: 23px;}
    .xxl\:fs-24{ font-size: 24px;}
    .xxl\:fs-25{ font-size: 25px;}
    .xxl\:fs-26{ font-size: 26px;}
    .xxl\:fs-27{ font-size: 27px;}
    .xxl\:fs-28{ font-size: 28px;}
    .xxl\:fs-29{ font-size: 29px;}
    .xxl\:fs-30{ font-size: 30px;}
    .xxl\:fs-31{ font-size: 31px;}
    .xxl\:fs-32{ font-size: 32px;}
    .xxl\:fs-33{ font-size: 33px;}
    .xxl\:fs-34{ font-size: 34px;}
    .xxl\:fs-35{ font-size: 35px;}
    .xxl\:fs-36{ font-size: 36px;}
    .xxl\:fs-37{ font-size: 37px;}
    .xxl\:fs-38{ font-size: 38px;}
    .xxl\:fs-39{ font-size: 39px;}
    .xxl\:fs-40{ font-size: 40px;}
    .xxl\:fs-41{ font-size: 41px;}
    .xxl\:fs-42{ font-size: 42px;}
    .xxl\:fs-43{ font-size: 43px;}
    .xxl\:fs-44{ font-size: 44px;}
    .xxl\:fs-45{ font-size: 45px;}
    .xxl\:fs-46{ font-size: 46px;}
    .xxl\:fs-47{ font-size: 47px;}
    .xxl\:fs-48{ font-size: 48px;}
    .xxl\:fs-49{ font-size: 49px;}
    .xxl\:fs-50{ font-size: 50px;}
    .xxl\:fs-51{ font-size: 51px;}
    .xxl\:fs-52{ font-size: 52px;}
    .xxl\:fs-53{ font-size: 53px;}
    .xxl\:fs-54{ font-size: 54px;}
    .xxl\:fs-55{ font-size: 55px;}
    .xxl\:fs-56{ font-size: 56px;}
    .xxl\:fs-57{ font-size: 57px;}
    .xxl\:fs-58{ font-size: 58px;}
    .xxl\:fs-59{ font-size: 59px;}
    .xxl\:fs-60{ font-size: 60px;}
    .xxl\:fs-64{ font-size: 64px;}
    .xxl\:fs-68{ font-size: 68px;}
    .xxl\:fs-72{ font-size: 72px;}

    .xxl\:col-start-5 {
        grid-column-start: 5;
    }
    .xxl\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .xxl\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .xxl\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .xxl\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .xxl\:mt-3 {
        margin-top: 1rem;
    }
}
@media (min-width: 1920px){
    .xxxl\:hidden{
        display: none;
    }
    .xxxl\:block{
        display: block;
    }
    .xxxl\:w-full{
        width: 100%;
    }
    .info_profile_ellipsis{
        max-width: 250px;
    }
    .xxxl\:fs-1{ font-size: 1px;}
    .xxxl\:fs-2{ font-size: 2px;}
    .xxxl\:fs-3{ font-size: 3px;}
    .xxxl\:fs-4{ font-size: 4px;}
    .xxxl\:fs-5{ font-size: 5px;}
    .xxxl\:fs-6{ font-size: 6px;}
    .xxxl\:fs-7{ font-size: 7px;}
    .xxxl\:fs-8{ font-size: 8px;}
    .xxxl\:fs-9{ font-size: 9px;}
    .xxxl\:fs-10{ font-size: 10px;}
    .xxxl\:fs-11{ font-size: 11px;}
    .xxxl\:fs-12{ font-size: 12px;}
    .xxxl\:fs-13{ font-size: 13px;}
    .xxxl\:fs-14{ font-size: 14px;}
    .xxxl\:fs-15{ font-size: 15px;}
    .xxxl\:fs-16{ font-size: 16px;}
    .xxxl\:fs-17{ font-size: 17px;}
    .xxxl\:fs-18{ font-size: 18px;}
    .xxxl\:fs-19{ font-size: 19px;}
    .xxxl\:fs-20{ font-size: 20px;}
    .xxxl\:fs-21{ font-size: 21px;}
    .xxxl\:fs-22{ font-size: 22px;}
    .xxxl\:fs-23{ font-size: 23px;}
    .xxxl\:fs-24{ font-size: 24px;}
    .xxxl\:fs-25{ font-size: 25px;}
    .xxxl\:fs-26{ font-size: 26px;}
    .xxxl\:fs-27{ font-size: 27px;}
    .xxxl\:fs-28{ font-size: 28px;}
    .xxxl\:fs-29{ font-size: 29px;}
    .xxxl\:fs-30{ font-size: 30px;}
    .xxxl\:fs-31{ font-size: 31px;}
    .xxxl\:fs-32{ font-size: 32px;}
    .xxxl\:fs-33{ font-size: 33px;}
    .xxxl\:fs-34{ font-size: 34px;}
    .xxxl\:fs-35{ font-size: 35px;}
    .xxxl\:fs-36{ font-size: 36px;}
    .xxxl\:fs-37{ font-size: 37px;}
    .xxxl\:fs-38{ font-size: 38px;}
    .xxxl\:fs-39{ font-size: 39px;}
    .xxxl\:fs-40{ font-size: 40px;}
    .xxxl\:fs-41{ font-size: 41px;}
    .xxxl\:fs-42{ font-size: 42px;}
    .xxxl\:fs-43{ font-size: 43px;}
    .xxxl\:fs-44{ font-size: 44px;}
    .xxxl\:fs-45{ font-size: 45px;}
    .xxxl\:fs-46{ font-size: 46px;}
    .xxxl\:fs-47{ font-size: 47px;}
    .xxxl\:fs-48{ font-size: 48px;}
    .xxxl\:fs-49{ font-size: 49px;}
    .xxxl\:fs-50{ font-size: 50px;}
    .xxxl\:fs-51{ font-size: 51px;}
    .xxxl\:fs-52{ font-size: 52px;}
    .xxxl\:fs-53{ font-size: 53px;}
    .xxxl\:fs-54{ font-size: 54px;}
    .xxxl\:fs-55{ font-size: 55px;}
    .xxxl\:fs-56{ font-size: 56px;}
    .xxxl\:fs-57{ font-size: 57px;}
    .xxxl\:fs-58{ font-size: 58px;}
    .xxxl\:fs-59{ font-size: 59px;}
    .xxxl\:fs-60{ font-size: 60px;}
    .xxxl\:fs-64{ font-size: 64px;}
    .xxxl\:fs-68{ font-size: 68px;}
    .xxxl\:fs-72{ font-size: 72px;}

    .xxxl\:col-start-5 {
        grid-column-start: 5;
    }
}
/* fin media */