/*\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
// © 2020 School iBox //\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//
//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//*/
:root {
  --primary: #272262;
  --secondary: #dcc695;
}
body {
/*	background-image: url('../../assets/images/bg/bg-2.png?updtd=202004') !important;*/
}
/*a.navbar-item {
	color:#ddd !important;
	font-size:0.8em;
	text-transform:uppercase;
}
a.navbar-item.is-subnav:hover {
	color:#0a0a0a !important;
}
a.navbar-item.is-subnav.is-active {
	color:#84c3fc !important;
}

.button.primary-btn.btn-outlined {
	border-color:#fff !important;
	color:#fff !important;
}
.button.primary-btn.btn-outlined:hover {
	background-color:#047ef6 !important;
	color:#fff !important;|
}
.dashboard-wrapper {
	padding: 20px 20px 0 20px !important;
}
.flex-card.auth-card .auth-card-header.header-primary{
	background-color:#FFF !important;
	color:#fff;box-shadow:0 14px 26px -12px rgba(0,209,178,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,209,178,0.2) !important}.flex-card.auth-card .auth-card-header.header-secondary{background-color:#7F00FF;color:#fff;box-shadow:0 14px 26px -12px rgba(127,0,255,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(127,0,255,0.2) !important}.flex-card.auth-card .auth-card-header.header-accent{background-color:#536dfe;color:#fff;box-shadow:0 14px 26px -12px rgba(83,109,254,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(83,109,254,0.2) !important}.flex-card.auth-card .auth-card-header{height:5rem;width:100%;position:relative;top:-2.5rem;left:auto !important;right:auto !important;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center}.flex-card.auth-card .auth-card-header img{max-height:30px}.flex-card.auth-card .auth-card-header.header-primary{background-color:#00D1B2;color:#fff;box-shadow:0 14px 26px -12px rgba(0,209,178,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,209,178,0.2) !important}.flex-card.auth-card .auth-card-header.header-secondary{background-color:#7F00FF;color:#fff;box-shadow:0 14px 26px -12px rgba(127,0,255,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(127,0,255,0.2) !important}.flex-card.auth-card .auth-card-header.header-accent{background-color:#536dfe;color:#fff;box-shadow:0 14px 26px -12px rgba(83,109,254,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(83,109,254,0.2) !important
}*/
.dashboard-wrapper .flex-card .icon-header i.primary,
.dashboard-wrapper .flex-card .material-header.is-primary {
    box-shadow: 0 14px 16px -12px rgba(246,146,30,0.5),0 4px 23px 0px rgba(200,200,200,1),0 8px 10px -5px rgba(232,255,140,0.7) !important;
}
/*\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
// L O G I N \//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\////\\//\\//\\//\\
//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//*/
.flex-card.auth-card .auth-card-header.header-primary {
	background-color: #fff;
}
.flex-card.auth-card .button.primary-btn.btn-outlined {
    border-color: #fff !important;
    color: #fff !important;
}
.forgot:hover,
.return:hover {
	color: #e00 !important;
}
.login-form-wrapper .flex-card.auth-card .auth-card-header {
	margin: 0px !important;
}
.login-form-wrapper .flex-card.auth-card .auth-card-header img {
    max-height: 70px !important;
}
/*\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
// M E N U /\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\////\\//\\//\\//\\
//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//*/
.child-menu {
	background-color: #272262 !important;
}
.child-menu li.have-children.active {
    background-color: #dcc695 !important;
}
.child-menu li.have-children ul li a:hover,
.child-menu li.have-children ul li.is-active a {
    background-color: #003869 !important;
    color: #fff;
}
.child-menu li.have-children ul li a {
    background-color: #eee !important;
    color: #272262;
}
.child-menu .sidebar-menu li a:hover {
    background-color: #dcc695 !important;
}
.has-background-info {
    background-color: #272262 !important;
}
/*----------------------------------------------------------------------------*/
#login-form .button,
.button.is-primary,
.button.primary-btn,
.icon-action-modal .modal-footer button {
    background-color: var(--primary) !important;
}
nav.dashboard-nav .navbar-item .new-circle {
    background-color: #dcc695;
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
    background-color: #e2e2e2 !important;
    border-color: transparent;
    box-shadow: none;
}
.button.is-info {
    color: #fff !important;
}
.button.is-info.is-inverted {
    color: var(--primary) !important;
}
.button.is-link.is-outlined {
    background-color: transparent !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}
.button.is-white {
    background-color: #fff !important;
    border-color: transparent !important;
    color: #0a0a0a !important;
}
.button.primary-btn {
    border: 0px !important;
}
.button.primary-btn.btn-outlined {
    border-color: #222 !important;
    color: #222 !important;
    background-color: transparent;
}
.button.secondary-btn {
    border-color: #272262 !important;
    background-color: #272262 !important;
}
.card-title.is-tile .card-stat.primary {
    color: #dcc695 !important;
}
.control button {
    color: #272262 !important;
}
.control-material.is-secondary input.material-input:focus ~ label,
.control-material.is-secondary input:valid ~ label,
.control-material.is-secondary textarea:focus ~ label {
    color: #272262;
}
.fab.is-active .fab__ripple {
    background-color: #272262;
}
.flex-card .icon-header i.primary {
    background-color: #dcc695 !important;
}
.flex-card .icon-header i.secondary {
    background-color: #272262 !important;
}
.flex-card .material-header.is-primary {
    background-color: #dcc695 !important;
}
.has-event {
    background-color: #272262 !important;
}
.invite-user-modal .modal-footer button.modal-dismiss,
.icon-action-modal .modal-footer button.modal-dismiss {
	color: #ffb700;
     /*color: #f29400;*/
}
.iziToast-buttons-child.revealIn {
	border: 1px solid #fff !important;
}
.letra {
    color: #fff !important;
}
.levelA {
	background-color:#f0f0f0 !important;
}
.main-menu .main-menu-inner .profile .dot {
    background: #dcc695;
}
.main-menu .main-menu-inner .side-icon.is-active i {
    color: #dcc695 !important;
}
.modal {
    justify-content: flex-start !important;
}
.modal.is-active .modal-background {
	background: #272262 !important;
	opacity:0.3 !important;
}
.note-toolbar button {
	background-color: #eee;
}
.pageloader {
    background: #333 !important;
	opacity:0.3 !important;
}
.pagination li.active {
    background: #272262 !important;
}
.profile-container .cover-overlay {
    background: #fff !important;
    border-bottom: 2px solid #272262;
}
.profile-heading .light-text {
    color: #dcc695 !important;
}
.profile-heading .stat-key,
.profile-heading .stat-val {
    color: #272262 !important;
}
.profile-container .profile-sections-wrapper #profile-view .info-item .info-description.highlighted {
    color: #272262;
}
.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #272262;
}
.switch[type="checkbox"].is-primary:checked + label::before {
    background: #272262;
}
.switch[type="checkbox"].is-primary:checked:hover + label::before {
    background: #dcc695;
}
.tabs li.is-active a {
    color: #272262 !important;
}
.tag.is-info {
    background-color: var(--primary) !important;
}
.team {
    background-color: var(--secondary) !important;
}
/*\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
// E V A L U A R   S E S I Ó N /\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//
//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//*/
#evaluar-sesion-modal .insignia {
	border: 2px solid #fff;
}
#evaluar-sesion-modal .insignia,
#evaluar-sesion-modal .insignia-selected {
	border-radius: 50px;
	cursor: pointer;
	width: 100px;
}
#evaluar-sesion-modal .insignia-selected {
	background-color: #eee;
	border: 2px solid #aaa;
}
#evaluar-sesion-modal .flex-card,
#evaluar-sesion-modal .modal-content {
    overflow: visible !important;
	width: 700px;
}