html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background: white !important;
    margin: 0;
    padding: 0;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-size: 1em;
    color: #666;
    height: 100%;
}

.bodycontainer {
    position: relative;
    min-height: 100%;
}

#contenido {
    background: #fff;
    margin: 1em 15vw;
    padding: 0 1vw 4vw 1vw;
    font-size: 1em;
    min-height: 100%;
}

a {
    color: #4e6570;
}

a:hover, a:active, a:focus {
    color: #384850;
}

/* ENCABEZADO */

.encabezado {
    background: #384850;
    padding: 0 15vw;
}

.encabezado h1 a {
    color: #c5cacd;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 300;
    letter-spacing: -0.05em;
}

.encabezado h1 a:hover {
    color: white;
    text-decoration: none;
}

.encabezado h2 {
    color: #c5cacd;
    font-size: 2em;
    font-weight: 300;
    letter-spacing: -2px;
    margin: 10px 10px 10px 0px;
}

.encabezado h2:hover {
    color: white;
}

.encabezado h2 .entorno {
    color: #a94442;
}

.encabezado-titulo {
    color: #c5cacd;
    font-size: 0.9em;
}

.encabezado-titulo a {
    color: #c5cacd;
    text-decoration: none;
}

.encabezado-titulo select {
    color: #4e6570;
    background-color: #e6e6e6;
}

select#perfil_seleccionado {
    display: inline;
    width: auto;
    height: auto;
    padding: .175em .75em .175em .35em;
    font-size: 16px;
}

.encabezado-content label {
    color: #c5cacd !important;
    font-weight: 700 !important;
}

.encabezado-titulo {
    display: flex;
}

.ucastyle-uca-titulo {
    padding-top: 1em;
    flex: 1 1 fit-content;
    padding: 0 1em;
}

.ucastyle-auth {
    padding: 1em 0;
    flex: 0 1 fit-content;
    text-align: right;
}

#menu-navegacion .navbar {
    padding: 0;
}

#menu-navegacion .nav {
    padding: 0 15vw;
}

.form-check-input {
    list-style-type: none;
    position: relative !important;
}

.selector {
    max-width: 100%;
}

.selector-available, .selector-chosen {
    width: 20em !important;

}

.selector-chosen > h2, .selector-available > h2 {
    font-size: 16px;
}

#navegacion-container {
    position: sticky;
    top: 0;
    z-index: 1040;
}

#menu-navegacion #navegacion {
    background: #384850 !important;
    font-size: 1.1em;
    width: 100%;
}

#menu-navegacion #navegacion ul {
    margin-top: 1em;
    margin-bottom: 0em;
}

#menu-navegacion #navegacion ul li {
    height: 2em;
    margin-bottom: 0.9em;
}

#menu-navegacion #navegacion ul li a {
    text-decoration: none !important;
    color: #c5cacd;
    font-weight: normal;
    display: inline-block;
}

#menu-navegacion #navegacion ul li a.active {
    font-weight: bold;
    color: white !important;
    border-top: 0.3em solid #c5cacd;
    margin-top: -0.3em;
}

#menu-navegacion #navegacion ul li a:hover {
    color: white !important;
    border-top: 0.3em solid #c5cacd;
    margin-top: -0.3em;
}

#menu-navegacion .navbar {
    min-height: 3em !important;
}

#menu-navegacion #navbar-default-1 {
    background-color: #5e727c;
}


/* SUBMENU NAVEGACIÓN */

#menu-navegacion #subnavegacion {
    background: #5e727c !important;
    font-size: 1.1em;
}

#menu-navegacion #subnavegacion ul li {
    height: 2.1em;
}

#menu-navegacion #subnavegacion ul li a {
    text-decoration: none !important;
    color: #c5cacd;
    font-weight: normal;
    margin-top: 0.2em;
    padding-top: 0.2em;
}

#menu-navegacion #subnavegacion ul li a.active {
    font-weight: bold;
    color: white !important;
    border-top: 0.2em solid #c5cacd;
    margin-top: 0;
}

#menu-navegacion #subnavegacion ul li a:hover {
    color: white !important;
    border-top: 0.2em solid #c5cacd;
    margin-top: 0 !important;
}

/* SUBSUBNAVEGACIÓN */

#menu-navegacion #subsubnavegacion {
    background: #657b85 !important;
}

#menu-navegacion #subsubnavegacion ul li {
    height: 1.9em;
}

#menu-navegacion #subsubnavegacion ul li a {
    text-decoration: none !important;
    color: #c5cacd;
    font-weight: normal;
    font-size: 0.9em;
    padding: 0.3em 1em;
}

#menu-navegacion #subsubnavegacion ul li a.active {
    font-weight: bold;
    color: white !important;
}

#menu-navegacion #subsubnavegacion ul li a:hover {
    color: white !important;
}

/* BREADCRUMB */

ol.breadcrumb {
    font-size: 0.8em;
    padding: 0.4em 0.9em;
    margin: 0 15vw;
}

ol.breadcrumb li a {
    color: #384850;
}

/* PIE */

#pie {
    background: #344850 !important;
    text-align: center;
    min-height: 2.3em;
    position: absolute;
    bottom: 0;
    width: 100%;
    clear: both;
}

#copyright {
    padding: 0.5em 0;
    background: #4e6570;
    color: #cccccc;
    font-size: 1em;
}


/* Otros */

.list-group-item.active {
    background-color: #384850;
    border-color: #384850;
}

.list-group-item {
    padding: .75vw .65vw;
}

.top-buttons {
    margin-bottom: 0.5vw;
    padding-right: 0;
    text-align: right;
    width: 100%;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #384850;
}

.pagination > li > a, .pagination > li > span {
    color: #384850;
}

.input-fake {
    color: #485E67;
    padding: 0.2vw 0;
    display: block;
    margin-bottom: 0.5vw;
    font-weight: bold;
    min-width: 25vw;
}

/* botones */


.btn-primary, .pagination > .active > a, .dt-button, .panel-primary > .panel-heading, .bg-primary, .badge-primary {
    color: #fff !important;
    background-color: #384850 !important;
    border-color: #4e6570 !important;
    text-decoration: none !important;
}

.btn-outline-primary {
    color: #384850 !important;
    background-color: #fff !important;
    border-color: #384850 !important;
    text-decoration: none !important;
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
    color: #384850 !important;
    background-color: #e3e3e3 !important;
    border-color: #384850 !important;
    text-decoration: none !important;
}

.text-primary {
    color: #2c5887 !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #fff;
    background-color: #4f6977 !important;
    border-color: #4e6570 !important;
    text-decoration: none;
}

.btn-info, .panel-info > .panel-heading, .bg-info, .badge-info {
    color: #fff;
    background-color: #7ba2b7 !important;
    border-color: #688b9e;
    text-decoration: none;
}

.btn-info:hover, .btn-info:active, .btn-info:focus {
    color: #fff !important;
    background-color: #688b9e !important;
    border-color: #688b9e !important;
    text-decoration: none;
}

.btn-outline-info {
    color: #7ba2b7 !important;
    background-color: #fff !important;
    border-color: #7ba2b7 !important;
    text-decoration: none !important;
}

.btn-outline-info:hover, .btn-outline-info:active, .btn-outline-info:focus {
    color: #7ba2b7 !important;
    background-color: #e3e3e3 !important;
    border-color: #7ba2b7 !important;
    text-decoration: none !important;
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #96adba !important;
    border-color: #889ca8;
}

.btn-warning, .panel-warning > .panel-heading, .bg-warning, .badge-warning {
    color: #fff;
    background-color: #c99e10 !important;
    border-color: #aa8511;
    text-decoration: none;
}

.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
    color: #fff !important;
    background-color: #aa8511 !important;
    border-color: #aa8511 !important;
    text-decoration: none;
}

.btn-outline-warning {
    color: #c99e10 !important;
    background-color: #fff !important;
    border-color: #c99e10 !important;
    text-decoration: none !important;
}

.btn-outline-warning:hover, .btn-outline-warning:active, .btn-outline-warning:focus {
    color: #c99e10 !important;
    background-color: #e3e3e3 !important;
    border-color: #c99e10 !important;
    text-decoration: none !important;
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #a8955a !important;
    border-color: #a8955a;
}

.btn-danger, .panel-danger > .panel-heading, .bg-danger, .badge-danger {
    background-color: #a94442 !important;
    border-color: #993d3b;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    background-color: #993d3b !important;
}

.btn-outline-danger {
    color: #a94442 !important;
    background-color: #fff !important;
    border-color: #a94442 !important;
    text-decoration: none !important;
}

.btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger:focus {
    color: #a94442 !important;
    background-color: #e3e3e3 !important;
    border-color: #a94442 !important;
    text-decoration: none !important;
}

.btn-success, .panel-success > .panel-heading, .bg-success {
    color: #fff;
    background-color: #6baf6b !important;
    border-color: #609e60;
    text-decoration: none;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
    color: #fff;
    background-color: #609e60 !important;
    border-color: #609e60 !important;
    text-decoration: none;
}

.btn-outline-success {
    color: #6baf6b !important;
    background-color: #fff !important;
    border-color: #6baf6b !important;
    text-decoration: none !important;
}

.btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus {
    color: #6baf6b !important;
    background-color: #e3e3e3 !important;
    border-color: #6baf6b !important;
    text-decoration: none !important;
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #9dc99d !important;
    border-color: #91ba91;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .15rem .5rem;
    font-size: .675rem;
    line-height: 1.5;
    border-radius: .2rem;
}

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

.btn-link {
    color: #4e6570;
}

:root {
    --primary: #384850 !important;
    --success: #6baf6b !important;
    --info: #96adba !important;
    --warning: #c99e10 !important;
    --danger: #a94442 !important;
    --header-link-color: white !important;
    --darkened-bg: #f8f8f8 !important;
    --border-color: gray !important;
}

#btn-back-to-top {
    position: fixed;
    bottom: 90px;
    right: 20px;
    display: none;
    border-radius: 50%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    z-index: 90000;
}

::-webkit-scrollbar {
    border-radius: 0.4em;
    width: 0.65em;
    background-color: #eeeeee;
    border: 1px solid rgba(197, 202, 205, 0.8);
}

::-webkit-scrollbar-thumb {
    border-radius: 0.4em;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #4f7488;
}

body::-webkit-scrollbar, body::-webkit-scrollbar-thumb {
    border-radius: 0;
    width: 0.85em;
}


/* Buttons */
body::-webkit-scrollbar-button:single-button {
    background-color: #688b9e;
    display: block;
    background-size: 10px;
    border: 1px solid rgba(197, 202, 205, 0.1);
    background-repeat: no-repeat;
}

/* Up */
body::-webkit-scrollbar-button:single-button:vertical:decrement {
    height: 15px;
    border-bottom: 0 !important;
    width: 16px;
    background-position: 2px 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(238, 238, 238)'><polygon points='35,00 0,40 70,40'/></svg>");
}

body::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='35,00 0,40 70,40'/></svg>");
}

body::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='35,00 0,40 70,40'/></svg>");
}

/* Down */
body::-webkit-scrollbar-button:single-button:vertical:increment {
    height: 15px;
    width: 16px;
    background-position: 2px 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(238, 238, 238)'><polygon points='0,0 70,0 35,40'/></svg>");
}

body::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,0 70,0 35,40'/></svg>");
}

body::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,0 70,0 35,40'/></svg>");
}

/* Left */
body::-webkit-scrollbar-button:single-button:horizontal:decrement {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(238, 238, 238)'><polygon points='0,50 50,100 50,0'/></svg>");

}

body::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(238, 238, 238)'><polygon points='0,50 50,100 50,0'/></svg>");
}

body::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(238, 238, 238)'><polygon points='0,50 50,100 50,0'/></svg>");
}

/* Right */
body::-webkit-scrollbar-button:single-button:horizontal:increment {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(238, 238, 238)'><polygon points='0,0 0,100 50,50'/></svg>");
}

body::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(238, 238, 238)'><polygon points='0,0 0,100 50,50'/></svg>");
}

body::-webkit-scrollbar-button:single-button:horizontal:increment:active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(238, 238, 238)'><polygon points='0,0 0,100 50,50'/></svg>");
}

input[type='checkbox'], input[type='checkbox']:active {
	-webkit-appearance: none;
	background-color: white;
    box-shadow: 1px 1px 0 inset rgb(0 0 0 / 15%);
    border: 1px solid #a7aaae;
	padding: 7px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

input[type='checkbox']:checked:after {
    content: '\2714';
    font-size: 25px;
    position: absolute;
    top: -0.55em;
    left: -0.03em;
    color: #384850;
    font-family: Arial, Helvetica, sans-serif !important;
}

input[type='checkbox']:indeterminate:after {
    content: '\2010';
    font-size: 41px;
    position: absolute;
    top: -0.66em;
    left: 0;
    color: #384850;
    font-family: Arial, Helvetica, sans-serif !important;
}

input[type='radio'] {
	-webkit-appearance: none;
	background-color: white;
    box-shadow: 1px 1px 0 inset rgb(0 0 0 / 15%);
    border: 1px solid #a7aaae;
	padding: 6px;
    width: 6px;
    height: 6px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
}

input[type='radio']:checked:after {
    content: '\2714';
    font-size: 21px;
    position: absolute;
    top: -0.56em;
    left: 0;
    color: #384850;
    font-family: Arial, Helvetica, sans-serif !important;
}

input[type='checkbox']:disabled, input[type='radio']:disabled {
    background-color: #e9ecef;
    box-shadow: none;
    cursor: default;
}