.navbar ul li .dropdown-menu {
    background-color: #242c4f !important;
}
.navbar ul li .dropdown-menu > li > a {
    background-color: #242c4f
}
.navbar ul li .dropdown-menu > li > a:hover, .navbar ul li .dropdown-menu li a:hover, .navbar ul li .dropdown-menu > li > a:focus, .navbar ul li .dropdown-menu li a:focus {
    background-color: #14182c;
}

.text-right{
    text-align: right;
}

.accordion-button.no-button{
    display: block;
}

.btn-delete.close {
    color: #e65150;
    transition: 0.4s;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
}

.btn-delete.close:hover {
    color: #c64140;
    transition: 0.4s;
}

.home-card-icon-container{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height:120px;
    background-color: #242c4f;
    padding: 15px;
    text-decoration: none;
    border-radius: 6px;
}

.home-card-icon-container:hover {
    opacity: 0.9;
}
.home-card-icon-container-text {
    color: white;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home-card-icon{
    color:white;
    font-size: 90px;
}

.btn-collapse.collapsed .hide{
    display:none;
}

.btn-collapse:not(.collapsed) .show{
    display:none;
}

.bootstrap-select {
    border: solid 1px !important;
    border-color: lightgray !important;
}

.bootstrap-select .dropdown-toggle{
    background-color: transparent !important;
}

.text-center nav {
    display: flex;
    justify-content: center;
}

.sidebar {
    background-color: transparent;
}

.sidebar .nav-link {
    background-color: transparent;
    color: white !important;
    border: 1px solid transparent;
    text-decoration: none;
}

.sidebar .nav-link:hover {
    background-color: transparent;
    border: 1px solid white;
}

.sidebar .nav-link.active {
    border: 1px solid white;
    background-color: transparent;
}

.sidebar .nav-link.active + ul {
    color: black !important;
    border: 1px solid white;
    padding: 5px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.sidebar .nav-link.active.dropdown-toggle {
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: transparent !important;
}

.nav-item.sidebar{
    padding-bottom: 5px;
    padding-top: 5px;
}

.bg-area-lengua {
    background-color: #a8b32c !important;
}

.color-area-lengua {
    color: #a8b32c;
}

.color-area-lengua * {
    font-weight: bold;
}

.border-area-lengua {
    border-color: #a8b32c;
}

.bg-light-area-lengua  {
    background-color: #E8E6F4;
}

connection.b.r .i.bg-connection-area-lengua, connection.t.l .i.bg-connection-area-lengua {
    background: linear-gradient(to top left, rgba(0, 0, 0, 0) calc(50% - 2px), #a8b32c calc(50%), rgba(0, 0, 0, 0) calc(50% + 2px));
    z-index: 0;
}

connection.t.r .i.bg-connection-area-lengua, connection.b.l .i.bg-connection-area-lengua {
    background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) calc(50% - 2px), #a8b32c calc(50%), rgba(0, 0, 0, 0) calc(50% + 2px));
    z-index: 0;
}

.match-bg-light-area-lengua:checked{
    background-color: #E8E6F4;
}

.bg-area-matematica {
    background-color: #326c94 !important;
}

.color-area-matematica {
    color: #326c94;
}

.color-area-matematica * {
    font-weight: bold;
}

.border-area-matematica {
    border-color: #326c94;
}

.border-area-matematica:checked {
    border-color: #326c94;
}

.bg-light-area-matematica {
    background-color: #F7BFD9;
}

connection.b.r .i.bg-connection-area-matematica, connection.t.l .i.bg-connection-area-matematica {
    background: linear-gradient(to top left, rgba(0, 0, 0, 0) calc(50% - 2px), #326c94 calc(50%), rgba(0, 0, 0, 0) calc(50% + 2px));
    z-index: 0;
}

connection.t.r .i.bg-connection-area-matematica, connection.b.l .i.bg-connection-area-matematica {
    background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) calc(50% - 2px), #326c94 calc(50%), rgba(0, 0, 0, 0) calc(50% + 2px));
    z-index: 0;
}

.match-bg-light-area-matematica:checked{
    background-color: #F7BFD9;
}

.bg-light-area-matematica img,
.bg-light-area-matematica video {
    border: 1px solid #326c94;
    border-radius: 6px;
    background-color: white;
    padding: 10px;
}

.border-area-matematica {
    border: 1px solid #326c94;
}

.bg-area-ciencias-naturales {
    background-color: #d4712b !important;
}

.bg-light-area-ciencias-naturales {
    background-color: #B2DCDB;
}

connection.b.r .i.bg-connection-area-ciencias-naturales, connection.t.l .i.bg-connection-area-ciencias-naturales {
    background: linear-gradient(to top left, rgba(0, 0, 0, 0) calc(50% - 2px), #d4712b calc(50%), rgba(0, 0, 0, 0) calc(50% + 2px));
    z-index: 0;
}

connection.t.r .i.bg-connection-area-ciencias-naturales, connection.b.l .i.bg-connection-area-ciencias-naturales {
    background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) calc(50% - 2px), #d4712b calc(50%), rgba(0, 0, 0, 0) calc(50% + 2px));
    z-index: 0;
}

.match-bg-light-area-ciencias-naturales:checked{
    background-color: #B2DCDB;
}

.color-area-ciencias-naturales {
    color: #d4712b;
}

.color-area-ciencias-naturales * {
    font-weight: bold;
}

.border-area-ciencias-naturales {
    border-color: #d4712b;
}

.match-bg-light-area-ciencias-naturales:checked{
    background-color: #B2DCDB;
}

.bg-area-ciencias-sociales {
    background-color: #e02138 !important;
}

.bg-light-area-ciencias-sociales {
    background-color: #FBCC98;
}

connection.b.r .i.bg-connection-area-ciencias-sociales, connection.t.l .i.bg-connection-area-ciencias-sociales {
    background: linear-gradient(to top left, rgba(0, 0, 0, 0) calc(50% - 2px), #e02138 calc(50%), rgba(0, 0, 0, 0) calc(50% + 2px));
    z-index: 0;
}

connection.t.r .i.bg-connection-area-ciencias-sociales, connection.b.l .i.bg-connection-area-ciencias-sociales {
    background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) calc(50% - 2px), #e02138 calc(50%), rgba(0, 0, 0, 0) calc(50% + 2px));
    z-index: 0;
}

.color-area-ciencias-sociales {
    color: #e02138;
}

.color-area-ciencias-sociales * {
    font-weight: bold;
}

.border-area-ciencias-sociales {
    border-color: #e02138;
}

.bootstrap-select .btn.dropdown-toggle {
    margin-bottom: 0px;
    border: none !important;
}

.frontend-home-card-icon-container{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height:120px;
    background-color: #242c4f;
    padding: 15px;
    text-decoration: none;
    border-radius: 6px;
}

.frontend-home-card-icon-container-text {
    color: black;
    text-overflow: ellipsis;
    overflow: hidden;
}

.frontend-home-card-icon{
    color:white;
    font-size: 90px;
}

.preconsigna {
    font-style: italic;
    color: black;
    font-weight: 400 !important;
}

p.preconsigna {
    font-style: italic;
    color: black;
    font-weight: 400;
}

p.survey-section {
    padding-left: 5px;
    font-weight: bold;
    background-color: #dbeef3;
}

.bootstrap-select .dropdown-toggle.bs-placeholder:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle.bs-placeholder {
    border-radius: 10px !important;
    outline-width: 0px !important;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.2);
}

.btn-volver {
    background-color: #8f9fba;
}

.btn-volver:hover {
    background-color: #a0aec0 !important;
}