/* Degradado del body */
.body-background {
    background: linear-gradient(to top right, #A61D39, #CC3325, #FE6718) no-repeat;
    background-size: 100% 350px;
    background-color: #f9f9fc;
}

/* Pintamos de rojo lo que sea obligatorio */
.required {
    color: red;
}

/* Quitamos el padding */
.non-padding {
    padding: 0px !important;
}

/* Quitamos el padding de la izquierda del elemento */
.non-padding-left {
    padding-left: 0px !important;
}

/* Quitamos padding de la derecha del elemento */
.non-padding-right {
    padding-right: 0px !important;
}

/* Quitamos padding de la cabeza del elemento */
.non-padding-top {
    padding-top: 0px !important;
}

/* Quitamos padding del pie del elemento */
.non-padding-bottom {
    padding-bottom: 0px !important;
}

/* Quitamos paddings laterales del elemento */
.non-side-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Quitamos el margin */
.non-margin {
    margin: 0px !important;
}

/* Quitamos el margin de la izquierda del elemento */
.non-margin-left {
    margin-left: 0px !important;
}

/* Quitamos margin de la derecha del elemento */
.non-margin-right {
    margin-right: 0px !important;
}

/* Quitamos margin de la cabeza del elemento */
.non-margin-top {
    margin-top: 0px !important;
}

/* Quitamos margin del pie del elemento */
.non-margin-bottom {
    margin-bottom: 0px !important;
}

/* Quitamos margin laterales del elemento */
.non-side-margin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/* Cambiamos el cursor a la forma de pointer */
.pointer {
    cursor: pointer;
}

/* Cancelamos el salto de linea */
.non-break {
    white-space: nowrap !important;
}

/* Imagen de perfil usuarios */
.avatars {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

/* Imagen banner pantalla login */
.banner {
    background-size: cover !important;
    background-position: center !important;
}

/* Evitamos los espacios extra en los textarea */
textarea {
    white-space: normal !important;
}

/* Escondemos el elemewnto pero sigue ocupando espacio */
.non-visible {
    visibility: hidden !important;
}

/* Añadimos espacio para separar elementos solo por la derecha */
.right-space {
    margin-right: 15px !important;
}

/* Añadimos espacio para separar elementos solo por la izquierda */
.left-space {
    margin-left: 15px !important;
}

/* Añadimos espacio para separar elementos por ambos ladors */
.space {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

/* Añadimos espacio interior para separar elementos solo por la derecha */
.right-inner-space {
    padding-right: 15px !important;
}

/* Añadimos espacio interior para separar elementos solo por la izquierda */
.left-inner-space {
    padding-left: 15px !important;
}

/* Añadimos espacio interior para separar elementos por ambos ladors */
.inner-space {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/* Muestra el icono de la flecha del menu desplegable de usuario */
.kt-notification .kt-notification__item:after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    text-align: left !important;
    list-style: none !important;
    content: "\f054" !important;
    font-size: 0.8rem !important;
    line-height: 0 !important;
    position: relative !important;
    color: #a7abc3 !important;
}

/* Centra un elemento */
.center-element {
    margin: auto !important;
}

/* Convierte todo lo que no cabe en un elemento en invisible con posibilidad de scroll */
.overflow-scrollable {
    overflow: scroll !important;
}

/* Evitamos que se solapen los menus desplegables con el editor */
.note-editor .note-editing-area {
    position: unset !important;
}

/* Hacemos que la imagen se adapte a la pantalla */
.responsive-img {
    width: 100% !important;
    height: auto !important;
}

/* Fondo negro y un pococ transparente para leer bien el texto de la pantalla de login */
.kt-login__block {
    background: rgba(0, 0, 0, 0.4) !important;
    padding: 20px !important;
}

/* Alineamos los textos a la izquierda */
.left-align {
    text-align: left !important;
}

/* Alineamos los textos en el centro */
.center-align {
    text-align: center !important;
}

/* Alineamos los textos a la derecha */
.right-align {
    text-align: right !important;
}

/* Evitamos que los botones del pop-up queden por encma del desplegable */
.swal2-actions {
    z-index: 0 !important;
}

/* Eliminamos el margin que sobra de los desplegables de los pop-up */
.bootstrap-select>.dropdown-toggle {
    margin: 0 !important;
}

/* Debe ocupar el 100% del elemento padre */
.full-width {
    width: 100% !important;
}

/* Aumentamos la altura de las filas de las datatables para que no choque con la animación */
.kt-datatable__table {
    line-height: 3 !important;
}

/* Fondo transparente */
.transparent {
    background: transparent !important;
    box-shadow: none !important;
}

/* Rojo SmartFincas */
.smart-red {
    color: rgba(244, 81, 108, 1) !important;
}

/* Amarillo SmartFincas */
.smart-yellow {
    color: rgba(255, 177, 0, 1) !important;
}

/* Verde SmartFincas */
.smart-green {
    color: rgba(11, 217, 209, 1) !important;
}

/* Gris SmartFincas */
.smart-grey {
    color: rgba(139, 137, 137, 1) !important;
}

/* Azul SmartFincas */
.smart-blue {
    color: rgba(0, 74, 249, 1) !important;
}

/* Rojo SmartFincas */
.background-smart-red {
    background: rgba(244, 81, 108, 1) !important;
    border-color: #c84359 !important;
}

/* Amarillo SmartFincas */
.background-smart-yellow {
    background: rgba(255, 177, 0, 1) !important;
    border-color: #d19100 !important;
}

/* Verde SmartFincas */
.background-smart-green {
    background: rgba(11, 217, 209, 1) !important;
    border-color: #0ab2ac !important;
}

/* Gris SmartFincas */
.background-smart-grey {
    background: rgba(139, 137, 137, 1) !important;
    border-color: #727171 !important;
}

/* Azul SmartFincas */
.background-smart-blue {
    background: rgba(0, 74, 249, 1) !important;
    border-color: #003dcc !important;
}

/* Transforma el texto en mayusculas */
.uppercase {
    text-transform: uppercase;
}

/* Altura de las tablas automatica */
.kt-datatable__table {
    min-height: auto !important;
}

/* Quitamos espacios innecesarios del timeline */
.kt-timeline-v1__items {
    margin: 0 !important;
    padding: 0 !important;
}

/* Reducimos el espacio entre cabecera y cuerpo de la tarjeta del timeline */
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom {
    margin-top: 1rem !important;
}

/* Eliminamos el texto azul de los links y el subrallado cuando pasen el ratón por encima */
.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username:hover {
    color: inherit !important;
}

/* Eliminamos el texto azul de los links y el subrallado */
.non-text-decoration {
    text-decoration: none !important;
    color: inherit !important;
}

/* Eliminamos el texto azul de los links y el subrallado cuando pasen el ratón por encima */
.non-text-decoration:hover {
    text-decoration: none !important;
    color: inherit !important;
}

/* Primera letra en maysucula */
.first-uppercase::first-letter {
    text-transform: uppercase !important;
}

/* Nueva tarjeta del timeline */
.new-pusher {
    background: #ffebc1 !important;
}

/* Quitamos los margin bottom del timeline (sale todo descuadrado) */
.kt-widget4__info p {
    margin-bottom: 0 !important;
}

/* Nuevos estilos timeline */
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
    left: 0 !important;
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__marker {
    left: 10px !important;
}

.kt-timeline-v1.kt-timeline-v1--justified::after {
    left: 10px !important;
}

/* Texto color placeholder */
.placeholder {
    color: #a7abc3 !important;
}

/* Elemento sombreado */
.campoColoreado {
    background-color: #d5ebeb !important;
}

/* Contadores de tareas dashboard */
.contador {
    border-width: 3px !important;
    border-style: solid !important;
    border-radius: 15px !important;
    width: calc(90%) !important;
    margin: auto !important;
    color: white !important;
}

.contador h3 {
    padding-top: 5px !important;
}

/* Primera letra en mayuscula */
.first-uppercase {
    text-transform: capitalize !important;
}

/* Elevar el portlet de página en el espacio del subheader */
.subheader-hidden {
    margin-top:-55px !important;
}

/* Desplazar el menu header a la izquierda si no existe menú aside */
.mheader_push-left {
  left: 0 !important;
}