* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --transition-duration: 0.2s;
    --transition-delay: 0.2s;
}

html {
    scroll-behavior: smooth;
}

body #Calendario {
    font-size: 62.5%;
}

body::-webkit-scrollbar {
    width: 12px;
    /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
    background: #F8F8F8;
    /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
    background-color: #15286F;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 3px solid #F8F8F8;
    /* creates padding around scroll thumb */
}

/* Works on Firefox */
body #Calendario {
    scrollbar-width: thin;
    scrollbar-color: #15286F #F8F8F8;
}

/* Works on Chrome, Edge, and Safari */
body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    background: #F8F8F8;
}

body::-webkit-scrollbar-thumb {
    background-color: #15286F;
    border-radius: 20px;
    border: 3px solid #F8F8F8;
}

.introjs-skipbutton {
    color: #ffffff;
    font-size: 12px;
}

.introjs-skipbutton:focus,
.introjs-skipbutton:hover {
    color: #fd021d;
}

.introjs-tooltiptext {
    font-size: 1.2em;
    background: #1d1b47;
}

.introjs-progressbar {
    background-color: #3b60e9;
}

.introjs-tooltip {
    background-color: #1d1b47;
    color: #fff;
}

.introjs-tooltip-header {
    border-bottom: 1px solid #b5b5bc;
    padding-bottom: 10px;
}

.introjs-bullets ul li a.active {
    width: 15px;
    background: #3452c1;
}

.introjs-bullets ul li a {
    background: #425392;
}

.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
    background: #425392;
}

a.introjs-button.introjs-prevbutton.introjs-disabled {
    color: #cfcfcf;
}

a.introjs-button.introjs-nextbutton {
    border: 1px solid #ffffff;
    background-color: #fd021d;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.introjs-skipbutton i {
    font-size: 1.5em;
}

.introjs-button,
.introjs-button:hover,
.introjs-button:focus,
.introjs-button:active,
.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
    outline: none;
    background-image: none;
    background-color: transparent;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 50px;
    box-shadow: none;
    border-shadow: none;
    text-shadow: none;
}

.introjs-button:hover,
.introjs-button:focus,
.introjs-button:active {
    background: #252258;
}

.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
    color: #ccc;
    border: 1px solid transparent;
}

.introjs-arrow {
    border: 10px solid #fff;
}

.introjs-arrow.top,
.introjs-arrow.top-middle,
.introjs-arrow.top-right {
    border-color: transparent transparent rgba(000, 0, 0, 0.5);
    top: -20px;
    left: 20px;
}

.introjs-arrow.bottom,
.introjs-arrow.bottom-middle,
.introjs-arrow.bottom-right {
    border-color: rgba(000, 0, 0, 0.5) transparent transparent;
    bottom: -20px;
    left: 20px;
}

.introjs-arrow.left,
.introjs-arrow.right {
    top: 20px;
}

.introjs-arrow.left-bottom,
.introjs-arrow.right-bottom {
    bottom: 20px;
}

.introjs-arrow.left,
.introjs-arrow.left-bottom {
    left: -20px;
    border-color: transparent rgba(000, 0, 0, 0.5) transparent transparent;
}

.introjs-arrow.right,
.introjs-arrow.right-bottom {
    right: -20px;
    border-color: transparent transparent transparent rgba(000, 0, 0, 0.5);
}

.modal-backdrop.show {
    opacity: 0.8;
}

.modal-backdrop {
    background: -webkit-linear-gradient(0deg, #1b142d 0%, #2e3180 80%);
    background: -o-linear-gradient(0deg, #1b142d 0%, #2e3180 80%);
    background: -moz-linear-gradient(0deg, #1b142d 0%, #2e3180 80%);
    background: linear-gradient(0deg, #1b142d 0%, #2e3180 80%);
}

.modal {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

.modal.show {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,600;0,900;1,100&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,800;0,900;1,200;1,300;1,400;1,600;1,800;1,900&display=swap");

#Calendario {
    font-size: 1rem;
    /*overflow: hidden;*/
}

#Calendario #menu-pagina-ur.menu_evento {
    /* background: #46444470; */
    position: sticky;
    top: -5px;
    z-index: 6;
    background: #fff;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
}

#Calendario img {
    width: 100%;
}

#Calendario .gsst_a .gscb_a {
    color: #190456;
    cursor: pointer;
}

#Calendario .search-wrap .close-search:hover {
    border-color: #190456;
    background-color: #190456;
}

#Calendario .content_Calendario {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5%;
    padding-bottom: 5%;
}

#Calendario .container-fluid {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
}

#Calendario p {
    color: #6F6F6E;
    font-size: 1.1rem;
    line-height: 25px;
    font-weight: 200;
}

#Calendario h2 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #15286F;
    line-height: 3.0rem;
}

#Calendario h2 span {
    color: #fff;
}

#Calendario strong {
    font-weight: 600;
}

#Calendario h3 {
    font-size: 1.8rem;
    font-weight: 200;
}

#Calendario h4 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
}

#Calendario h5 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
}

#Calendario h6 {
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff;
}

#Calendario small {
    font-size: 0.8rem;
    font-weight: 100;
}

#Calendario a {
    font-size: 1.2rem;
    font-weight: 100;
    text-decoration: none;
}

#Calendario section.background-blue figure {
    justify-content: flex-start;
    overflow: initial;
    max-height: inherit;
    position: relative;
    margin: 0px;
}

#Calendario section.background-blue figcaption {
    padding: 10px 0px 5%;
}

#Calendario section.background-blue figure::before {
    content: "";
    background: -webkit-linear-gradient(6deg, #2c2f79 0%, #1d1737 56%);
    background: -o-linear-gradient(6deg, #2c2f79 0%, #1d1737 56%);
    background: -moz-linear-gradient(6deg, #2c2f79 0%, #1d1737 56%);
    background: linear-gradient(6deg, #2c2f79 0%, #1d1737 56%);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#Calendario section.background-blue figure .fondo_section {
    justify-content: center;
    position: absolute;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    background-color: #d7d5ff;
    z-index: 0;
    opacity: 0.1;
}

#Calendario section.background-blue figure .fondo_section img {
    width: 100vw;
}

#Calendario small#anoSeleccionado {
    font-size: 2.1rem;
    color: #da0920;
    font-weight: 300;
    font-style: italic;
}

#Calendario .background-blue h2 {
    color: #fff;
}

#Calendario .background-blue p {
    color: #fff;
}

#Calendario h1 img.initial_title {
    max-width: 980px;
}

#Calendario .card_boton {
    width: 70%;
    padding: 30px 20px;
}

#Calendario .card_boton a {
    background: #FFFFFF;
    -webkit-box-shadow: 7px 4px 20px 0px #00081f;
    -moz-box-shadow: 7px 4px 20px 0px #00081f;
    box-shadow: 7px 4px 20px 0px #00081f;
    border-radius: 20px;
    padding: 20px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    height: 100%;
}

#Calendario .card_boton a:hover img {
    background: #ffffff;
    opacity: 0.4;
    filter: grayscale(50%) sepia(1);
    -webkit-filter: grayscale(70%) sepia(1);
}

#Calendario .card_boton a:hover h3 {
    color: #fff;
}

#Calendario .card_boton a:hover {
    background: #DA0921;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


#Calendario .card_boton a img {
    max-width: 200px;
    padding: 5px 5px;
    background: #D7D7E2;
    border-radius: 50%;
    max-height: 200px;
}

#Calendario .card_boton a h3 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 30px 0px;
    color: #14286F;
    font-weight: 700;
}

#Calendario .card_boton a h3 span {
    display: block;
    font-size: 2.0rem;
}

#Calendario .login img {
    max-width: 600px;
    filter: drop-shadow(2px 4px 6px black);
}

#Calendario section.headeer_calendario {
    background: #D7D7E2;
    padding: 10px 0px;
}

#Calendario #navbarSupportedContent {
    padding-bottom: 10px;
    background: #D7D7E2;
    box-shadow: none !important;
}

#Calendario #navbarSupportedContent ul {
    display: flex;
    flex-wrap: inherit;
    list-style: ethiopic-halehame;
    flex-direction: inherit;
    padding: 0px 30px;
    margin: 0px;
    justify-content: flex-start;
}

#Calendario #navbarSupportedContent li {
    padding: 5px 0;
    display: flex;
    border: none !important;
    padding-right: 20px;
}

#Calendario #navbarSupportedContent li:before {
    color: #dA0921;
    margin-right: 8px;
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "/";
}

#Calendario #navbarSupportedContent li a.active {
    color: #000000;
    text-shadow: 0px 1px 6px #ffffff;
    text-decoration: none;
    cursor: alias;
}

#Calendario #navbarSupportedContent li a {
    color: #848383;
}

#Calendario #navbarSupportedContent li a:hover {
    color: #dA0921;
    text-decoration: none;
}

#Calendario .perfil {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: 100%;
}


#Calendario .perfil img {
    max-width: 65px;
    padding: 0px;
    background: #EDEDF6;
    border-radius: 50%;
    max-height: 200px;
}

#Calendario .perfil h4 {
    color: #dA0921;
    padding-left: 15px;
}

#Calendario section.headeer_calendario h3 {
    text-align: center;
}

#Calendario nav.navbar-expand-md {
    padding: 20px 0px;
}

#Calendario .navbar-expand-md .des_title {
    padding: 20px 0px;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
}

#Calendario .navbar-expand-md .des_title {
    padding: 10px 0px;
    display: flex;
}

#Calendario .navbar-expand-md .des_title i {
    padding-right: 10px;
    font-size: 1.6em;
    color: #9C9B9B;
}

#Calendario .contet_gris aside .descarga .input-group {
    margin-top: 15px;
}

#Calendario .contet_gris aside #exampleFormControlSelect1 {
    width: 90%;
    margin: 20px auto;
}

#Calendario .navbar-expand-md .input-group-prepend label.input-group-text i {
    max-width: 26px;
}

#Calendario .navbar-expand-md .input-group-text {
    font-size: 0.8rem;
    padding: 10px;
    height: 38px;
    background: #15286F;
    border: 1px solid #15286F;
}

#Calendario .navbar-expand-md .form-control.date {
    width: 45%;
}

#Calendario .navbar-expand-md .input-group select.form-control.categorias-azul {
    background-color: #15296f;
    color: #fff;
    border: 1px solid #15286F;
}

#Calendario .navbar-expand-md .input-group-text i {
    color: #fff;
    font-size: 1.5em;
}

#Calendario .navbar-expand-md span.date {
    padding: 0px 10px;
    color: #15296f;
    font-size: 1.5em;
}

#Calendario .navbar-expand-md select.custom-select {
    background-color: #ffffff;
    color: #9C9B9B;
    border: transparent;
    border-bottom: 2px solid #9C9B9B;
    background-image: url(/PortalUrosario/media/UR-V4/Calendario-Academico-2022/img/slect_down.png);
    background-size: 18px;
}

#Calendario .navbar-expand-md .form-control {
    background-color: #ffffff;
    color: #9C9B9B;
    border: transparent;
    border-bottom: 2px solid #9C9B9B;
}

#Calendario .navbar-expand-md .d-flex.align-items-center {
    padding: 10px 20px;
}

#Calendario .navbar-expand-md input.button.form-control {
    background: #DA0921;
    color: #fff;
    font-weight: 500;
    border-radius: 8px;
    border-bottom: transparent;
    transition: 0.3s;
}

#Calendario .navbar-expand-md input.button.form-control:hover {
    background: -webkit-linear-gradient(90deg, #ad0505 0%, #510101 80%);
    background: -o-linear-gradient(90deg, #ad0505 0%, #510101 80%);
    background: -moz-linear-gradient(90deg, #ad0505 0%, #510101 80%);
    background: linear-gradient(90deg, #ad0505 0%, #510101 80%);
}

#Calendario .navbar-expand-md input.button.form-control.item_R {
    background: #15286F;
    background-image: url(../img/noun-return.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    transition: 0.3s;
}

#Calendario .navbar-expand-md input.button.form-control.item_R:hover {
    background: #1b132e;
    background-image: url(../img/noun-return.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-x: center;
    background-position-y: center;
}

#Calendario .navbar-expand-md .d-flex.datepicker .input-group {
    padding: 0px 10px;
}

#Calendario .navbar-expand-md .d-flex.datepicker span {
    color: #6F6F6E;
    font-size: 1.5em;
}

#Calendario .navbar-expand-md .d-flex.datepicker button.btn.btn-outline-secondary.border-left-0 {
    border: transparent;
    border-bottom: 2px solid #9C9B9B;
}

#Calendario .navbar-expand-md .d-flex.datepicker button.btn.btn-outline-secondary.border-left-0 i {
    color: #15286F;
    font-size: 1.3em;
}

#Calendario .contet_gris {
    background: #F8F8F8;
    padding-top: 40px;
    padding-bottom: 40px;
}

#Calendario .contet_gris aside {
    width: 100%;
}

#Calendario .contet_gris section {
    width: 100%;
}

#Calendario article {
    background: #FFFFFF;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

#Calendario article.periodos .form-check {
    background: #D7D7E2;
    margin: 10px 20px;
    padding: 10px;
    display: flex;
    align-items: baseline;
    align-content: baseline;
    justify-content: flex-start;
    border-radius: 10px;
}

#Calendario article.periodos .form-check input.form-check-input {
    position: relative;
    margin-left: 10px;
}

#Calendario article.periodos .form-check .form-check-label {
    color: #190456;
    font-size: 1.2rem;
    padding-left: 10px;
    font-weight: 600;
}

#Calendario article.periodos .form-check .form-check-label small {
    color: #838383;
    width: 100%;
    display: block;
    font-weight: 300;
}

#Calendario article.periodos .descarga select.custom-select {
    background-color: #15296f;
    color: #fff;
    border: 1px solid #15286F;
    background-image: url(../img/slect_down_white.png);
    background-size: 18px;
}

#Calendario article.periodos hr {
    border-top: 1px solid #9C9B9B;
}

#Calendario article.periodos {
    padding-bottom: 50px;
}

#Calendario article.periodos a.btn-download {
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
    color: #190456;
    font-weight: 200;
}

#Calendario article.periodos .input-group.is-invalid {
    padding: 20px 0;
}

#Calendario article.evento .fecha {
    text-align: center;
    padding: 20px;
    width: 100%;
}

#Calendario article.evento .evento_icon {
    padding: 7px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

#Calendario article.evento .evento_icon small {
    font-size: 1.0rem;
    text-align: center;
    padding-top: 5px;
    font-weight: 300;
    text-transform: capitalize;
}

#Calendario article.evento .evento_icon.abierto {
    background: #E4FFE3;
    color: #82AA74;
}

#Calendario article.evento .evento_icon.cerrado {
    background: #FFE0E0;
    color: #E58585;
}

#Calendario article.evento .evento_icon i {
    font-size: 2.0em;
}

#Calendario article.evento .fecha h2 {
    color: #000;
    margin: 0px;
}

#Calendario article.evento .fecha hr {
    border-top: 2px solid #DA0921;
}

#Calendario article.evento .fecha h3 {
    color: #000;
    font-size: 2.0rem;
    font-weight: 700;
}

#Calendario article.evento .fecha small {
    font-size: 1.0rem;
    font-weight: 300;
}

#Calendario article.evento h6 {
    color: #190456;
    font-weight: 800;
    padding-bottom: 10px;
}

#Calendario article.evento p {
    font-size: 1.0rem;
    line-height: 22px;
}

#Calendario article.evento .items_lugar p {
    margin: 0px;
}

#Calendario article.evento .items_lugar p i {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    color: #B5B5B5;
    padding-right: 10px;
    font-size: 1.2rem;
}

#Calendario article.evento .items_lugar p strong {
    color: #190456;
    font-weight: 800;
    padding-right: 10px;
}

#Calendario article.evento .items_contet a i {
    font-family: 'Font Awesome 5 Free';
    font-style: inherit;
    border-radius: 20px;
    padding: 4px;
    color: #fff;
    font-size: 0.7rem;
}

#Calendario article.evento .items_contet {
    padding: 30px 0px 20px;
}

#Calendario article.evento .items_contet .Facultad,
#Calendario article.evento .items_contet .Programa {
    padding-right: 20px;
}

#Calendario article.evento .items_contet a {
    padding: 3px 10px;
    border-radius: 5px;
}

#Calendario article.evento .items_contet .Facultad a {
    color: #DA0921;
    font-weight: 800;
}

#Calendario article.evento .items_contet .Facultad a:hover {
    background: #da0920;
    color: #fff;
    text-decoration: none;
}

#Calendario article.evento .items_contet .Facultad a:hover i {
    background: #da0920;
}

#Calendario article.evento .items_contet .Facultad a i {
    background: #ffbfc6;
}

#Calendario article.evento .items_contet .Programa a {
    color: #15286F;
    font-weight: 800;
}

#Calendario article.evento .items_contet .Programa a:hover {
    background: #15286F;
    color: #fff;
    text-decoration: none;
}

#Calendario article.evento .items_contet .Programa a i {
    background: #B8C5F7;
}

#Calendario article.evento .items_contet .Programa a:hover i {
    background: #15286F;
}


#Calendario article.evento .card_filter {
    padding: 3px 10px;
    border-radius: 5px;
    margin: 5px;
    max-width: 220px;
    overflow: hidden;
    height: 30px;
    font-size: 0.9rem;
    line-height: 22px;
    font-weight: 800;
}

#Calendario article.evento .card_filter.item_1resemestre {
    background-color: #FEE8CE;
    color: #FDAB55;
}

#Calendario article.evento .card_filter.item_2dosemestre {
    background-color: #FBDDFD;
    color: #C49CC4;
}

#Calendario article.evento .card_filter.item_1Intersemestre {
    background-color: #D5D5FF;
    color: #455ACE;
}

#Calendario article.evento .card_filter.item_2Intersemestre {
    background-color: #d5fff9;
    color: #45cecc;
}

#Calendario article.evento .card_filter.item_pregrado {
    background-color: #9FD9FF;
    color: #4098D0;
}

#Calendario article.evento .card_filter.item_posgrado {
    background-color: #CFFFB5;
    color: #86B26E;
}

#Calendario article.evento .card_filter.item_busqueda {
    background-color: #EBEBEB;
    color: #B2B2B2;
}




#Calendario .modal-header h4 {
    color: #14286F;
    font-weight: 700;
}

#Calendario .modal-header button.close {
    font-size: 2.5rem;
    color: #160852;
    opacity: 1.5;
}

#Calendario .modal-body ul {
    position: relative;
    padding: 0px 20px;
}

#Calendario .modal-body ul li {
    color: #6F6F6E;
    font-size: 1.1rem;
    font-weight: 300;
    list-style: none;
}

#Calendario .modal-body ul li:before {
    margin-right: 8px;
    font-size: 11px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: #da0820;
}

#Calendario .contet_gris a.mas_eventos {
    background: #D7D7E2;
    border-radius: 10px;
    color: #ffff;
    padding: 3px 10px;
    font-weight: 700;
    transition: 0.3s;
}

#Calendario .contet_gris a.mas_eventos i {
    color: #da0820;
    font-family: "Font Awesome 5 Free";
    font-style: inherit;
}

#Calendario .contet_gris a.mas_eventos:hover {
    color: #190456;
    text-decoration: none;
    background: white;
}

#Calendario .contet_gris a.mas_eventos:hover i {
    color: #190456;
}

#Calendario .top {
    position: sticky;
    padding: 15px 30px;
    bottom: 70px;
    float: right;
    z-index: 1003;
}

#Calendario .top i {
    background: #D7D7E2;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.2em;
}

#Calendario a img {
    max-width: 38px;
    background: #D7D7E2;
    padding: 10px;
    border-radius: 50%;
}

#Calendario a:hover img {
    background: #b9b9c6;
}

#Calendario .perfil .blob {
    transform: scale(1);
    animation: pulse-black 2s infinite;
    cursor: pointer;
}

#Calendario .perfil .blob.blue {
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
    animation: pulse-blue 2s infinite;
}


@keyframes pulse-blue {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
    }
}


@media screen and (min-width: 1426px) {
    #Calendario p {
        font-size: 1.2rem;
    }

    #Calendario .card_boton {
        width: 50%;
        padding: 30px 20px;
    }


}

@media screen and (max-width: 1200px) {
    #Calendario .card_boton {
        width: 100%;
    }

}

@media screen and (max-width: 1024px) {
    #Calendario .card_boton {
        width: 100%;
    }

    #Calendario .navbar-expand-md .d-flex.align-items-center {
        padding: 10px 5px;
    }

    #Calendario article {
        padding: 10px;
    }

    #Calendario article.periodos .form-check {
        margin: 10px 10px;
    }

    #Calendario article.periodos .form-check input.form-check-input {
        margin-left: 5px;
    }

    #Calendario article.evento .fecha h3 {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 991px) {
    #Calendario article.periodos .form-check {
        margin: 10px 0px;
    }

    #Calendario article.periodos a.btn-download {
        padding: 10px;
        font-size: 1.0rem;
    }

    #Calendario article.evento .evento_icon {
        margin-top: 20px;
    }

    #Calendario .top {
        padding: 10px 5px;
    }

    #Calendario a img {
        max-width: 30px;
        padding: 7px;
    }
}

@media screen and (max-width: 768px) {
    #Calendario h2 {
        font-size: 2.3rem;
        line-height: 3.0rem;
    }

    #Calendario p {
        font-size: 1.0rem;
        line-height: 21px;
        font-weight: 200;
        letter-spacing: 0px;
    }

    #Calendario h3 {
        font-size: 1.5rem;
    }

    #Calendario h6 {
        font-size: 1.0rem;
    }

    #Calendario h4 {
        font-size: 1.4rem;
    }

    #Calendario h5 {
        font-size: 1.2rem;
    }

    #Calendario .card_boton {
        padding: 20px 0px;
    }

    #Calendario section.background-blue figcaption {
        padding: 30px 0px 15%;
    }

    #Calendario .navbar-expand-md input.button.form-control.item_R {
        width: 100%;
    }

    #Calendario .navbar-expand-md .d-flex.datepicker {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #Calendario .navbar-expand-md .des_title {
        display: none;
    }

    #Calendario article.periodos {
        padding-bottom: 10px;
    }

    #Calendario .navbar-expand-md button.navbar-toggler {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
        width: 100%;
        padding: 0px 10px;
    }

    #Calendario .contet_gris {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #Calendario .navbar-expand-md button.navbar-toggler p span {
        color: #15296f;
        font-weight: 600;
        text-decoration: underline;
    }

    #Calendario .navbar-expand-md button.navbar-toggler img {
        max-width: 40px;
        padding-right: 10px;
    }

    #Calendario .navbar-expand-md button.navbar-toggler p {
        margin-bottom: 0px;
        font-size: 1.1em;
    }

    #Calendario #menu-pagina-ur.menu_evento {
        top: 10%;
    }

    #Calendario .navbar-expand-md select.custom-select {
        background-size: 12px;
        font-size: 0.9rem;
    }

    #Calendario .navbar-expand-md .input-group-text {
        height: 38px;
    }

    #Calendario article.periodos .contet_phone {
        display: flex;
    }

    #Calendario article.periodos .form-check {
        margin: 10px 5px;
        padding: 5px;
    }

    #Calendario article.periodos .form-check {
        width: 100%;
    }

    #Calendario article.periodos .form-check input.form-check-input {
        margin-left: 2px;
    }

    #Calendario article.periodos .form-check .form-check-label {
        font-size: 1.0rem;
        padding-left: 5px;
    }

    #Calendario .perfil img {
        max-width: 50px;
        max-height: 50px;
    }

    #Calendario .navbar-expand-md button.navbar-toggler i {
        padding-right: 5px;
        font-size: 1.2em;
        color: #15296f;
    }

    #Calendario .navbar-expand-md button.navbar-toggler i.fas.fa-sliders-h {
        display: none;
    }

    #Calendario .navbar-expand-md button.navbar-toggler.collapsed i.fas.fa-sliders-h {
        display: block;
    }

    #Calendario .navbar-expand-md button.navbar-toggler.collapsed i.fas.fa-times {
        display: none;
    }

    #Calendario .navbar-expand-md button.navbar-toggler i.fas.fa-times {
        display: block;
    }

    #Calendario .top {
        bottom: 130px;
    }

}

@media (max-width: 480px) {
    #Calendario h2 {
        font-size: 2.0rem;
    }

    #Calendario p {
        font-size: 0.9rem;
        line-height: 18px;
        font-weight: 200;
        letter-spacing: 0px;
    }

    #Calendario a {
        font-size: 1.0rem;
    }

    #Calendario h3 {
        font-size: 1.3rem;
    }

    #Calendario h6 {
        font-size: 0.9rem;
    }

    #Calendario h4 {
        font-size: 1.1rem;
    }

    #Calendario h5 {
        font-size: 1.0rem;
    }

    #Calendario .navbar-expand-md button.navbar-toggler p {
        font-size: 0.9em;
    }

    #Calendario .navbar-expand-md .input-group-text i {
        color: #ffff;
        font-size: 1.5em;
    }

    #Calendario article.evento .card_filter {
        padding: 3px 3px;
        margin: 3px;
        font-size: 0.8rem;
    }

    #Calendario section.headeer_calendario h3 {
        text-align: center;
        font-size: 1.4rem;
    }

    #Calendario article.evento .evento_icon small {
        font-size: 0.9rem;
    }

    #Calendario article.evento .evento_icon {
        padding: 7px 7px;
    }

    #Calendario #navbarSupportedContent {
        padding-bottom: 0px;
    }

    #Calendario article.periodos .contet_phone {
        display: flex;
        flex-direction: column;
    }

    #Calendario article.periodos .form-check {
        margin: 5px 5px;
    }


    #Calendario .perfil h4 {
        padding-left: 10px;
    }

    #Calendario #menu-pagina-ur.menu_evento {
        top: 11%;
    }

    #Calendario .navbar-expand-md .d-flex.datepicker button.btn.btn-outline-secondary.border-left-0 i {
        font-size: 1.2em;
    }

}

@media (max-width: 360px) {
    #Calendario .navbar-expand-md button.navbar-toggler p {
        font-size: 0.8em;
    }

    #Calendario .navbar-expand-md button.navbar-toggler img {
        max-width: 30px;
        padding-right: 5px;
    }

    #Calendario article.evento .items_contet .Facultad,
    #Calendario article.evento .items_contet .Programa {
        padding-right: 10px;
    }

    #Calendario section.headeer_calendario h3 {
        text-align: center;
        font-size: 1.2rem;
    }

    #Calendario .perfil img {
        max-width: 50px;
    }

    #Calendario h2 {
        font-size: 1.6rem;
    }

}

.custom-select {
    width: 100% !important;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}

.card_boton .a {
    text-decoration: none;
}

#navCalendario {
    text-transform: capitalize;
}

#segmentoSeleccionado {
    text-transform: capitalize;
}