/* VARIABLES */
:root {
    /** primary **/
    /* --inv-color-primary: #000000; */
    
  
    /** secondary **/
    
  
    /** tertiary **/
  
  
    /** success **/
   
    /** warning **/
    
    /** danger **/
   
  
    /** dark **/
  
  
    /** medium **/
   
  
    /** light **/
    --color-white: #fff;
    --color-primary: #272361;
    --color-secondary: #36317A;
    --color-lite-1: #F9FBFF;
    --color-lite-2: #F1F5FF;
    --color-bg-body-lite: #FBFBFF;
    --color-border-lite: #D3D1F5;
}
/*FONTS*/
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.ttf');
    display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf');
    display: swap;
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.ttf');
    display: swap;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.ttf');
    display: swap;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf');
    display: swap;
}
@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.ttf');
    display: swap;
}
@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-Black.ttf');
    display: swap;
}
/*FONT WEIGHT*/

.font-light{
    font-weight: 300;
    font-family: 'Montserrat-Light';
}
.font-regular{
    font-weight: 400;
    font-family: 'Montserrat';
}
.font-medium{
    font-weight: 500;
    font-family: 'Montserrat-Medium';
}
.font-semibold{
    font-weight: 600;
    font-family: 'Montserrat-SemiBold';
}
.font-bold{
    font-weight: 700;
    font-family: 'Montserrat-Bold';
}
.font-extrabold{
    font-weight: 800;
    font-family: 'Montserrat-ExtraBold';
}
.font-black{
    font-weight: 900;
    font-family: 'Montserrat-Black';
}
body,p,span,h1,h2,h3,h4,h5,h6,div{
    /* font-family: 'Montserrat'; */
    font-family: 'Montserrat-Light';
}
/*fonts size*/
.h1{font-size: 6rem !important;}
.fs-48{
    font-size: 48px;
}
.fs-37{
    font-size: 37px;
}
.fs-36{
    font-size: 36px;
}
.fs-26{
    font-size: 26px;
}
.fs-20{
    font-size: 20px;
}
.fs-18{
    font-size: 18px;
}
.fs-16{
    font-size: 16px;
}
.fs-14{
    font-size: 14px;
}
.fs-12{
    font-size: 12px;
}
.lh-44{
    line-height: 44px;
}
/*clases*/

.border-solid-white{
    border-top: 1px solid var(--color-white);
    border-bottom: 1px solid var(--color-white);
}
.bg-color-primary{
    background-color: var(--color-primary);
}
.bg-color-secondary{
    background-color: var( --color-secondary) !important;
}
.bg-color-lite{
    background-color: var(--color-lite-form);
}
.bg-body-lite{
    background-color: var(--color-bg-body-lite);
}
.color-primary{
    color: var(--color-primary);
}
.color-secondary{
    color: var( --color-secondary) !important;
}
.mw-280{
    max-width: 280px;
}
.btn-lite-item{
    background-color: var(--color-lite-2);
    border-radius: 10px;
}
.btn-edit-item, .btn-create-item{
    background: transparent linear-gradient(180deg, #5771C5 0%, #2C49A6 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #DCE4FF;
    border-radius: 10px;
}
.bg-list-medico{
    background-color: var(--color-lite-1);
    border-radius: 10px;
}
.sidebar-left{
    position: fixed;
}
.content-right{
    margin-left: 280px;
}
.overflow-hidden-x{
    overflow-x: hidden;
}
.btn-setting-item{
    background: transparent linear-gradient(180deg, #F8F9FF 0%, #E9ECFE 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #DCE4FF;
    border-radius: 10px;
    color:#314071 !important;
}

.btn-setting-item i{
    font-size: 24px;
    color:#314071 !important;
}
.px-6{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}
.btn-login {
    background: transparent linear-gradient(180deg, #8DA0DF 0%, #2C49A6 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    width: 100%;
    border: none;
    padding: 10px 0;
}
.border-bottom-lite{
    border-bottom: 1px solid var(--color-border-lite);
}
.bg-logout-lite{
    background: transparent 0% 0% no-repeat padding-box;
    border: 1px solid #DCE4FF;
    border-radius: 10px;
}
.lite-session {
    display: flex;
    height: 100%;
}
  
.lite-session span {
    display: inline-block;
    align-self: flex-end;
    width: 100%;
}
.bg-mult-color{
    background: linear-gradient(41deg, rgba(44,73,166,1) 0%, rgba(91,179,212,1) 100%);
    border: 1px solid #DCE4FF;
    border-radius: 10px;
}
.w-esp{
    width: 74%;
    margin-right: 1%;
}

.nav-link.active, .nav-link:hover, .btn:hover{
    background: linear-gradient(rgb(141, 160, 223) 0%, rgb(44, 73, 166) 100%) 0% 0% no-repeat padding-box padding-box transparent;
    /*border-radius: 10px;*/
    /*border-width: initial;*/
    font-weight: bold;
    color:#FFFFFF;
}

.text-404{
    font-size: 10rem;
    font-weight: bolder;
}

.modal-header{
    border-bottom: none !important;
}

.modal-footer{
    border-top: none !important;
}

.btn-close{color:#272361}

.modal-body form label{color:#343434;}
.alert-error{width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #dc3545;
}

.modal-footer .btn-link.btn-delete{
    color:#CA689A;
    font-size: 0.875rem;
}

.modal-footer .btn-link.btn-delete:hover{
    background: transparent;
}

.content-info{
    background-color: var(--color-primary);
}

.font-view-area, .font-view-patient{
    /*font-size: 45px;*/
    font-size: calc(1.5em + 1vw);
    font-weight: bold;
}

.view-patient-top{
    color: #5D6787;
    background: rgb(225,249,255);
    background: linear-gradient(99deg, rgba(225,249,255,1) 0%, rgba(191,225,255,1) 100%);
    border-radius: 10px 10px 0px 0px;
    position:relative;

}

.view-patient-buttom{
    color:#314071;
    background-color: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    position: relative;
}

.view-patient-buttom:after, .view-patient-buttom:before, .view-patient-top:after{
    content:"";
    width: 25px;
    height: 25px;
    background-color: #272361;
    position: absolute;
    border-radius: 50%;
}

.view-patient-buttom:after{
    right: -13px;
    top: 40%;
}

.view-patient-buttom:before{
    top: 40%;
    left:-13px;
}

.view-patient-top:after{
    top: -13px;
    left: 48%;
}

.border-dotted-light{
    border-top: 4px dotted #8B88B4;
}

.border-dotted-dark{
    border-top: 4px dotted #3C3875;
}

.table-attentions tr{
    border: none !important;
}
.table-attentions tr > th{
    font-size: 38px;
    font-weight: 700;
    font-family: 'Montserrat-Bold';
    color:#5D6787;
    border:none;
    padding: 12px 0;
}

.table-attentions tr td{
    color:#272361;
    /*font-size: 1.5rem;*/
    /*font-size: calc(.6em + 1vw);*/
    font-weight: 700;
    font-family: 'Montserrat-Bold';
    padding: 12px 0;
}

.table-attentions tr > th:nth-child(1){
    background: rgb(229,235,255);
    background: linear-gradient(158deg, rgba(229,235,255,1) 0%, rgba(235,239,255,1) 100%);
    border:none !important;
}

.table-attentions tr > td:nth-child(2){
    border: none !important;
}

.table-attentions colgroup col:nth-child(1) {
    background: rgb(229,235,255);
    background: linear-gradient(158deg, rgba(229,235,255,1) 0%, rgba(235,239,255,1) 100%);
    border:none !important;
}
.table-attentions colgroup col:nth-child(2) {
    background: #FFFFFF;
    border:none !important;
}

/* Filas impares primera columna*/
.table-attentions tr:nth-child(2n+1) td:nth-child(1){
    background: #DBE3FF;
    border:none !important;
}

/* Filas impares segunda columna*/
.table-attentions tr:nth-child(2n+1) td:nth-child(1){
    background: rgb(229,235,255);
    background: linear-gradient(158deg, rgba(229,235,255,1) 0%, rgba(235,239,255,1) 100%);
    border:none !important;
}

/* Filas pares primera columna*/
.table-attentions tbody tr:nth-child(2n) td:nth-child(1){
    background: #DBE3FF;
    border:none !important;
}

/* Filas pares segunda columna*/
.table-attentions tbody tr:nth-child(2n) td:nth-child(2){
    background: #F8F9FF;
    border:none !important;
}

.btn-attended{
    padding: 18px 0;
    line-height: 15px;
    font-weight: bold;
}

.btn-full-screen, .btn-cancel-full-screen{
    position: fixed;
    right: 0;
    background: white;
    border:lightgray;
}

.btn-cancel-full-screen{display:none;}

.modal{
    background-color: rgba(39,35,97, .56);
}
.modal-content{
    background-color: #FBFBFF;
    border-radius: 10px;
}

.btn-close{
    background: none !important;
}

.btn-close svg{
    fill: #272361;
}

.fs-10{ font-size: 10rem !important;}

.mySVG{display: none;}

@media (min-width: 1346px) and (max-width:1450px) {
    .next_attention{
        padding: 5px 10px;
        /*font-size: 12px;*/
    }
}