:root {
    --color1: #6baad0;
    --color2: #92c0dc;
    --color3: #b9d6e8;
    --color4: #dfecf5;
    --color5: #f2f8fb;
    --color6: #7eb5d6;
    --colorPrimarioOscuro: #1b3f54;
    --colorPrimario: #2d6a8e;
    --colorSecundario: #3987b5;
    --colorRojo: #ee5253;
    --colorRojoClaro: #f7afaf;
    --colorRojoClaro2: #fef5f5;
    --colorVerde: #4fd66d;
    --colorVerdeOscuro: #29b047;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
	font-family: 'Roboto-Medium';
	src: url('../fonts/Roboto-Medium.ttf');
}

@font-face {
	font-family: 'Roboto-Black';
	src: url('../fonts/Roboto-Black.ttf');
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
	font-family: 'Roboto-Thin';
	src: url('../fonts/Roboto-Thin.ttf');
}

* {
    outline: none;
    box-sizing: border-box;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

html, body {
    font-family: 'Roboto';
    margin: 0;
    padding: 0;
    /*height: 100%;*/
    height: calc(100% - 37px)
}

.main_login
{
	/*background-image:url('../images/bg.jpg');*/
    background-color:#e8f6f0;
    background-position: top center;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #FFF;
}

.footer
{
    bottom: 0px;
    color: #738297;
    background-color:#d8d8d8;
    left: 0px;
    line-height: normal;
    margin: 0;
    max-height: 100%;
    overflow: hidden;
    padding: 10px 0;
    position: fixed;
    -webkit-backface-visibility: hidden;
    right: 0px;
    text-align: right;
    width: 100%;
    z-index: 100;
    text-align: center;
}

.form360 {
    height: 100%;
}

.topbar {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: var(--color1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
}

a {
    color: var(--colorPrimario);
}

.topbar-izquierda, .topbar-derecha {
    display: flex;
    height: 60px;
}

.topbar-logo {
    background-image: url('../HandlerLogoCentro.ashx?Exp=4');
    height: 60px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    cursor: pointer;
}

.linklogo {
    text-decoration: none;
}

.menu-btn {
	width: 60px;
	height: 60px;
	margin-right: 0px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}

.menu-btn__burger,
.menu-btn__burger::before,
.menu-btn__burger::after {
	width: 24px;
	height: 3px;
	border-radius: 5px;
	background-color: #fff;
	transition: all 0.5s ease-in-out;
}

.menu-btn__burger::before,
.menu-btn__burger::after {
	content: "";
	position: absolute;
}

.menu-btn__burger::before {
	transform: translateY(-8px);
}

.menu-btn__burger::after {
	transform: translateY(8px);
}

.menu-btn.open .menu-btn__burger {
	transform: translateX(-50px);
	background-color: transparent;
	box-shadow: none;
}

.menu-btn.open .menu-btn__burger::before {
	transform: rotate(45deg) translate(35px, -35px);
}

.menu-btn.open .menu-btn__burger::after {
	transform: rotate(-45deg) translate(35px, 35px);
}

.leftmenulateralcontainer {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	position: fixed;
	width: 340px;
	top: 60px;
	bottom: 0;
	left: -400px;
	box-shadow: 0 0 2px #B8B8B8;
	background-color: #f8f8f8;
	flex-direction: column;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 0px;
	height: calc(100% - 60px);
	z-index: 1;
    overflow-y: scroll;
    overflow-x: hidden;
}

.leftmenulateralcontainer.opened {
	left: 60px;
}

.leftmenulaterallinks {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	padding-top: 20px;
}

.linkleftmenulateral {
	padding: 0 10px;
	height: 44px;
	border-radius: 22px;
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	width: 260px;
	align-items: center;
	font-size: 15px;
	color: #555;
	font-family: 'Roboto';
	font-weight: 400;
	flex-shrink: 0;
	margin-bottom: 5px;
	border: 2px solid transparent;
}

.linkleftmenulateral .icomenulateral {
	width: 24px;
	height: 20px;
	background-size: contain;
	background-position: center center;
	margin-right: 20px;
	background-repeat: no-repeat;
}

.linkleftmenulateral.active .icomenulateral {
	filter: invert(98%) sepia(5%) saturate(371%) hue-rotate(311deg) brightness(117%) contrast(87%);
}

.linkleftmenulateral:hover {
	background-color: #FEFEFE;
}

.linkleftmenulateral.active, .linkleftmenulateral.activeasigmenu {
	color: #444;
	font-family: 'Roboto-Medium';
	background-color: #FFF;
	border-color: var(--color3);
}

.linkleftmenulateral:before {
	font-family: "Font Awesome 5 Free";
	display: block;
	text-align: center;
	width: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	font-size: 18px;
	color: #BBB;
}

.linkleftmenulateral.fas::before {
	font-weight: 900;
}

.linkleftmenulateral.active:before {
	color: #4c4746;
}

.menu-home-footer {
	width: 318px;
	padding: 4px;
	margin-top: 30px;
}

.menu-home-footer .copy {
	text-align: center;
	font-size: 12px;
	color: #bbb;
	margin-bottom: 20px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.menu-home-footer .apps {
	display: flex;
	justify-content: center;
}

.menu-home-footer .appsdisc {
	font-size: 11px;
	color: #CCC;
	line-height: 14px;
	padding-left: 9px;
	list-style-type: circle;
	margin-top: 10px;
}

.separador-menuprincipal, .separador-menuprincipallateral, .separador-menuprincipallateral-cuadrados {
    margin: 12px 12px 4px;
    padding-bottom: 2px;
    font-size: 14px;
    color: #BBB;
    width: 100%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.separador-menuprincipallateral, .separador-menuprincipallateral-cuadrados {
    margin: 12px 0;
    margin-left: 0px;
    padding: 0 10px 2px;
    margin-left: 30px;
    border-bottom: 1px solid #EBEBEB;
}

a.separador-menuprincipallateral {
    width: 100%;
    display: block;
    margin-left: 0px;
    color: var(--colorPrimario);
}

.linkleftmenulateral {
    padding: 0 10px;
    height: 44px;
    border-radius: 22px;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    width: 260px;
    align-items: center;
    font-size: 15px;
    color: #555;
    font-family: 'Roboto';
    font-weight: 400;
    flex-shrink: 0;
    margin-bottom: 5px;
    border: 2px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.mpre-menumini, .mpre-menuminidb {
    background: #444;
    position: fixed;
    z-index: 99999999;
    top: 60px;
    left: 0px;
    width: 60px;
    flex-shrink: 0;
    height: calc(100% - 60px);
    overflow: hidden;
}

.mpre-menumini .mpre-tcoption {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 6px 10px;
    color: #FFF;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.mpre-menumini .mpre-tcoption:hover, .mpre-menumini .mpre-tcoption.active {
    background: #696969;
}

.minimenu-fa .mpre-tcico {
    color: #CCC;
    margin-top: 4px;
    font-size: 24px;
    cursor: pointer;
}

.mpre-tcoption .icomenulateral {
    width: 26px;
    height: 26px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.mpre-tcoption .icomenulateral.logomini360 {
    width: 30px;
}

.mpre-tctext {
    font-size: 11px;
    margin-top: 5px;
}

.mpre-tctext.logomini360 {
    margin-top: 1px;
}

.contenidopagina {
    padding-top: 60px;
    padding-left: 60px;
    transition: all ease-in-out .2s;

    min-height: 100%;
    background: #F6F6F6;
}

.contenidopagina.opened {
    padding-left: 400px;
}

.contenidopaginainner {
    padding: 10px;
}

.grupo-menuprincipal .grupo-ml-links {
    height: 0px;
    transition: height 0.3s ease;
    overflow: hidden;
    transition: all 0.2s ease;
}

.grupo-menuprincipal .grupo-ml-links.opened {
    padding-top: 10px;
}

.grupo-ml-parent {
    display: flex;
    align-items: center;
    padding: 0 10px;
    padding-right: 15px;
    border-radius: 22px;
    justify-content: space-between;
    height: 44px;
    cursor: pointer;
    font-size: 14px;
    color: var(--colorPrimario);
    border: 2px solid transparent;
    user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
    background-color: #FAFAFA;
    border-color: #F0F0F0;
}

.grupo-ml-parent.opened {
    border-color: var(--color3);
    background-color: var(--color5);
    position: sticky;
    top: 5px;
    z-index: 1;
}

/*.grupo-ml-parent.opened::before {
    content: "";
    display: block;
    width: calc(100% + 14px);
    background-color: transparent;
    border-top: 10px solid #F8F8F8;
    border-left: 10px solid #F8F8F8;
    border-radius: 32px;
    height: calc(100% + 14px);
    position: absolute;
    top: -12px;
    left: -12px;
    pointer-events: none;
}*/

/*.grupo-ml-parent.opened::before {
    content: "";
    display: block;
    width: calc(100% + 14px);
    background-color: transparent;
    border-top: 10px solid #F8F8F8;
    border-radius: 29px;
    height: calc(100% + 14px);
    position: absolute;
    top: -12px;
    left: -12px;
    pointer-events: none;
    border-radius: 30px 24px 0 0;
}

.grupo-ml-parent.opened::after {
    content: "";
    display: block;
    width: calc(100% + 14px);
    background-color: transparent;
    border-left: 7px solid #F8F8F8;
    border-radius: 100px;
    height: calc(100% + 14px);
    position: absolute;
    top: -12px;
    left: -8px;
    pointer-events: none;
    transform: rotate(2deg);
    transform-origin: top left;
}*/

.leftmenulateralcontainer.opened .grupo-menuprincipal::before {
    content: "";
    display: block;
    width: 320px;
    background-color: #F8F8F8;
    height: 30px;
    position: fixed;
    top: 60px;
    left: 60px;
    pointer-events: none;
}

.linkleftmenulateral.fas.fa-home {
    z-index: 1;
}

.grupo-ml-parent .caretmenu {
    transition: all ease-in .2s;
}

.grupo-ml-parent.opened .caretmenu {
    transform: rotate(180deg);
}

.grupo-ml-parent:hover {
    background: #FFF;
}

.grupo-menuprincipal {
    margin-top: 10px;
    width: 260px;
}

.grupo-ml-links .linkleftmenulateral {
    height: 38px;
}

.grupo-ml-links .linkleftmenulateral.active {
    background: var(--color4);
    color: var(--colorPrimario);
}

.grupo-ml-links .linkleftmenulateral.active .faicomenulateral {
    color: var(--colorPrimario);
}

.faicomenulateral {
    margin-right: 10px;
    font-size: 10px;
    color: #E4E4E4;
}

.user-profile {
    display: flex;
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
}

.user-profile:hover, .user-profile.active {
    background: var(--color6);
}

.up-caret {
    color: var(--color5);
}

.up-imgprofile {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color3);
    background-position: center center;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.up-imgprofile2 {
    width: 90px; 
    height: 90px;
    border: 2px solid var(--color3);
    background-position: center center;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0;
    display: flex!important;
}

.user-profile-menu {
    display: none;
    position: fixed;
    top: 68px;
    right: 8px;
    flex-direction: column;
    align-items: center;
    width: 250px;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #ddd;
    border: 1px solid var(--color3);
    padding: 20px 0;
}

.user-profile-menu.opened {
    display: flex!important; 
}

.user-profile-menu a {
    display: block;
    padding: 10px;
    width: 100%;
    color: var(--colorPrimario);
    text-decoration: none;
}

.user-profile-menu a span {
    margin-right: 10px;
    font-size: 12px;
    border: 1px solid var(--color3);
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
}

.user-profile-menu a:hover {
    background: var(--color5);
}

.up-name {
    color: var(--color5);
    font-size: 12px;
    margin: 0 10px;
}

.user-profile-menu .up-name {
    color: #444;
    word-break: break-all;
    margin: 0;
}

.user-profile-menu .up-detail {
    margin: 0;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEE;
    width: calc(100% - 20px);
}

.topbar-derecha-botones {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.boton360ico {
    align-items: center;
}

.boton360ico .ico, .boton360ico .icono {
    margin-top: 1px;
    margin-right: 6px;
    font-size: 12px;
    color: rgba(255,255,255,.9);
}

.boton360ico .icono {
    margin-top: 0px;
}

.boton360ico .texto {
    font-size: 12px;
    line-height: 12px;
}

.topbar-derecha-botones a, .boton360icono,  .topbar-derecha-botones>div {
    min-width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-decoration: none;
    font-size: 11px;
    border-radius: 5px;
    margin: 0 4px;
    position: relative;
}

.boton360icono.active {
    background: var(--colorSecundario);
    color: #FFF;
}

.topbar-derecha-botones a:hover, .topbar-derecha-botones>div:hover {
    background: var(--color6);
     cursor:pointer ;
}

.topbar-derecha-botones a .text, .boton360icono .texto {
    margin: 0 10px;
    font-size: 11px;
    font-weight: normal;
    font-family: Roboto;
}

.topbar-derecha-botones a .ico, .boton360icono .icono, .topbar-derecha-botones>div .ico {
    font-size: 24px;
    margin-bottom: 4px;
}

.pag-filtros-botones .boton360icono:not(.boton360cancelar) {
    background-color: var(--color1);
    color: #FFF;
}

.pag-filtros-botones .boton360icono:not(.boton360cancelar):hover {
    background-color: var(--colorSecundario);
}

.pag-filtros-botones .boton360cancelar {
    background: #E0E0E0;
    color: #888;
}

.pag-filtros-botones .boton360cancelar:hover {
    background: #D4D4D4;
}

.pag-filtros-botones .boton360icono .icono {
    font-size: 18px;
    margin: 2px 0 3px 0;
}

.boton360icono {
    color: var(--colorSecundario);
}

.boton360icono {
    background: var(--color4);
}

.boton360icono:hover {
    background: var(--color3);
}

.boton360icono.active:hover {
    background: var(--colorPrimario);
}

.boton360icono .icono {
    margin-top: 4px;
}

.boton360icono .badgecheck {
    position: absolute;
    right: -2px;
    top: -2px;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    color: #FFF;
    background: var(--colorVerdeOscuro);

    opacity: 0;
    pointer-events: none;
}

.boton360icono.active .badgecheck {
    display: flex;
}

.topbar-derecha-botones a .badge, .boton360icono .badge, .topbar-derecha-botones>div .badge {
    position: absolute;
    right: -2px;
    top: -2px;
    font-size: 11px;
    font-family: Roboto-Medium;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    background: var(--colorRojo);
}

.boton360iconofix {
    width: 70px;
    margin-right: 10px;
    margin-left: 0px;
}

.user-profile-menu .up-imgprofile {
    width: 80px;
    height: 80px;
}

.db-wrapper {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

.col-botones, .col-calendario, .col-grupos {
    /*min-width: 200px;*/
    flex-shrink: 0;
}

.col-botones {
    flex: 4;
}

.col-calendario {
    flex: 2;
}

.col-grupos {
    flex: 5;
}

.db-mb-boton {
    background: #FFF;
    text-decoration-line: none;
    text-decoration: none;
}

.db-mb-boton[onclick] {
    cursor: pointer;
    text-decoration: none;
}

.db-mb-boton[onclick]:hover {
    cursor: pointer;
    text-decoration: none;
}














.div-ayudaleer {
    position: absolute;
    width: 100%;
    background-color: transparent;
    padding: 50px;
    transition: all .5s;
    z-index: 999;
}

.hidden
{
    display: none!important;
}

.div-ayudaleer .contenido {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    margin-top: 5px;
    padding: 5px;
    border-radius: 5px;
    min-height: 500px;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}

.div-ayudaleer .contenido-clave {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    margin-top: 5px;
    padding: 5px;
    height: 150px;
    width: 30%;
    margin-left: 30%;
    padding: 5px;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}

.div-ayudaleer .contenido .contenido-cuerpo {
    margin-top: 10px;
    padding: 5px;
}

.div-ayudaleer .close {
    font-size: 22px;
    margin-left: 10px;
}

#AyudaEditorCancelarLinkButton {
    font-size: 22px;
    margin-left: 10px;
}

#AyudaEditorGuardarLinkButton {
    font-size: 22px;
    margin-left: 10px;
}

#hlAyuda {
    background-color: white !important;
    color: rgb(25, 117, 210) !important;
    right: 5px;
    top: 6px;
    float: right;
}

.logomovil {
    right: 45px !important;
}

.div-ayudaeditor {
    position: absolute;
    width: 98%;
    background-color: #fff;
    padding: 50px;
    min-height: 600px;
    z-index: 999;
}

.db-mb-boton {
    background: #FFF;
    border-radius: 5px;
    margin: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    padding: 20px;
    text-decoration: none;
}

.flex-row, .flex-row-form, .flex-row-footer, .flex-form-row {
    display: flex;
    text-decoration: none;
}

.flex-form-row:not(:first-of-type) {
    margin-top: 20px;
    text-decoration: none;
}

.flex-form-row {
    align-items: center;
    text-decoration: none;
}

.flex-form-rowtop {
    align-items: flex-start;
    text-decoration: none;
}

.flex-form-row-center {
    width: 100%;
    justify-content: center;
    text-decoration: none;
}

.flex-form-row-rigth {
    width: 100%;
    justify-content: flex-end;
    text-decoration: none;
}

.flex-form-col-botones {
    align-items: flex-end;
}

.flex-row-footer {
    align-items: center;
    justify-content: flex-end;
}

.flex-row-margin {
    margin-top: 10px;
}

.flex-row-margin-extra {
    margin-top: 30px;
}

.flex-row-form {
    align-items: center;
    margin-bottom: 10px;
}

.flex-row-form:last-of-type {
    margin-bottom: 0px;
}

.flex-row-flow {
    flex-flow: wrap;
}

.flex-row-space {
    justify-content: space-between;
}

@media only screen and (max-width: 700px) {
    .flex-row-space {
        flex-direction: column;
    }
}

.flex-row-flow:not(:last-of-type) {
    margin-bottom: 40px;
}

.db-menu-botones .flex-row.flex-row-flow {
    margin-bottom: 0px;
}

.flex-col, .flex-form-col {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 200px;
}

.flex-col-padding {
    padding: 0 10px;
}

.flex-col-form {
    min-width: 300px;
    padding: 0 20px;
}

.flex-row-flow {
    padding: 0;
}

.flex-col-form:first-of-type {
    padding-left: 0px;
    padding-right: 20px;
}

.flex-col-form:last-of-type {
    padding-left: 20px;
    padding-right: 0px;
}

.flex-form-col{
    min-width: 300px;
    padding: 0 10px;
}

.flex-col-nomin, .flex-form-col-nomin {
    min-width: 0;
}

.flex-form-col:first-of-type {
    padding-left: 0px;
    padding-right: 10px;
}

.flex-form-col:last-of-type {
    padding-left: 10px;
    padding-right: 0px;
}

.flex-form-col-nopadding {
    padding: 0 !important;
}

@media only screen and (max-width: 700px) {
    .flex-col-form:not(:first-of-type):not(:last-of-type) {
        padding: 10px 0 20px 0;
    }
}

.flex-col-form-nomin {
    min-width: 0;
}

.flex-col-270 {
    min-width: 270px;
}

.db-mb-boton {
    display: flex;
    align-items: center;
    border: 2px solid #F2F2F2;
    text-decoration: none;
}

.db-mb-boton:hover {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.db-mb-boton-cuadrado {
    flex-direction: column;
    align-items: flex-start;
    text-decoration: none;
}

.db-mb-boton-cuadrado .db-mbb-detalle {
    margin-top: 10px;
    text-decoration: none;
}

.db-mbb-ico {
    color: #DDD;
    font-size: 26px;
    margin-right: 10px;
    display: flex;
    flex-shrink: 0;
    width: 26px;
    justify-content: center;
}

.db-mbb-titulo {
    font-size: 14px;
    color: var(--colorPrimarioOscuro);
    font-family: Roboto-Light;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.db-mb-boton-cuadrado .db-mbb-titulo {
    font-family: Roboto-Medium;
    padding: 0 10px;
    text-decoration: none;
}

.db-mbb-subtitulo {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
    font-family: Roboto-Light;
}

.db-mb-boton-rosa {
    border-color: #ffd2f9;
    text-decoration: none;
}

.db-mb-boton-rosa .db-mbb-ico {
    color: #ffd2f9;
    text-decoration: none;
}

.db-mb-boton-verde {
    border-color: #bbedb3;
    text-decoration: none;
}

.db-mb-boton-verde .db-mbb-titulo {
    color: #5fd44c;
    text-decoration: none;
}

.db-mb-boton-verde .db-mbb-ico {
    color: #bbedb3;
    text-decoration: none;
}

.db-mb-boton-amarillo {
    border-color: #fcda7c;
    text-decoration: none;
}

.db-mb-boton-amarillo .db-mbb-ico {
    color: #fcda7c;
    text-decoration: none;
}

.db-mb-boton-azul {
    border-color: #b4e5ff;
    text-decoration: none;
}

.db-mb-boton-azul .db-mbb-titulo {
    color: #35b8ff;
    text-decoration: none;
}

.db-mb-boton-azul .db-mbb-ico {
    color: #b4e5ff;
    text-decoration: none;
}

.db-mb-boton-azul:hover {
    text-decoration: none;
}

.table360 {
    width: 100%;
}

.db-mbb-detalle {
    width: 100%;
}

.table360.noborder, .table360.noborder td {
    border: 0;
}

.db-msg-row {
    display: flex;
    align-items: center;
}

.db-msg-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    width: 100%;
}

.db-msg-header[data-leido="False"] .db-msg-remitente {
    /*color: #0097e9;*/
}

.db-msg-contenido {
    width: 100%;
}

.db-msg-linkwrapper {
    text-decoration: none;
    color: #000;
}

.db-msg-remitente {
    font-size: 11px;
    color: #555;
}

.db-msg-fecha {
    color: #888;
    font-size: 11px;
}

.db-msg-detalle {
    font-size: 14px;
}

.table360dbmensajes td {
    cursor: default !important;
    padding: 10px;
    /*padding-left: 0;*/
}

.table360dbmensajes tr {
    border-bottom: 1px solid #eee;
}

.table360dbmensajes tr:hover {
    background: #F8F8F8;
}

.table360dbmensajes tr:last-of-type {
    border-bottom: none;
}

.db-msg-detalle[data-leido="False"] {
    font-family: Roboto-Medium;
}

.db-msg-detalle[data-visto="False"] {
    font-family: Roboto-Medium;
}

.db-msg-ico {
    color: #81d3ff;
    margin-right: 10px;
}

.db-mb-boton-verde .db-msg-ico {
    color: #bbedb3;
    text-decoration: none;
}

.db-msg-ico[data-leido="True"]::before {
    color: #CCC;
    content: "";
}

.db-msg-ico[data-visto="True"]::before {
    color: #CCC;
}

.col-calendario, .col-grupos {
    margin: 6px;
}

.db-grupos {
    padding: 20px;
    background: #FFF;
    border-radius: 5px;
}

.db-grupos:not(:last-of-type) {
    margin-bottom: 10px;
}

.db-calendario {
    padding: 10px;
}

.db-calendario {
    min-width: 360px;
    flex-shrink: 0;
}

.db-column-title {
    color: #AAA;
}

.db-grupos-detalle {
    margin-top: 10px;
    width: 100%;
}

.db-grupos-grupo {
    border-bottom: 1px solid #EEE;
    cursor: pointer;
}

.db-grupos-grupo:hover {
    background: #F8F8F8;
}

.db-grupos-grupo:last-of-type {
    border-bottom: none;
}

.db-grupos-grupo .db-gg-parent {
    color: #666;
    padding: 10px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.db-gg-contenido {
    display: flex;
    flex-flow: wrap;
    height: 0;
    min-height: 0;
    padding-left: 5px;
    transition: all 0.2s ease;
    overflow: hidden;
    cursor: auto;
    background: #FFF;
    justify-content: center;
}

.db-gg-parent-caret {
    color: #2d6a8e;
    transition: all 0.2s ease;
}

.db-gg-parent-caret.opened {
    transform: rotate(180deg);
}

.db-gg-contenido.opened {
    padding-top: 10px;
    padding-bottom: 6px;
}

.db-gg-contenido a {
    display: flex;
    align-items: center;
    /*background: #e7f7ff;
    color: #27597d;*/
    background: var(--colorSecundario);
    color: #FFF;
    padding: 6px 8px;
    border-radius: 3px;
    margin: 4px;
    font-size: 12px;
    /*border: 1px solid #b4e5ff;*/
    /*height: 28px;*/
    text-decoration: none;
    flex-shrink: 0;
    /*flex: 1;*/
    justify-content: center;
    flex-direction: column;
    width: 75px;
}

.db-gg-contenido a:hover {
    background: var(--colorPrimario);
}

.db-gg-ico {
    font-size: 14px;
    color: rgba(255,255,255,.8);
    /*margin-right: 5px;*/
}

.db-gg-texto {
    flex-shrink: 0;
    font-size: 11px;
    margin-top: 4px;
}

.pag-titulo {
    display: flex;
    align-items: center;
    height: 38px;
    font-size: 21px;
    font-family: Roboto-Light;
    color: var(--colorSecundario); /*#444;*/
    justify-content: space-between;
}

.pag-t-boton {
    background: var(--colorPrimario);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 14px;
    text-decoration: none;
    color: #FFF;
    border-radius: 3px;
    font-family: Roboto-Medium;
}

.pag-t-boton:hover {
    /*color: var(--colorPrimario);*/
    background: var(--colorSecundario);
}

.pag-alert span {
    display: flex;
    background: var(--colorRojo);
    padding: 10px;
    color: #FFF;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pag-alert span.alertaverde {
    background: var(--colorVerde);
}

.pag-alert:empty, .pag-alert span:empty {
    display: none;
}

.pag-filtros {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.pag-filtros-margintop {
    margin-top: 20px;
}

.pag-filtros-marginbottom {
    margin-bottom: 20px;
}

.pag-filtros-flextop {
    align-items: flex-start
}

.pag-filtros-col, .flex-col-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 20px;
}

.pag-filtros-col input.datepicker {
    text-align: center;
}

.pag-filtros-col100, .flex-form-col100 {
    max-width: 100px;
}

.pag-filtros-col200, .flex-form-col200 {
    max-width: 200px;
}

.pag-filtros-col300, .flex-form-col300 {
    max-width: 300px;
}

.pag-filtros-col400, .flex-form-col400 {
    max-width: 400px;
}

.flex-form-col-total {
    max-width: 600px;
}

.pag-filtros-col-row {
    flex-direction: row;
    align-items: center;
}

.pag-filtros .pag-filtros-col100 input[type="text"], .pag-filtros .pag-filtros-col100 select, .pag-filtros .pag-filtros-col100 input[type="number"],
.pag-filtros .pag-filtros-col200 input[type="text"], .pag-filtros .pag-filtros-col200 select, .pag-filtros .pag-filtros-col200 input[type="number"]
.pag-filtros .pag-filtros-col300 input[type="text"], .pag-filtros .pag-filtros-col300 select, .pag-filtros .pag-filtros-col300 input[type="number"]
.pag-filtros .pag-filtros-col400 input[type="text"], .pag-filtros .pag-filtros-col400 select, .pag-filtros .pag-filtros-col400 input[type="number"]

.flex-form-row .flex-form-col100 input[type="text"], .flex-form-row .flex-form-col100 select, .flex-form-row .flex-form-col100 input[type="number"],
.flex-form-row .flex-form-col200 input[type="text"], .flex-form-row .flex-form-col200 select, .flex-form-row .flex-form-col200 input[type="number"],
.flex-form-row .flex-form-col300 input[type="text"], .flex-form-row .flex-form-col300 select, .flex-form-row .flex-form-col300 input[type="number"],
.flex-form-row .flex-form-col400 input[type="text"], .flex-form-row .flex-form-col400 select, .flex-form-row .flex-form-col400 input[type="number"]
{
    min-width: 10px;
    width: 100%;
    text-decoration: none;
}

.flex-form-row .flex-form-col100, .flex-form-row .flex-form-col200, .flex-form-row .flex-form-col300, .flex-form-row .flex-form-col400 {
    min-width: 10px;
    text-decoration: none;
}

.pag-filtros .pag-filtros-col-fecha input[type="text"],
.pag-filtros .pag-filtros-col-fecha input[type="number"],
.pag-filtros .pag-filtros-col-min input[type="text"],
.pag-filtros .pag-filtros-col-min input[type="number"],
.flex-form-col-min input[type="text"],
.flex-form-col-min input[type="number"],
.flex-form-col-auto input[type="text"],
.flex-form-col-auto input[type="number"],
.flex-form-col-min2 input[type="text"],
.flex-form-col-min2 input[type="number"],
.flex-form-col-fecha input[type="text"],
.flex-form-col-fecha input[type="number"]
{
     min-width: 0px;
}

.pag-filtros-col-fecha, .flex-form-col-min, .flex-form-col-med, .pag-filtros-col-min, .flex-form-col-auto, .flex-form-col-min2, .flex-form-col-fecha2 {
    min-width: 0;
    flex: unset;
}

.flex-form-col-auto {
    flex: 1;
}

.pag-filtros-col-fecha input, 
.flex-form-col-min input[type="text"], .flex-form-col-min select, .flex-form-col-min input[type="number"],
.flex-form-col-med input[type="text"], .flex-form-col-med select, .flex-form-col-med input[type="number"],
.pag-filtros-col-min input[type="text"], .pag-filtros-col-min select, .pag-filtros-col-min input[type="number"],
.flex-form-col-auto input[type="text"], .flex-form-col-auto select, .flex-form-col-auto input[type="number"],
.flex-form-col-min2 input[type="text"], .flex-form-col-min2 select, .flex-form-col-min2 input[type="number"],
.flex-form-col-fecha input[type="text"], .flex-form-col-fecha select, .flex-form-col-fecha input[type="number"]
{
    min-width: 0px;
    width: 120px;
    text-align: center;
}

.flex-form-col-min2 input[type="text"], .flex-form-col-min2 select, .flex-form-col-min2 input[type="number"] {
    width: 60px;
}

.flex-form-col-fecha input[type="text"], .flex-form-col-fecha select, .flex-form-col-fecha input[type="number"] {
    width: 100px;
}

.flex-form-col-auto input[type="text"], .flex-form-col-auto select, .flex-form-col-auto input[type="number"] {
    width: 100%;
}

.flex-form-col-med input[type="text"], .flex-form-col-med select, .flex-form-col-med input[type="number"] {
    width: 260px;
}

 .flex-form-col-min select, .flex-form-col-med select, .flex-form-col-auto select, .flex-form-col-min2 select {
    text-align: left;
}

.pag-filtros-col:last-child {
    margin-right: 0px;
}

.pag-f-label {
    font-family: Roboto;
    color: #222;
    margin-bottom: 2px;
}

.pag-f-label-boton .pag-f-label {
    margin-bottom: 0;
}

.pag-filtros-col select, .pag-filtros input[type="text"], .pag-filtros input[type="number"] {
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #DDD;
    min-width: 300px;
}

.pag-filtros input[type="text"][readonly], .pag-filtros input[type="number"][readonly] {
    background: #F8F8F8;
}

.pag-content {
    position: relative;
    background: #FFF;
    padding: 20px;
    border-radius: 5px;
    margin-top: 10px;
}

.tabs360 {
    margin-top: 30px;
}

.tabs360 .ajax__tab_header {
    margin-bottom: 20px;
    border-bottom: 2px solid var(--color2);
    display: flex;
}

.tabs360 .ajax__tab_header .ajax__tab_tab {
    cursor: pointer;
    display: flex;
    padding: 6px 10px;
    margin-bottom: 10px;
    background: var(--color4);
    color: var(--colorPrimario);
    margin-right: 10px;
    border-radius: 5px;
    font-size: 14px;
}

.tabs360 .ajax__tab_header .ajax__tab_tab:hover {
    background: var(--color3);
}

.tabs360 .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background: var(--colorSecundario);
    color: #FFF;
}

.ajax__tab_container {
    visibility:visible !important;
}

.pag-f-label-boton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

.pag-f-lb-boton {
    cursor: pointer;
    display: flex;
    padding: 4px 6px;
    background: var(--color4);
    color: var(--colorPrimario);
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
}

.pag-f-lb-boton:hover {
    background: var(--color3);
}

.pag-f-lb-boton span {
    margin-right: 4px;
}

.pag-filtros-botones {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pag-filtros-botones-margintop {
    margin-top: 10px;
}

.pag-filtros-derecha {
    align-items: flex-end;
}

.pag-filtros-imagen img {
    border-radius: 100%;
    width: 50px;
}

.pag-fb-boton {
    border: none;
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    padding: 8px 12px;
    background: var(--color4);
    color: var(--colorPrimario);
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
}

.pag-fb-boton:hover {
    background: var(--color3);
}

.pag-fb-boton:last-child {
    margin-right: 0;
}

.grid360-container100 {
    width: 100%;
}

.grid360-container {
    padding-top: 30px;
}

.grid360-container-nomargin {
    padding-top: 10px;
}

.grid360-container-nomargin-nopadding {
    padding: 0px;
    margin: 0px;
}

.grid360 th:not([align]) {
    text-align: left;
}

.grid360 th.columnafecha, .grid360 td.columnafecha {
    text-align: center;
    width: 200px;
}

.grid360 {
    margin-bottom: 20px;
    font-size: 14px;
    border: 1px solid #EEE;
    color: #222;
    width: 100%;

    border-collapse:collapse;
}

    .grid360.borderless {
        border: none;
    }

    .grid360.hoverless tr.RowGrid:hover {
        background-color: initial;
    }

.form360 {
    font-size: 14px;
    width: 100%;
}

.grid360-nomargin {
    margin-bottom: 0px;
}

.grid360 th a {
    text-decoration: none;
    color: var(--colorSecundario);
}

.grid360 a {
    text-decoration: none;
    color: var(--colorSecundario);
}

.grid360 a.boton360 {
    color: #FFF;
    text-decoration: none;
}

.btngrid360 {
    margin: 2px 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.btngrid360 .ico, th a.btngrid360 {
    display: inline-flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--color3);
    border-radius: 100%;
    margin: 0 5px;
    font-size: 18px;
}

.btngrid360 .text {
    margin-top: 3px;
    font-size: 11px;
    line-height: 11px;
}

.btngrid360noborder .ico {
    border: none;
}

.btngrid360:hover .ico {
    color: var(--colorPrimarioOscuro);
    background-color: var(--color4);
}

.btngrid360-rojo:hover .ico {
    color: var(--colorRojo);
    border-color: var(--colorRojoClaro);
    background-color: var(--colorRojoClaro2);
}

.btngrid360-rojo:hover .text {
    color: var(--colorRojo);
}

th a.btngrid360 {
    background: var(--color1);
    border-color: var(--color1);
    color: #FFF;
}

/*.grid360 .actions-auto {
    width: 1000px;
}*/

.grid360 .actions-1 {
    width: 120px;
    text-align: center;
}

.grid360 th.col-center, .grid360 tr.col-center {
    text-align: center;
}

.grid360 .actions-1-min {
    width: 60px;
    text-align: center;
}

.grid360 .actions-1-med {
    width: 80px;
    text-align: center;
}

.grid360 .actions-1-big {
    width: 100px;
    text-align: center;
}

.grid360 .actions-2 {
    width: 120px;
    text-align: center;
}

.grid360 .actions-3 {
    width: 200px;
    text-align: center;
}

.grid360 .actions-4 {
    width: 240px;
    text-align: center;
}

.grid360 tr.HeaderGrid th.actions-nopadding:first-child, .grid360 tr.RowGrid td.actions-nopadding:first-child, .grid360 tr.AlternatingGrid td.actions-nopadding:first-child {
    padding-left: 0;
}

.textcenter {
    text-align: center;
}

.textleft {
    text-align: left;
}

.grid360 th.actions-center, .grid360 td.actions-center {
    text-align: center;
}

.grid360 th.actions-center>div, .grid360 td.actions-center>div {
    margin: 0 auto;
}

.grid360 th.actions-left, .grid360 td.actions-left {
    text-align: left;
}

.width300 {
    width: 300px;
}

.grid360 .HeaderGrid {
    height: 50px;
    background: #F6F6F6;
    color: #444;
}

.grid360 tr.RowGrid, .grid360 tr.AlternatingGrid {
    height: 50px;
    border-bottom: 1px solid #EEE;
}

.grid360 tr.RowGrid:hover, .grid360 tr.AlternatingGrid:hover {
    background-color: var(--color5);
}

.grid360 tr.HeaderGrid th:first-child, .grid360 tr.RowGrid td:first-child, .grid360 tr.AlternatingGrid td:first-child {
    padding-left: 10px;
}

.grid360 tr.HeaderGrid th:not(:first-child):not(.actions-1):not(.actions-1-min):not(.actions-1-med):not(.actions-1-big):not(.actions-2):not(.actions-3):not(.actions-4),
.grid360 tr td:not(:first-child):not(.actions-1):not(.actions-1-min):not(.actions-1-med):not(.actions-1-big):not(.actions-2):not(.actions-3):not(.actions-4) 
{
    padding: 5px;
}

.grid360-nopadding tr.HeaderGrid th:first-child, .grid360-nopadding tr.RowGrid td:first-child, .grid360-nopadding tr.AlternatingGrid td:first-child {
    padding-left: 0;
}

.grid360-nopaddingtop {
    padding-top: 0;
}

.grid360 tr.AlternatingGrid {
    background-color: #FAFAFA;
}

.grid360 tr:last-child {
    border-bottom: none;
}

.grid360footer {
    padding-left: 10px;
    font-size: 14px;
    color: #444;
}

.fc-header-toolbar.fc-toolbar .fc-toolbar-title {
    font-size: 12px;
    color: var(--colorPrimarioOscuro);
    font-family: Roboto;
    font-weight: normal;
}

.fc-header-toolbar.fc-toolbar .fc-toolbar-title:first-letter {
    text-transform: uppercase;
}

.fc-daygrid-day {
    cursor: pointer;
}

.db-calendario-mes .fc-daygrid-day.active, .mdm-calendario .fc-daygrid-day.active, .mdd-calendario .fc-daygrid-day.active {
    background: #f6e58d;
}

.db-calendario-mes .fc-event-time, .db-calendario-mes .fc-event-title,
.mdm-calendario .fc-event-time, .mdm-calendario .fc-event-title {
    display: none;
}

/*.db-calendario-mes .fc-daygrid-day-events, .db-calendario-mes .fc-daygrid-body-unbalanced .fc-daygrid-day-events,
.mdm-calendario .fc-daygrid-day-events, .mdm-calendario .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    height: 0px;
    width: 0px;
    min-height: 0px;
    position: absolute;
    left: calc(50% - 8px);
    bottom: 14px;
}

.db-calendario-mes .fc-daygrid-event-dot, .db-calendario-mes.fc-direction-ltr .fc-daygrid-event.fc-event-end, .db-calendario-mes .fc-direction-rtl .fc-daygrid-event.fc-event-start, 
.mdm-calendario .fc-daygrid-event-dot, .mdm-calendario.fc-direction-ltr .fc-daygrid-event.fc-event-end, .mdm-calendario .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    position: absolute;
    top: 9px;
    left: 7px;
    pointer-events: none;
}*/


.db-calendario-mes .fc-daygrid-day-events, .db-calendario-mes .fc-daygrid-body-unbalanced .fc-daygrid-day-events,
.mdm-calendario .fc-daygrid-day-events, .mdm-calendario .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    pointer-events: none;
    /*position: absolute;
    top: 14px;
    left: 0px;*/
}

.db-calendario-mes .fc-daygrid-body-natural .fc-daygrid-day-events,
.mdm-calendario .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 0;
}

.db-calendario-mes .fc-daygrid-body-unbalanced .fc-daygrid-day-events,
.mdm-calendario .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    position: relative;
    min-height: 1px;
}

.mdm-calendario .fc-daygrid-dot-event, .db-calendario-mes .fc-daygrid-dot-event {
    position: absolute;
    position: absolute;
    top: -12px;
    right: -4px;
}

.db-calendario-mes .fc-daygrid-day-events .fc-daygrid-event-harness,
.mdm-calendario .fc-daygrid-day-events .fc-daygrid-event-harness {
    visibility: visible !important;
}


.db-calendario-mes .fc-daygrid-day-top,
.mdm-calendario .fc-daygrid-day-top {
    display: flex;
    justify-content: center;
}

.mdm-calendario .fc-daygrid-block-event {
    /*display: none;*/
}

.db-calendario-dias {
    margin-top: 20px;
}

.db-calendario-mes .fc-button.fc-button-primary {
    background: var(--color1);
    border: none;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    font-size: 14px;
}

.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {
    background: var(--color2);
}

.db-calendario-mes .fc-button.fc-button-primary span::before {
    height: 28px;
    display: inline-block;
}

.fc .fc-button-primary:focus, .fc .fc-button-primary:active {
    box-shadow: none;
}

.fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: none;
}

 .fc .fc-button .fc-icon {
    line-height: 19px;
}

 .db-calendario-mes .fc-col-header-cell-cushion {
     font-family: Roboto-Medium;
     font-weight: normal;
     color: var(--colorPrimario);
 }

 .db-calendario-me .fc-scroller {
     overflow: hidden !important;
 }

 .buscadormenu {
     width: 260px;
     position: relative;
     top: 0px;
     z-index: 1;
 }

 .inputbuscarmenu {
     border: 2px solid #DDD;
     border-radius: 30px;
     height: 30px;
     margin-top: 10px;
     margin-bottom: 5px;
     width: 100%;
     padding: 5px 10px;
 }

.db-calendario-mes.fc .fc-daygrid-day-number {
    font-size: 14px;
    padding: 6px;
}

 .db-calendario-dias .fc-list-event.fc-event {
     font-size: 12px;
     cursor: pointer;
 }

 .db-calendario-dias .fc-list-day-cushion {
     font-family: Roboto-Medium;
     font-weight: normal;
     font-size: 14px;
     color: var(--colorPrimario)
 }

 .confirm-mini {
     max-width: 400px;
     margin: 0 auto;
 }

 .db-age-fecha {
     font-size: 12px;
     font-family: Roboto-Medium;
 }

 .db-age-alu {
     font-size: 11px;
     color: #888;
 }

 .btnbuscarmodal {
     transition: all .2s ease;
     border: 2px solid var(--color2);
     border-radius: 17px;
     color: var(--colorPrimarioOscuro);
     text-decoration: none;
     font-size: 21px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     min-width: 34px;
     width: 34px;
     height: 34px;
     margin: 0 10px;
     padding: 0 5px;
 }

.btnbuscarmodal:hover {
    background: var(--color5);
}

.btnbuscarmodal-nomargin {
    margin-right: 0px;
}

.botoncheck360 {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
}

.labelinfoverde {
    color: #349624;
    font-family: Roboto-Medium;
}

.labelinfoform {
    line-height: 36px;
    color: var(--colorSecundario);
    font-family: Roboto-Medium;
}

.labelinfomarca {
    display: inline-flex;
    padding: 10px;
    border-radius: 5px;
    background: var(--color4);
    color: var(--colorPrimario);
    font-size: 12px;
}

.grid360 a.NotaGrid {
    height: 42px;
    width: 42px;
    color: var(--colorPrimario);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    background: var(--color4);
    border-radius: 5px;
    margin: 5px;
    font-size: 12px;
    margin: 0 auto;
}

.grid360 a.NotaGrid:hover {
    background: var(--color3);
}

.modal360 {
    min-width: 300px;
    background: #FFF;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 9999999;
    display: flex;
    flex-direction: column;
    /*top: 80px !important;
    bottom: 20px !important;*/
    min-width: 320px;
    max-height: 90%;
}

.modalBackground {
    background: rgba(0,0,0,.1);
}

.modalFondo {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.1);
    z-index: 99;
    display: none;
}

.modalFondo.active {
    display: flex;
}

.modal360-500 {
    max-width: 500px;
}

.modal360ventana {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: fadein .2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.modal360ventana.active {
    display: flex;
}

.modal360subventana {
    z-index: 99999999;
}

@media only screen and (min-width: 700px) {
    .modal360-500 {
        width: 500px;
    }

   .modal360-800 {
        width: 800px;
    }
}

.modal360-800 {
    max-width: 800px;
    max-height: calc(100% - 120px);
}

.modal360-320 {
    max-width: 320px;
}

.modal360-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.modal360-title {
    color: #333;
}

.modal360-title {
    display: flex;
    flex-direction: column;
}

.modal360-title, .modal360-t-title {
    color: #333;
    font-family: Roboto;
    font-size: 18px;
    color: var(--colorPrimario);
    user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
    pointer-events: none;
}

.modal360-title .modal360-t-subtitle {
    font-size: 12px;
    color: #888;
    display: flex;
    flex-direction: column;
    margin-top: 8px;
}

.modal360-title .modal360-t-subtitle span {
    margin-bottom: 4px;
}

.modal360-title .modal360-t-subtitle span:last-of-type {
    margin-bottom: 0px;
}

.modal360-body {
    overflow: auto;
    /*max-height: 500px;*/
}

.modal360-body-padding {
    padding: 20px;
    padding-top: 0px;
}

.modal360-body-padding-extra {
    padding: 20px;
    padding-top: 0px;
}

.modal360cerrar {
    align-self: flex-start;
    font-size: 23px;
    color: #BBB;
    transition: all .2s ease;
    cursor: pointer;
    padding: 2px 8px;
    padding-top: 0px;
}

.modal360cerrar:hover {
    color: var(--colorRojo);
}

.notas-cuadrados {
    display: flex;
    flex-flow: wrap;
}

.notas-cuadrados .NotaGrid {
    cursor: pointer;
    color: var(--colorPrimario);
    background: var(--color4);
    width: 60px;
    height: 60px;
    border-radius: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    font-size: 12px;
    padding: 5px;
    user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.notas-cuadrados .NotaGrid:hover {
    background: var(--color3);
}

.notas-cuadrados .NotaGrid.nota-marcada {
    background: var(--colorPrimario);
    color: #FFF;
}

.notas-cuadrados .NotaGrid.nota-marcada:hover {
    background: var(--colorPrimarioOscuro);
}

.btnmodalselect {
    padding: 10px;
    font-size: 21px;
}

.grid360-container .dt-buttons {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 10px 0;
}

.grid360-container .dt-buttons a {
    background: var(--colorSecundario);
    color: var(--color5);
    text-decoration: none;
    font-size: 12px;
    padding: 5px;
    border-radius: 3px;
    margin-left: 5px;
}

.grid360-container .dt-buttons a:hover {
    background: var(--colorPrimario);
}

.pag-filtros .alumnoseleccionado, .pag-filtros .titulopagina {
    background: #FFF;
    border: none;
    font-size: 16px;
    color: var(--colorPrimario);
    margin-left: 10px;
}

.pag-filtros .titulopagina {
    font-size: 18px;
    margin-left: 0px;
    margin-bottom: 10px;
}

.grid360 a.grid360linkrow {
    color: var(--colorPrimarioOscuro);
}

.clickcelda {
    cursor: pointer;
}

.grid360-alumnofila {
    display: flex;
    align-items: center;
}

.fotoalumno {
    border: 2px solid var(--color4);
    border-radius: 100%;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fotoalumnoimg {
    object-fit: cover;
    width: 50px;
    height: 50px;
    border: 2px solid var(--color4);
}

.tabs360 .tabs360-headers {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--color2);
    padding-bottom: 10px;
}

.tabs360 .tab360-header, .boton360 {
    cursor: pointer;
    display: inline-flex;
    padding: 6px 10px;
    background: var(--color4);
    color: var(--colorPrimario);
    margin-right: 10px;
    border-radius: 5px;
    font-size: 14px;
    user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
    font-family: Roboto-Medium;
}

.tab360-header {
    text-decoration: none;
}

.enlace360 {
    color: var(--colorPrimario);
    text-decoration: underline;
    cursor: pointer;
}

.enlace360icono {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 4px 6px;
    border-radius: 3px;
    color: #FFF;
    background: var(--colorPrimario);
    flex-shrink: 0;
}

.enlace360icono:hover {
    opacity: .8;
}

.enlace360icono .texto {
    font-size: 11px;
}

.enlace360icono .icono {
    font-size: 11px;
    margin-right: 5px;
    margin-top: -2px;
}

.enlace360icono .icono.far.fa-envelope {
    margin-top: 0px;
}

.db-mb-boton-verde .enlace360icono {
    color: #FFF;
    background: #4dcf37;
    text-decoration: none;
}

.boton360flotante {
    position: fixed;
    bottom: 40px;
    right: 40px;
    border-radius: 100%;
    background: var(--colorSecundario);
    width: 55px;
    height: 55px;
    color: #FFF;
    border: 0;
    box-shadow: 0px 0px 2px #888;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 24px;
    z-index: 99999;
    cursor: pointer;
}

.boton360flotante:hover {
    background: var(--colorPrimario);
}

.tabs360 .tab360-header.active, .boton360 {
    background: var(--colorSecundario);
    color: #FFF;
    text-decoration: none;
}

.boton360cancelar {
    background: #888;
}

.boton360:last-child {
    margin-right: 0;
    text-decoration: none;
}

.boton360:hover {
    background: var(--colorPrimario);
    text-decoration: none;
}

.boton360cancelar:hover {
    background: #777;
}

.tab360-tab {
    display: none;
}

.tab360-tab.active {
    display: block;
}

.oculto {
    display: none !important;
}

.cargando360 {
    display: none;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,.4);
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid var(--colorPrimario);
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

.modal360-bodyform {
    display: flex;
    flex-direction: column;
}

.input360, .flex-form-row input[type="text"], .flex-form-row select, .flex-form-row input[type="number"] {
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 10px;
    font-family: Roboto;
    font-size: 14px;
    text-decoration: none;
}

.input360, .flex-form-col select {
    color: #333;
}

.input360:focus, .flex-form-row input[type="text"]:focus, .flex-form-row select:focus, .flex-form-row input[type="number"]:focus, .datepicker:focus {
    border-color: var(--color2) !important;
    text-decoration: none;
}

textarea.input360 {
    resize: vertical;
}

.modal360-bodyform input[type="text"], .modal360-bodyform input[type="number"] {
    margin-top: 4px;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 10px;
}

.modal360-bodyform .camponumero {
    width: 100px;
}

.modal360-bodyform input[type="button"] {
    align-self: flex-end;
    margin-top: 10px;
    border: none;
    background: var(--colorSecundario);
    border-radius: 5px;
    color: #FFF;
    padding: 6px 10px;
    cursor: pointer;
}

.grid360horario {
    table-layout: fixed;
}

.grid360horario td {
    padding: 10px;
    width: auto;
    border-left: 1px solid #EEE;
}

.grid360.grid360horario tr.HeaderGrid th:first-child, .grid360.grid360horario tr.RowGrid td:first-child, .grid360.grid360horario tr.AlternatingGrid td:first-child {
    padding: 10px 0;
    width: 120px;
    text-align: center;
    border: none;
}

.grid360.grid360horario tr.RowGrid:hover, .grid360.grid360horario tr.AlternatingGrid:hover {
    background-color: transparent;
}

.label360 {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: Roboto-Medium;
    color: var(--colorPrimario);
    padding-bottom: 5px;
    border-bottom: 2px solid var(--color4);
}
.label360mini {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: Roboto-Medium;
    font-style:italic;
    color: var(--colorPrimario);
    padding-bottom: 5px;
    /*border-bottom: 2px solid var(--color4);*/
}

.label360centrado {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: Roboto-Medium;
    color: var(--colorPrimario);
    padding-bottom: 5px;
    border-bottom: 2px solid var(--color4);
}

.boton360 {
    display: inline-flex;
    text-decoration: none;
    border: none;
    color: #FFF;
}

.label360.label360boton {
    align-items: center;
    justify-content: space-between;
}

.modal360-body .label360 {
    font-size: 14px;
    font-family: Roboto;
    border-bottom-width: 1px;
}

.pag-filtros-margin {
    margin-bottom: 10px;
}

.originalTextareaInfo {
    text-align: right;
    font-size: 12px;
    color: #888;
}

.flex1 {
    flex: 1;
}

.labelrojo {
    color: var(--colorRojo);
}

.check360 {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.check360 label {
    cursor: pointer;
    color: #222;
    user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
    padding: 0;
    padding-left: 4px;
}

.check360 input {
    margin: 0;
    margin-right: 4px;
    cursor: pointer;
}

.check360derecha label {
    padding-left: 0;
    padding-right: 4px;
}

.numericupdown360 {
    margin-bottom: 10px;
}

.numericupdown360 table tr {
    height: 25px;
}

.numericupdown360 input[type="button"] {
    border: 0 !important;
    width: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    height: 20px !important;
    background: var(--colorSecundario) !important;
    color: #FFF;
    cursor: pointer;
    border-radius: 100%;
}

.numericupdown360 input[type="button"]:hover {
    background: var(--colorPrimario) !important;
}

.numericupdown360 table tbody>tr:first-child>td:first-child {
    vertical-align: top !important;
    padding-right: 5px !important;
    line-height: 32px;
}

.margintop10 {
    margin-top: 10px !important;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.marginleft10 {
    margin-left: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.lblinfowarning {
    border-radius: 5px;
    color: #d19203;
    background: #fff2d5;
    padding: 10px;
    display: inline-flex;
}

.lblinfowarning:empty {
    display:none;
}

.dot-separator360 {
    color: #DDD;
    margin: 0 10px;
    font-size: 10px;
}



.cuadrante-nombrealumno {
    font-size: 12px;
    width: 180px;
}

.grid360.gridcuadrante  th a {
    text-decoration: none;
    color: #FFF;
    font-weight: normal;
    font-family: Roboto-Medium;
}

.input100{
    width:100%;
}

.agregarcol {
    font-size: 12px;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    border: 2px solid white;
    text-align: center;
    margin-left: 10px;
}

.NotaGridProg {
    min-height: 100%;
    min-width: 100%;
    height: 50px;
    width: 100%;
    display: block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding-top: 13px;
    font-weight: 500;
    color: #555 !important;
}

.CabeceraGirada {
    white-space: nowrap;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    /*writing-mode: tb-rl;*/
    width: 30px;
    display: inline-block;
    margin-bottom: 20px;
    _margin-bottom: 0px;
    margin-top: 200px;
}

.CabeceraGiradaBlanco5 {
    white-space: nowrap;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate( 270deg );
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    /* writing-mode: tb-rl; */
    width: 30px;
    display: inline-block;
    /* margin-bottom: -20px; */
    margin-top: 185px;
    color: white !important;
    width: 45px;
    margin-bottom: 20px;
    margin-bottom: 20px;
    line-height: 28px;
}


.CabeceraGiradaBlanco {
    white-space: nowrap;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    /*writing-mode: tb-rl;*/
    width: 30px;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 200px;
    /*color:white !important;*/
}

.grid360-container-botonflotante {
    padding-bottom: 60px;
}

span[style*="visibility:hidden;"] {
    display: none;
}

.displaynone {
    display: none;
}

.grid-separar {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.grid-separar span {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
}

.panel360 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999;
    display: none;
    background: #FFF;
    padding: 20px;
    border-radius: 5px;
    overflow: auto;
    min-height: 100%;
}

.aulavirtualcontainer {
    margin-top: 20px;
}

.aulavirtualcontainer .aluclasecontent {
    width: 120px;
    height: 120px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

.aulavirtualcontainer .aluclasecontent .imagealuclase {
    width: 70px;
    height: 70px;
    background-color: #CCC;
    border: 2px solid var(--color2);
    border-radius: 100%;
    background-size: cover;
    background-position: center center;
}

.aulavirtualcontainer .aluclasecontent .nombrealumno {
    font-size: 11px;
    margin-top: 4px;
    text-align: center;
    color: var(--colorPrimario);
}

.AulaIntegral {
    display: block;
    margin: auto;
    width: 900px;
}

ul#brainstorming li {
    margin: 1em;
    display: inline-block;
}

.nomargintop {
    margin-top: 0 !important;
}

.nomarginleft {
    margin-left: 0 !important;
}

.width100p {
    width: 100%;
}

.modal360-panel {
    display: none;
}

.modal360-panel.active {
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ayudapaginavacia {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #888;
    padding: 50px;
    padding-bottom: 40px;
}

.ayudapaginavacia .ico {
    font-size: 30px;
    margin-right: 10px;
    color: #fdcb6e;
}

.entradaprofesor {
    border-bottom: 1px solid #EEE;
    padding: 5px 10px 15px;
    display: block;
    width: calc(100% - 20px);
    margin-bottom: 5px;
    color: var(--colorPrimario);
}

.entradaprofesor input {
    margin-right: 5px;
}

.entradaprofesor label {
    cursor: pointer;
}

.masterdetail360 {
    display: flex;
    flex-flow: wrap;
}

.md-master {
    max-width: 300px;
}

.md-detail {
    flex: 1;
    margin-left: 20px;
}

/*.mdm-calendario .fc-daygrid-day-events {
    display: none;
}*/

.mdm-calendario td {
    text-align: center;
    font-size: 14px;
}

.mdm-calendario.fc .fc-daygrid-day-top {
    justify-content: center;
}

.mdm-calendario-eventos {
    padding: 10px 0;
    border-top: 1px solid #EEE;
    margin-top: 20px;
}

.tipoevento {
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 10px;
    cursor: pointer;
    border-bottom: 1px solid #EEE;
}

.tipoevento:last-of-type {
    border-bottom: 0;
}

.tipoevento:hover {
    background: #F4F4F4;
}

.tipoevento .color {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 100%;
    margin-right: 5px;
}

.tipoevento.active {
    background: var(--color3);
    border-bottom-color: var(--color2);
    color: var(--colorPrimario);
}

@media only screen and (max-width: 700px) {
    .mpre-menumini {
        display: flex;
        top: unset;
        bottom: 0;
        left: 0;
        width: 100%;
        right: 0;
        height: 60px;
        flex-direction: row;
        justify-content: space-between
    }

    .contenidopagina {
        padding-left: 0px;
        padding-bottom: 60px;
    }

    .db-calendario {
        min-width: 340px;
    }

    .leftmenulateralcontainer.opened {
        left: 0px;
        padding-bottom: 60px;
    }
}

.flatpickr-calendar.open {
    z-index: 9999999 !important;
}

.input360.datepicker {
    text-align: center;
}

.colorpicker360 {
    width: 74px;
}

.displaynone {
    display: none;
}

.grid360.gridcuadrante tr.califPorcentajes td.califPorcentaje {
    font-size: 11px;
    color: #000;
    text-align: center;
}

.grid360.gridcuadrante tr.califPorcentajes {
    position: sticky;
    top: 60px;
}

.grid360.gridcuadrante th .califFecha {
    font-size: 8pt;
    color: #333;
}


.grid360.gridcuadrante a.NotaGridProg.califConComentario {
    /*text-decoration: underline;*/
    position: relative;
}

.grid360.gridcuadrante a.NotaGridProg.califConComentario:after {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 500;
    font-size: 11px;
    position: absolute;
    right: -4px;
    top: 10px;
    color: var(--colorPrimario);
}

.grid360.gridcuadrante thead th a div.califNota {
    color: #000;
}

.calif-color-oscuro-1, .calif-color-oscuro-2, .calif-color-oscuro-3, .calif-color-oscuro-4 {
}

.calif-color-claro-1, .calif-color-claro-2, .calif-color-claro-3, .calif-color-claro-4 {
}

.calif-color-oscuro-1 {
    background-color: #22a6b3;
}

.calif-color-claro-1 {
    background-color: #7ed6df;
}

.calif-color-oscuro-2 {
    background-color: #f0932b;
}

.calif-color-claro-2 {
    background-color: #ffbe76;
}

.calif-color-oscuro-3 {
    background-color: #6ab04c;
}

.calif-color-claro-3 {
    background-color: #badc58;
}

.calif-color-oscuro-4 {
    background-color: #eb4d4b;
}

.calif-color-claro-4 {
    background-color: #ff7979;
}

.grid360.gridcuadrante th a {
    text-decoration: none;
    font-weight: normal;
    font-family: Roboto-Medium;
}

.gridcuadrante .titulo{
    max-width:52px;
}

.gridcuadrante .actividad{
    max-width:35px;
}

.agregarcol {
    font-size: 12px;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    border: 2px solid white;
    text-align: center;
    margin-left: 10px;
    color: #FFF;
}

.NotaGridProg {
    min-height: 100%;
    min-width: 100%;
    height: 50px;
    width: 100%;
    display: block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding-top: 13px;
    font-weight: 500;
    color: #555 !important;
}

.CabeceraGirada {
    white-space: nowrap;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    width: 30px;
    display: inline-block;
    margin-bottom: 20px;
    _margin-bottom: 0px;
    margin-top: 200px;
}

.CabeceraGiradaBlanco5 {
    white-space: nowrap;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate( 270deg );
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    width: 30px;
    display: inline-block;
    margin-top: 185px;
    width: 45px;
    margin-bottom: 20px;
    color: #000;
    margin-bottom: 20px;
    line-height: 28px;
}


.CabeceraGiradaBlanco {
    white-space: nowrap;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    width: 30px;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 200px;
}


.ebard360{
    font-size: 17pt;
}

.ebard360sub{
    font-size:8pt;
    line-height:14px;
}

.boton360i {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 6px;
    height: 39px;
}

.boton360i .texto {
    font-size: 11px;
    margin-top: 2px;
}

.boton360i .icono {
    font-size: 17px;
}

.eventotitulo {
    font-size: 18px;
    margin-bottom: 8px;
}

.eventodescripcion {
    font-size: 14px;
    color: #444;
}

.lblinfo {
    color: #666;
    font-style: italic;
}

.mpre-menumini .mpre-tcoption.linkazul {
    color: var(--color3);
}

.mpre-menumini .mpre-tcoption.linksigueme {
    color: #8dd1b4;
}

.mpre-menumini .mpre-tcoption.linkamarillo {
    color: #fce8a0;
}

.mpre-menumini .mpre-tcoption.linkverde {
    color: #6ab04c;
}

.mpre-menumini .mpre-tcoption.linkrojo {
    color: #fabcba;
}

.mpre-menumini .mpre-tcoption.linknaranja {
    color: #f8cfa2;
}

.mpre-menumini .mpre-tcoption.linkmorado {
    color: #eec8f6;
}

.tablainformes td {
    padding: 0 !important;
}

.tablainformes {
    margin: 10px 0;
    width: 100%;
}

.tablainformes .resaltartexto {
    font-family: Roboto-Medium;
}

.labelgridtitulo {
    color: var(--colorPrimario);
    margin-top: 10px;
}

.inputcenter {
    text-align: center;
}

.dataTables_empty {
    padding: 20px;
    color: #666;
    font-style: italic;
    display: block;
}

.boton360iconocirculo {
    display: flex;
    flex-direction: column;
    background: transparent;
    color: var(--colorSecundario);
    align-items: center;
    margin-right: 0px;
    padding: 6px;
}

.boton360iconocirculo:last-of-type {
    padding-right: 0px;
}

.boton360iconocirculo:hover {
    background: transparent;
}

.boton360iconocirculo .icono {
    display: inline-flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--colorSecundario);
    border-radius: 100%;
    margin: 0 5px;
    font-size: 18px;
    background: var(--colorSecundario);
    color: #FFF;
}

.boton360iconocirculo-min .icono {
    width: 30px;
    height: 30px;
    font-size: 14px;
}

.boton360iconocirculo.boton360cancelar, .boton360iconocirculo.boton360cancelar:hover {
    background: transparent;
}

.boton360iconocirculo:hover .icono {
    color: var(--color4);
    background-color: var(--colorPrimario);
    border-color: var(--colorPrimario);
}

.boton360iconocirculo.boton360cancelar .icono {
    color: #FFF;
    background-color: #999;
    border-color: #999;
}

.boton360iconocirculo.boton360cancelar:hover .icono {
    background-color: #888;
    border-color: #888;
}

.boton360iconocirculo .texto {
    margin-top: 3px;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
}

.boton360iconocirculo.boton360cancelar .texto {
    color: #999;
}

.boton360iconocirculo-rojo:hover .icono {
    color: var(--colorRojoClaro2);
    border-color: var(--colorRojo);
    background-color: var(--colorRojo);
}

.boton360iconocirculo-rojo:hover .texto {
    color: var(--colorRojo);
}

.icono.far.fa-paper-plane {
    padding-right: 4px;
}

.pag-botones {
    display: flex;
    align-items: center;
}

.labelinfo360 {
    display: flex;
    font-family: Roboto;
    font-style: italic;
    font-size: 14px;
    color: #888;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 10px;
}

.input360-min {
    width: 50px;
    text-align: center;
}

.input360-med {
    width: 80px;
    text-align: center;
}

.input360-big {
    width: 100%;
    text-align: left;
}

.cuadrantetipo {
    padding: 2px 4px;
    display: inline-flex;
    width: 100%;
    background: var(--color4);
}

.enlacedb {
    text-decoration: none;
    color: #222;
}

.me-titulo {
    font-size: 18px;
}

.me-fecha {
    font-size: 12px;
    color: #888;
}

.me-mensaje {
    color: #333;
}

.me-destinatario {
    color: var(--color1);
}

.tablalistados td {
    padding: 5px;
    font-size: 14px;
}

.accordion360.accordion360-header {
    display: flex;
    align-items: center;
    height: 40px;
    background: var(--color4);
    color: var(--colorPrimario);
    padding: 0 10px;
    margin: 5px 0;
    border-radius: 2px;
    cursor: pointer;
}

.accordion360.accordion360-header .icono {
    margin-right: 5px;
}

.plan-md-boton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 5px 0 10px;
    text-decoration: none;
    margin-bottom: 10px;
    border-radius: 5px;
    background: var(--color5);
    width: 300px;
}

.plan-md-botontitulo {
    background: #FFF;
    border-bottom: 2px solid var(--color3);
    border-radius: 0px;
}

.plan-md-boton a {
    text-decoration: none;
}

.plan-md-boton-titulo {
    display: flex;
    align-items: center;
}

.plan-md-boton-titulo .icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-right: 10px;
    background-color: var(--color3);
}

.rbalineado {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-right: 10px;
}

.rbalineado:last-of-type {
    margin-right: 0px;
}

.rbalineado input{
    margin: 0;
    margin-right: 3px;
    margin-left: 5px;
}

.tablacriteriolomce {
    border-collapse: separate;

    background: var(--color4);
}

.tablacriteriolomce th, .tablacriteriolomce td {
    padding: 10px;
    background: #FFF;
    font-size: 14px;
}

.tablacriteriolomce .cabeceracriterio {
    text-align: left;
    font-weight: normal;
    background: var(--color4);
    color: var(--colorPrimarioOscuro);
}

.tablacriteriolomce .cabeceracriterio h3, .tablacriteriolomce .items .item h3 {
    font-weight: normal;
    font-family: Roboto-Medium;
    margin: 0 0 5px 0;
    font-size: 16px;
    color: var(--colorPrimarioOscuro);
}

.dataTables_paginate .pagination {
    display: flex;
    padding-left: 0px;
    justify-content: flex-end;
}

.dataTables_paginate .pagination li {
    list-style-type: none;
    background: var(--color1);
    padding: 4px 8px;
    border-radius: 3px;
}

.dataTables_paginate .pagination li a {
    text-decoration: none;
    color: #FFF;
}

.dataTables_paginate .pagination li:first-of-type, .paginate_button:not(:last-of-type) {
    margin-right: 20px;
}

.form-control.input-sm {
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 6px;
    margin-bottom: 10px;
    margin-left: 4px;
    width: 200px;
}

.form-control.input-sm:focus {
    border-color: var(--color2);
}

.imagechart360 {
    object-position: 0 -11px;
}

.floatleft {
    float: left;
}

.jconfirm-buttons {
    display: block;
    width: 100%;
    text-align: right;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    font-family: 'Roboto-Medium';
    font-variant: small-caps;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
}

.textbox-editado {
     color: #3987b5!important; 
     background-color: #c4dce7!important;
}

.textbox-editado:hover {
    background-color: #dfecf5!important; 
}

.group {
    display: inline-block;
   margin-right: 10px;
   float:left;
}

.group.label {
    display: block;
}
.btnpdf {
    float: right;
    margin-top: -23px;
    margin-right: 20px;
    color: #FFF;
    background: #2d6a8e;
    border-radius: 3px;
    padding: 4px 8px;
    font-weight: bold;
    cursor: pointer;
}
.foto-perfil
{
    background-image: url('/../../themes/360/src/user.svg')
}

.user-avisos-menu {
    display: none;
    position: absolute ;
    top: 50px;
    right: 8px;
    flex-direction: column;
    align-items: center;
    width: 250px;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #ddd;
    border: 1px solid var(--color3);
  /*  padding: 20px 0;*/
}

.user-avisos-menu.opened {
    display: flex;
}

.user-avisos-menu a {
    display: block;
    padding: 10px;
    width: 100%;
    color: var(--colorPrimario);
    text-decoration: none;
}
.user-avisos-menu>div
{
    width:100%;
}
.user-avisos-menu a span {
    margin-right: 10px;
    font-size: 12px;
   /* border: 1px solid var(--color3);
    border-radius: 100%;
    display: inline-flex;*/
    justify-content: center;
    align-items: center;
  /*  width: 24px;
    height: 24px;*/
}

.user-avisos-menu a:hover {
    background: var(--color5);
}

.up-name {
    color: var(--color5);
    font-size: 12px;
    margin: 0 10px;
}

.user-avisos-menu .up-name {
    color: #444;
    word-break: break-all;
    margin: 0;
}

.user-avisos-menu .up-detail {
    margin: 0;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEE;
    width: calc(100% - 20px);
}
.lnkavisos
{
position:relative ;
}
.TodosAvisos
{
    font-size:12px;
    text-align:center;
    background-color:#6baad0;
   
    height:35px;
        
}
 .TodosAvisos a
    {
      color:#FFF !important;
    }
    .TodosAvisos a:hover
    {
         font-size:12px;
        text-align:center;
        background-color:#6baad0;  
        height:35px;
    }

.btnExcursionSi {
    background-color: green;
    color: white !important;
    border-radius: 5px;
    margin-right: 15px;
    padding: 10px;
}

.btnExcursionNo {
    background-color: red;
    color: white !important;
    border-radius: 5px;
    margin-right: 15px;
    padding:10px;
}

/* SELECCION DE MODALIDADES */

.modOpt_AsigLabel {
    font-size: 24px;
}

.modOpt_NumAsigLabel {
    font-size: 18px;
}

.modOpt_error {
    margin-left: 25%;
    width: 50%;
    text-align: center;
}

.modOpt_asig {
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #333;
    transition: all .2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,.08);
}

    .modOpt_asig:hover {
        text-decoration: none;
        color: #222;
        border-color: #3b82f6;
        box-shadow: 0 5px 15px rgba(0,0,0,.15);
        transform: translateY(-2px);
    }

.modOpt_asig_titulo {
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
}

    .modOpt_asig_titulo .h3 {
        font-size: 20px;
        font-weight: 600;
    }

.modOpt_asig_alumnos {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 6px;
}

    .modOpt_asig_alumnos div {
        padding: 0;
        width: auto;
    }

.modOpt_img_libre {
    width: 32px;
    height: 32px;
    opacity: .8;
}

.modOpt_img_yo_cola {
    width: 100%;
    display: block;
    border: 5px solid red;
}

.modOpt_img_ocupado, .modOpt_img_libre, .modOpt_img_yo, .modOpt_img_yo_cola {
    height: 70px;
    width: 70px;
}

.modOpt_img_ocupado, .modOpt_img_libre, .modOpt_img_yo {
    border: 3px solid gray;
}

.modOpt_enCola {
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);

    background: rgba(255, 255, 255, 0.8);
    padding: 2px 4px;
    border-radius: 3px;

    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    color:red ;
}

.modOpt_Concedido {
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    color: green;
}

.modOpt_modalidad {
    margin-bottom: 0px !important;
}