.negrita-1 {
    font-weight: 100 !important;
}
.negrita-2 {
    font-weight: 200 !important;
}
.negrita-3 {
    font-weight: 300 !important;
}
.negrita-4 {
    font-weight: 400 !important;
}
.negrita-5 {
    font-weight: 500 !important;
}
.negrita-6 {
    font-weight: 600 !important;
}
.negrita-7 {
    font-weight: 700 !important;
}
.negrita-8 {
    font-weight: 800 !important;
}
.negrita-9 {
    font-weight: 900 !important;
}

.talla-letra-8{
    font-size: 8px !important;
}

.talla-letra-10{
    font-size: 10px !important;
}

.talla-letra-12{
    font-size: 12px !important;
}

.talla-letra-14{
    font-size: 14px !important;
}

.talla-letra-16{
    font-size: 16px !important;
}

.talla-letra-18{
    font-size: 18px !important;
}

.talla-letra-20{
    font-size: 20px !important;
}

.talla-letra-22{
    font-size: 22px !important;
}

.talla-letra-24{
    font-size: 24px !important;
}

.talla-letra-26{
    font-size: 26px !important;
}

.talla-letra-28{
    font-size: 28px !important;
}

.talla-letra-30{
    font-size: 30px !important;
}

.talla-letra-32{
    font-size: 32px !important;
}

.talla-letra-34{
    font-size: 34px !important;
}

.talla-letra-36{
    font-size: 36px !important;
}

.talla-letra-40{
    font-size: 40px !important;
}

.talla-letra-50{
    font-size: 50px !important;
}

.talla-letra-60{
    font-size: 60px !important;
}

.talla-letra-130{
    font-size: 130px !important;
}

.talla-letra-150{
    font-size: 150px !important;
}

.talla-letra-165{
    font-size: 165px !important;
}

.talla-letra-180{
    font-size: 180px !important;
}

.cursor-dedo{
    cursor: pointer !important;
}

.w-10{
    width: 10% !important;
}

.w-13{
    width: 13% !important;
}

.w-15{
    width: 15% !important;
}

.w-17{
    width: 17% !important;
}

.w-20{
    width: 20% !important;
}

.w-22{
    width: 22% !important;
}

.w-25{
    width: 25% !important;
}

.w-29{
    width: 29% !important;
}

.w-30{
    width: 30% !important;
}

.w-35{
    width: 35% !important;
}

.w-38{
    width: 38% !important;
}

.w-40{
    width: 40% !important;
}

.w-45{
    width: 45% !important;
}

.w-50{
    width: 50% !important;
}

.w-55{
    width: 55% !important;
}

.w-60{
    width: 60% !important;
}

.w-80{
    width: 80% !important;
}
/* Z INDEX */
.z-index-1{
    z-index: 10 !important;
}

.z-index-2{
    z-index: 20 !important;
}

.z-index-3{
    z-index: 30 !important;
}

.z-index-4{
    z-index: 40 !important;
}

.z-index-5{
    z-index: 50 !important;
}

.z-index-6{
    z-index: 60 !important;
}

.z-index-7{
    z-index: 70 !important;
}

.z-index-8{
    z-index: 80 !important;
}

.z-index-9{
    z-index: 90 !important;
}

.hover-bg-blue:hover {
    background-color: #96C3EB !important;
    color: #FFFFFF !important;
}

.hover-bg-primary:hover {
    background-color: #5c80d1 !important;
    color: #FFFFFF !important;
}

#calendar{
    max-width: 1100px;
    margin: 50px auto;
}

.vhr-left {
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 100%;
    width: 1px;
}

.vhr-right {
    border: none;
    border-right: 1px solid hsla(200, 10%, 50%,100);
    height: 100%;
    width: 1px;
}

.tag-container {
    display: inline-block;
    margin: 1rem 1rem 1rem 1rem;
    padding-left: 0.25rem;
    height: 1.375rem;
    line-height: 1.375rem;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    background-color: #5c80d1;
    border: none;
    border-radius: 0.25rem;
}

.tag-symbol {
    color: hsla(0,0%,100%,.5);
    cursor: pointer;
    font-weight: bold;
}

.tag-content {
    margin: 0.25rem 0.25rem 0.25rem 0;
    height: 1.375rem;
    line-height: 1.375rem;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    background-color: #5c80d1;
    border: none;
    border-radius: 0.25rem;
}

.btn-resumen-atencion {
    background-color: white !important;
    border: 2px solid #5c80d1 !important;;
    color: #5c80d1 !important;
}

.btn-resumen-atencion:hover {
    color: #fff !important;
    background-color: #5c80d1 !important;
    border-color: #5c80d1 !important;
}

.btn-filter {
    background-color: white !important;
    border: 1px solid darkgrey !important;
}

.btn-filter-selected {
    color: white !important;
    background-color: darkgrey !important;
}

.btn-filter:hover {
    color: white !important;
    background-color: darkgrey !important;
}

.btn-finalizar-consulta-disabled {
    color: black !important;
    border: 1px solid darkgrey !important;
}

.btn-finalizar-consulta-disabled:hover {
    color: white !important;
    background-color: darkgrey !important;
}

.switch-gray-bg-input:not(:checked) ~ .switch-gray-bg-label::before {
    color: #fff !important;
}

.switch-gray-bg-input:not(:checked) ~ .switch-gray-bg-label::before {
    background-color: gray;
    border-color: gray;
}

.switch-gray-bg .switch-gray-bg-label:before {
    width: 2.5rem !important;
}

.switch-gray-bg .switch-gray-bg-label:after {
    background-color: #fff !important;
}

.switch-gray-bg .switch-gray-bg-input:checked~.switch-gray-bg-label:after {
    transform: translateX(1.2rem) !important;
}

.tachado {
    text-decoration:line-through;
}

.borde-redondo {
    border-radius: 30px;
}

.btn-circle{
    height: 30px;
    width: 30px;
    padding: 0 !important;
    border-radius: 50px;
    text-align: center;
}

.btn-circle-sm{
    height: 20px;
    width: 20px;
    padding: 0 !important;
    border-radius: 50px;
    text-align: center;
}

.icon-fa-stroke-medium {
    -webkit-text-stroke-width: medium;
}

.icon-fa-position-circle {
    position: relative;
    top: 0 !important;
}

.width-20-px{
    width: 20px !important;
}

.height-40-px{
    height: 40px !important;
}

.font-size-1-6-em{
    font-size: 1.6em !important;
}

.overflow-x-auto{
    overflow-x: auto !important;
}

.overflow-x-visible{
    overflow-x: visible !important;
}

.cursor-pointer{
    cursor: pointer !important;
}


/* BORDER RADIUS */

.border-rounded-10{
    border-radius: 10px !important;
}

.border-rounded-15{
    border-radius: 15px !important;
}

.border-rounded-20{
    border-radius: 20px !important;
}

.border-rounded-25{
    border-radius: 25px !important;
}

.border-rounded-30{
    border-radius: 30px !important;
}

.border-rounded-top-left-0{
    border-top-left-radius: 0px !important;
}

.border-rounded-top-left-5{
    border-top-left-radius: 5px !important;
}

.border-rounded-top-left-10{
    border-top-left-radius: 10px !important;
}

.border-rounded-top-left-15{
    border-top-left-radius: 15px !important;
}

.border-rounded-top-left-20{
    border-top-left-radius: 20px !important;
}

.border-rounded-top-left-25{
    border-top-left-radius: 25px !important;
}

.border-rounded-top-left-30{
    border-top-left-radius: 30px !important;
}

.border-rounded-top-right-0{
    border-top-right-radius: 0px !important;
}

.border-rounded-top-right-5{
    border-top-right-radius: 5px !important;
}

.border-rounded-top-right-10{
    border-top-right-radius: 10px !important;
}

.border-rounded-top-right-15{
    border-top-right-radius: 15px !important;
}

.border-rounded-top-right-20{
    border-top-right-radius: 20px !important;
}

.border-rounded-top-right-25{
    border-top-right-radius: 25px !important;
}

.border-rounded-top-right-30{
    border-top-right-radius: 30px !important;
}

.border-rounded-bottom-left-0{
    border-bottom-left-radius: 0px !important;
}

.border-rounded-bottom-left-5{
    border-bottom-left-radius: 5px !important;
}

.border-rounded-bottom-left-10{
    border-bottom-left-radius: 10px !important;
}

.border-rounded-bottom-left-15{
    border-bottom-left-radius: 15px !important;
}

.border-rounded-bottom-left-20{
    border-bottom-left-radius: 20px !important;
}

.border-rounded-bottom-left-25{
    border-bottom-left-radius: 25px !important;
}

.border-rounded-bottom-left-30{
    border-bottom-left-radius: 30px !important;
}

.border-rounded-bottom-right-0{
    border-bottom-right-radius: 0px !important;
}

.border-rounded-bottom-right-5{
    border-bottom-right-radius: 5px !important;
}

.border-rounded-bottom-right-10{
    border-bottom-right-radius: 10px !important;
}

.border-rounded-bottom-right-15{
    border-bottom-right-radius: 15px !important;
}

.border-rounded-bottom-right-20{
    border-bottom-right-radius: 20px !important;
}

.border-rounded-bottom-right-25{
    border-bottom-right-radius: 25px !important;
}

.border-rounded-bottom-right-30{
    border-bottom-right-radius: 30px !important;
}

/*END BORDER RADIUS */

/* FONT FAMILY */
.font-montserrat{
    font-family: 'Montserrat' !important;
}

.font-avenir{
    font-family: 'AvenirNextProLight' !important;
}

.font-inter{
    font-family: 'Inter' !important;
}

.font-myriad{
    font-family: 'Myriad Pro' !important;
}

.font-myriad-bold{
    font-family: 'Myriad Pro bold' !important;
}

.font-myriad-semibold{
    font-family: 'Myriad Pro semibold' !important;
}

.font-avenir{
    font-family: 'AvenirNextProLight' !important;
}
/* END FONT FAMILY */

/* COMPORTAMIENTO DE ELEMENTOS */

.resize-none{
    resize: none !important;
}

/* END COMPORTAMIENTO DE ELEMENTOS */

.position-absolute-top-0{
    top: 0% !important;
}

.position-absolute-bottom-0{
    bottom: 0% !important;
}

.position-absolute-left-0{
    left: 0% !important;
}

.position-absolute-right-0{
    right: 0% !important;
}

.position-xs-absolute{
    position: absolute !important;
}

.position-xs-static{
    position: static !important;
}

.position-xs-relative{
    position: relative !important;
}

.position-xs-fixed{
    position: fixed !important;
}

@media (min-width: 576px) {
    .position-sm-absolute{
        position: absolute !important;
    }

    .position-sm-static{
        position: static !important;
    }

    .position-sm-relative{
        position: relative !important;
    }

    .position-sm-fixed{
        position: fixed !important;
    }
}

@media (min-width: 768px) {
    .position-md-absolute{
        position: absolute !important;
    }

    .position-md-static{
        position: static !important;
    }

    .position-md-relative{
        position: relative !important;
    }

    .position-md-fixed{
        position: fixed !important;
    }
}

@media (min-width: 992px) {
    .position-lg-absolute{
        position: absolute !important;
    }

    .position-lg-static{
        position: static !important;
    }

    .position-lg-relative{
        position: relative !important;
    }

    .position-lg-fixed{
        position: fixed !important;
    }
}

@media (min-width: 1200px) {
    .position-xl-absolute{
        position: absolute !important;
    }

    .position-xl-static{
        position: static !important;
    }

    .position-xl-relative{
        position: relative !important;
    }

    .position-xl-fixed{
        position: fixed !important;
    }
}

.box-shadow-none:focus{
    box-shadow: none;
}