/*@import "fontawesome-free-6.3.0-web/css/all.min.css";*/
@import "fontawesome/6.4.2/css/all.min.css";
@import "commonAnimations.css";

:root {
    --colour: #a92021;
    --colourButtons: #C50D20;
    --colourSoft: #E09090;
    --colourButton2: #6a1b1b;
    --colourGold: #ffcb00;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #f4f4f4;
    background-image: url(/images/bg-DPH-transparent.jpg);
}

/* BEGIN appsgn2.css */
.content-outer-container{
	height: 100%;
	min-width: fit-content;
}

.content-inner-container{
    /*padding-bottom: 174px;*/
    padding-top: 120px;
    /*min-width: 800px;*/
    min-height: calc(100% - 194px);
    transition: all 0.3s linear;
}

body{
	margin: 0px;
}

body, html, #mainTemplate{
	height: 100%;
}


div {
	box-sizing: border-box;
}

.pointer {
	cursor: pointer;
}

.bs {
	box-sizing: border-box;
}

.container {
	display: flex;
    flex-direction: column;
    margin: auto;
    padding: 1rem;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 10px 1px;
    padding: 20px;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    min-width: 800px;
    overflow: hidden;
}

:empty{
    box-shadow:unset;
}

.lstKeyValue {
    display: flex;
}

.lstKeyValue .c_row .c_col {
    flex: 8;
}

.lstKeyValue .c_row .c_col:first-child {
    flex: 1;
    min-width: 100px;
}

.c_row {
	display: flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box;
	margin-left: 2px;
}

.c_row-wrap {
	display: flex;
/*	flex-direction: row;*/
	flex-flow: row wrap;
	align-items: center;
	box-sizing: border-box;
	margin-left: 2px;
}

.c_col {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.c_col_center {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
}

.c_center {
	text-align: center;
	justify-content: center;
}

.menu {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 0;
	list-style: none;
	color: #c50E20;
	box-sizing: border-box;
}
.inputText, .inputText2, .inputTextArea {
	width: 100%;
	color: #384047;
	padding: 0.8rem;
	border: 1px solid #a7a7a7;
	border-radius: 0.4rem;
	box-sizing: border-box;
    background: #FFF;
}

.inputText:disabled, .inputText2:disabled, .inputTextArea:disabled, .inputText.disabled {
	width: 100%;
	color: #384047;
	background-color: #f5f5f5;
	padding: 0.8rem;
	border: 1px solid #c7c7c7;
	border-radius: 0.4rem;
	box-sizing: border-box;
}

input:hover, select:hover {
    border-color: #000;
    background: aliceblue;
}

input:focus, select:focus {
    background: aliceblue;
}

::placeholder{
	opacity: 0.5;
}

.inputText, .inputText2 {
	font-size: 1rem;
}

.inputTextArea {
	font-size: 1rem;
}

.inputText:hover, .inputText2:hover, .inputTextArea:hover {
    transition: all 0.3s;
}
.inputText:disabled:hover, .inputText2:disabled:hover, .inputTextArea:disabled:hover,  .inputText.disabled:hover{
    background-color: #e5e5e5;
}

.btn, .btns, .swal2-styled, a[type='button'] {
	padding: 0rem 1.5rem;
    cursor: pointer;
    background-color: var(--colourButtons) !important;
    color: #fff;
    font-weight: normal;
    border-color: #950a18;
    border-radius: 5px;
    border-style: none;
    transition: all 0.1s;
    height: 2rem;
    display: inherit;
    align-items: center;
}
button.btn:hover:not(.btnDisabled):not([disabled]):not(.btnClearSearchDisabled):not(.actionBtn),
button.btns:hover:not(.btnDisabled):not([disabled]):not(.btnClearSearchDisabled):not(.actionBtn),
    .swal2-styled:hover, a[type='button']:hover {
    scale: 1.05;
	background-color: #950a18 !important;
}
a[type='button']:hover, a.button:hover {
    text-decoration: unset;
}

.swal2-styled:focus {
    box-shadow: unset !important;
}

.btn {
	height: 2rem;
}
button.action.btn:active, button.swal2-actions:active {
    transform: scale(0.97);
}
/*.btns {
	height: 1.5rem;
	padding: 0.5rem 2rem;
	margin: 0.3rem 0;
}*/


.btnDisabled, .action.btnDisabled, button.action.btn:disabled, .btnDisabled:hover, .action.btnDisabled:hover{
	background-color: #CACACA !important;
	cursor: not-allowed;
}

.btnEnabled {
	background-color: #C50E20;
}

.btnSearch {
	margin-left: 0.2rem;
	padding: 0 0.4rem;
}

.btnClearSearch {
	margin-left: 0.2rem;
	/*padding: 0 0.4rem;*/
}

.btnClearSearchEnabled {
	background-color: #C50E20;
}

.btnClearSearchDisabled {
	background-color: #CACACA !important;
	cursor: default;
}

.btnClearSearch.btnClearSearchDisabled:after {
    content: "Eliminar filtros";
    white-space: nowrap;
    margin-left: 5px;
    margin-right: 10px;
}

.btnClearSearch.btnClearSearchEnabled:after {
    content: "Eliminar filtros";
    white-space: nowrap;
    margin-left: 5px;
    margin-right: 10px;
}

.btnSearch.btnFilter:after {
   content: "Filtrar";
   margin-left: 5px;
   margin-right: 10px;
}

.btndphcolor .btn:disabled, .btndphcolor .btnbutton[disabled] {
    background-color: #c5c5c5 !important;
}

.button-outer-container {
    display: flex;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}

.tablePager {
    text-wrap: nowrap;
}

.button-inner-container div {
    display: ruby;
}

.button-inner-container button {
    margin-bottom: 5px;
}

.c_row.mt2 div {
    display: -webkit-inline-box;
}
.c_row.mt2 .btn-big-group, .btn-big-group {
    display: flex;
    padding: 1rem 0.5rem;
}

.c_row.mt2 .btn-big-group:hover, .btn-big-group .btn.actionBtn:hover {
    color: var(--colour);
    border: 0.5rem solid var(--colour);
    background-color: white !important;
}

.btn-big-group .btn.actionBtn {
    height: 11rem;
    display: list-item;
    line-height: normal;
    flex: 1;
    margin-left: 6px;
    margin-right: 5px;
}

.btn-big-group .btn.actionBtn i {
    display: block;
    height: 7rem;
    font-size: 6rem;
    font-weight: 900;
}


.btn-big-group .btn.actionBtn .txtActionBtn {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: underline;
}

.ntd {
	text-decoration: none;
}

textarea {
	resize: none;
}

#loader {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 9999;
	background: url('images/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
	opacity: .8;
}

.title {
    font-size: 1em;
    font-weight: bolder;
    margin: 0.5rem 0 1rem 0;
    color: #a92021;
}

.titleGroup {
    margin: -2rem -2.5rem 3rem -2.5rem;
    /*border-radius: 3px;*/
    overflow: hidden;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
    position: relative;
}

.titleGroup .title {
    font-weight: bolder;
    background: var(--colour);
    box-shadow: 1px 2px 4px rgb(0 0 0 / 15%);
    margin: 0rem;
    padding: 1rem 3rem;
    color: white;
}

.titleGroup .titleEntidad {
    background: ghostwhite;
    color: var(--colour);
    margin: 0rem;
    padding: 1rem 3rem;
    font-size: 1.5rem;
    font-weight: 600;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}

.titleGroup .titleEntidad:before {
    content: "\f66f";
    font-weight: 800;
    margin-right: 0.5em;
    font-family: "Font Awesome 6 Free";
}


.tab {
	white-space:nowrap;
    border: 1px solid #FFF;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	border-bottom: unset;
	display: flex;
    flex: 1;
    text-align: center;
    justify-content: center;
    border-bottom: unset;
	margin: 0px 1px;
	transition: all 300ms ease-in-out;

}
.tab {
	white-space:nowrap;
    border: 1px solid #FFF;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	border-bottom: unset;
}

.tabs::before {
    position: absolute;
    left: 0;
    right: 0;
    content: " ";
    display: block;
    margin-top: 40px;
    border-bottom: 3px solid var(--colour);
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: #aaaaaa44 0px 7px 9px 4px;
}

.tabNoSel {
	border-color: #a0a0a0;
	background-color: #e9e9e9;
}

.tabNoSel:hover {
    background-color: #cb7979;
    border-color: #cb7979;
    color: white;
}

.tabSel {
	border-color: var(--colour);
	background-color: var(--colour);
    color: white;
}

.tabSel span {
    cursor: default;
}

.tab span {
    width: 100%;
    padding: 0.5rem;
}

.tabContainer {
    padding: 2rem 2rem;
}

.tabs {
    margin: unset;
}

.tabs div:last-child {
    margin: 0px 0px 0px 1px;
}
.tabs div:first-child {
    margin: 0px 1px 0px 0px;
}

.tabs div {
    margin: 0px 1px;
}


.sectiontab {
    border: 1px solid;
    border-radius: 5px;
    border-color: var(--colour);
    padding: 20px;
    margin-bottom: 30px;
    width: fit-content;
    min-width: 100%;
}
.listButton img.imgLink.pointer.c_tooltip {
    margin-right: unset;
    margin-top: unset;
}

.imgLink {
    width: 20px;
    margin-right: 5px;
    margin-right: 5px;
    margin-top: -18px;
}

.imgLink2 {
    width: 20px;
}

.w100 {
	width: 100%;
}

.mt05 {
	margin-top:0.5rem;
}

.mt1 {
	margin-top:1rem;
}

.mt2 {
	margin-top:2rem;
}

.mt3 {
	margin-top:3rem;
}

.mt4 {
	margin-top:4rem;
}

.mb05 {
	margin-bottom:0.5rem;
}

.mb1 {
	margin-bottom:1rem;
}

.mb2 {
	margin-bottom:2rem;
}

.mb3 {
	margin-bottom:3rem;
}

.mb4 {
	margin-bottom:4rem;
}

.ml05 {
	margin-left:0.5rem;
}

.ml1 {
	margin-left:1rem;
}

.ml2 {
	margin-left:2rem;
}

.mr05 {
	margin-right:0.5rem;
}

.mr1 {
	margin-right:1rem;
}

.mr2 {
	margin-right:2rem;
}

.pad05 {
	padding: 0.5rem;
}

.pad1 {
	padding: 1rem;
}

.pad2 {
	padding: 2rem;
}

.bg-color {
	background-color:#fff;
}

.c_row.pad08 {
    border-bottom: solid #000 1px;
}

.lineDataEven:hover, .lineDataOdd:hover {
    background: rgba(169, 32, 33, 0.133);
}

.lineDataEven {
    background-color: #eeeeee54;
    height: 3rem;
    border-bottom: solid #0000001c 1px;
}

.lineDataOdd {
    background-color: #f9f9f93b;
    height: 3rem;
    border-bottom: solid #0000001c 1px;
}

.lineDataSel {
	background-color: #f4ff0133;
    height: 3rem;
    border-bottom: solid #0000001c 1px;
}
.text-nowrap {
    text-wrap: nowrap;
}
.nowrap {
	white-space: nowrap;
}

/* Align text */
.taj {
	text-align: justify;
}

.dn {
    display: none;
}

.f {
    display: flex;
    align-items: center;
}

.cb {
    width: 1.2rem;
    height: 1.2rem;
}

.lconv {
    padding: 0.5rem;
	height: 4rem;
}

.compress {
	display:flex;
	overflow:hidden;
	height:3.5em;
	align-items:start;
	font-size:0.8em;
	line-height:1.2em;
}

.compress_vcenter {
	display:flex;
	overflow:hidden;
	height:3.5em;
	align-items:center;
	font-size:0.8em;
	line-height:1.2em;
}

td.compress, td.compress_vcenter {
    display: table-cell;
}

.aic {
	align-items:center;
}

.c_mw800 {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 800px;
	margin:auto;
}

.bgSquare {
	display:flex;
	flex-direction: column;
	width:11rem;
	height:7rem;
	background-color:#eee;
	margin:1rem;
	padding:1rem;
	justify-content:center;
	align-items:center;
	text-align:center;
}

.bgCircle {
	display:flex;
	flex-direction: column;
	width:5rem;
	height:5rem;
	border-radius: 50%;
	background-color:#eee;
	margin:1rem;
	padding:1rem;
	justify-content:center;
	align-items:center;
	text-align:center;
}

.bgCircleSel {
	background-color:#fffca3;
}

@media all and (min-width: 865px) {
	.app-item-identificacion {
		flex-direction: row;
		align-items: center;
		margin-bottom: 1rem;
	}

	.app-wgt-item-identificacion {
		margin-left: 0.5rem;
	}
}

/* START HEADER */
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    max-width: 1440px;
}

.navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

h1, .h1 {
    font-size: 2.5rem;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    outline: none;
    color: #000;
    font-weight: normal;
    transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, opacity 0.3s ease-out;
}

a img {
    border: 0;
    transition: all 0.3s ease-out;
}

img {
    max-width: 100%;
    display: block;
    height: auto;
    vertical-align: middle;
    border-style: none;
}

body header .cabecera-derecha {
    float: right;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cabecera-derecha .menu-horizontal-wrapper {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}
.menu-horizontal-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #333;
    margin-bottom: -1px;
}

.cabecera-derecha .menu-horizontal-wrapper .barra-menu-responsive {
    padding-right: 9px;
}
.menu-horizontal-wrapper .barra-menu-responsive {
    display: none;
}

body ul li a, body ol li a {
    color: var(--colour);
    text-decoration: none;
}

.menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a:before {
    content: "a";
    font-size: 0;
    background: var(--colour);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 0;
    z-index: -2;
}

.menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a:hover:before {
    content: "a";
    font-size: 0;
    background: var(--colour);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -2;
}

.cabecera-derecha .menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a:before {
    height: 2px;
}


.cabecera-derecha .menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a {
    color: #000;
    padding: 4px 0;
    text-transform: uppercase;
}
.menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 11px 12px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    z-index: 999;
}

body ul li a, body ol li a {
    color: var(--colour);
    text-decoration: none;
}


.menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a:before {
    content: "a";
    font-size: 0;
    background: var(--colour);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 0;
    z-index: -2;
}

.menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a:hover:before {
    content: "a";
    font-size: 0;
    background: var(--colour);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -2;
}

.cabecera-derecha .menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a:before {
    height: 2px;
}

#banner-wrapper.un-affix {
    background: transparent;
    box-sizing: border-box;
}

#banner-wrapper.affix {
    box-shadow: 1px 2px 4px rgb(0 0 0 / 15%);
    background: transparent;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    box-sizing: border-box;
}

#banner {
    background-color: #fff;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    max-width: 1440px;
}

.site-title {
    margin: unset;
}

#main-title, #main-title-responsive{
    margin-bottom: 0.5rem;
    line-height: 1.2;
    color: inherit;
    font-size: 2.5rem;
    font-family: "Montserrat", sans-serif;
    box-sizing: border-box;
    margin: 0;
    font-size: 95%;
    margin-left: 6px;
    text-align: center;
    text-transform: uppercase
}

#heading{
    width: 280px;
}

#main-title {
    border-bottom: solid 2px #950a18;
}

#main-title-responsive{
    display:none;
    font-size: min(3vw, 14px);
}

#main-title-responsive div span{
    border-bottom: solid 2px #950a18;
}

.logo {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

#heading .logo img {
    width: auto;
    max-height: 82px;
    padding: 5px 0 5px 6px;
    height: auto;
    box-sizing: border-box;
    margin: 0;
}

body header .cabecera-derecha {
    float: right;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cabecera-derecha .menu-horizontal-wrapper {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}

.menu-horizontal-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    background: #333;
    margin-bottom: -1px;
}

.cabecera-derecha .menu-horizontal-wrapper .barra-menu-responsive {
    padding-right: 9px;
}
.menu-horizontal-wrapper .barra-menu-responsive {
    display: none;
}

#affix{
    font-family: "Montserrat", sans-serif;
}

.cabecera-derecha .menu-horizontal-wrapper .menu-horizontal.nivel-1 {
    background: transparent;
}


.menu-horizontal-wrapper .menu-horizontal.nivel-1 {
    margin: 0 auto;
    justify-content: flex-end;
    text-transform: capitalize;
    font-style: italic;
    color: #9f9f9f;
    margin-bottom: -40px;
    position:relative;
    list-style-type: none;
}

.cabecera-derecha .menu-horizontal-wrapper .menu-horizontal.nivel-1 li {
    font-size: 12px;
}


.cabecera-derecha .menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a {
    color: #000;
    padding: 4px 0;
    text-transform: uppercase;
}

#app-user-menu .app-mainMenu {
    display: flex;
    width: fit-content;
}

#app-user-menu #app-main-menu:before {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 11px 12px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    z-index: 999;
}
.menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a:before {
    content: "a";
    font-size: 0;
    background: var(--colour);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 0;
    z-index: -2;
}
.menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a:hover:before {
    content: "a";
    font-size: 0;
    background: var(--colour);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -2;
}
.cabecera-derecha .menu-horizontal-wrapper .menu-horizontal.nivel-1 li.item-menu-vertical a:before {
    height: 2px;
}

/*DROPDOWN MENU*/

    /* Dropdown Button */
    .dropbtn {
        background-color: var(--colour);
        color: white;
        padding: 5px 13px;
        font-size: smaller;
        border-radius: 5px;
    }

    label#menu-dropdown:after {
        content: "Menú";
        margin-left: 4px;
    }

    #dropdown-container {
        margin-top: 26px;
        margin-right: 0.5rem;
    }

    /* The container <div> - needed to position the dropdown content */
    #btnControl {
    display:none;
    }

    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
        max-height:0;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        transition: all 0.3s linear;
        margin-left:-132px;
        overflow: hidden;
    }

    /* Links inside the dropdown */
    .dropdown-content div span {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    /* Change color of dropdown links on hover */
    .dropdown-content div span:hover {
        background-color: var(--colour);
        color: white;
    }

    /* Show the dropdown menu on hover */
    #btnControl:checked~.dropdown-content {
    max-height: 400px;
    }

    .patch {
        width:205px;
        height:15px;
    }

    /* Change the background color of the dropdown button when the dropdown content is shown */
    .menu-dropdown:hover .dropbtn {background-color: #881919}

/*END DROPDOWN MENU*/



    #banner-wrapper.smallBanner .menu-horizontal-wrapper .menu-horizontal.nivel-1 {
        display:none;
    }
    #banner-wrapper.smallBanner.content-inner-container {
        padding-top: 70px;
    }

    #banner-wrapper.smallBanner #heading .logo img{
        max-height: 61px;
    }

    #banner-wrapper.smallBanner #main-title {
        display:none;
    }

    #banner-wrapper.smallBanner #heading {
        width: unset;
    }
    #imgSedipualba {
        width: 4rem;
        font-size: medium;
        text-align: right;
    }
    #imgSedipualba.smallImgSedipualba {
        width: 2rem;
        font-size: small;
    }

    #imgSedipualba img{
        margin-left: auto;
        width: inherit;
    }
    #imgSedipualba.smallImgSedipualba img{
        margin-right: 0.5rem;
    }
    #imgSedipualba b {
        display: block;
    }

@media (max-height: 500px){
    .menu-horizontal-wrapper .menu-horizontal.nivel-1 {
        /*display:none;*/
    }
    .content-inner-container {
        padding-top: 70px;
    }

    .content-outer-container .searchBox.searchBoxFixed {
        top: 78px;
    }

    #app-user-menu{
        margin-top: 20px;
    }

    #heading .logo img{
        max-height: 61px;
    }

    #main-title {
        display:none;
    }

    #heading {
        width: unset;
    }
}

@media (min-width: 769px){
    #menu-dropdown{
        display: none;
    }
    #dropdown-container {
        display: none;
    }
}

.main-title-responsive-container{
    /*width:100px;*/
    display: none;
}

/* END HEADER */

/* START FOOTER *//*
.footer-container{
    height: 174px;
    margin-top: 174px;
    display: flex;
}*/

footer {
    margin: 0 auto;
    background-color: #ffffff;
    color: #000;
    background: #000;
    width: 100%;
    /*z-index: 99;
    position:absolute;
    min-width: 820px ;*/
}



footer .footer-superior {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: block;
    float: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	padding: 26px 26px;
}

footer .footer-superior, footer .footer-inferior {
    max-width: 1440px;
}


footer .footer-superior .col-uno {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 20px;
}

footer .logo_pie-img {
    float: left;
    margin-right: 8px;
}

footer .footer-superior .col-uno .textos-pie {
    border-left: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 8px;
}

footer .linea_2 {
    display: inline-block;
    font-size: 13px;
    color: #FFF;
    margin-right: 8px;
}

.footer .footer-superior .col-uno .textos-pie .linea_2 {
    font-family: "Raleway Semibold";
    font-size: 13px;
    display: inline-block;
    position: relative;
    padding-left: 18px;
    margin-right: 8px;
    color: #fff;
}

footer .footer-superior .col-uno .textos-pie .linea_2:before {
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
}

footer .footer-superior .col-uno .textos-pie .linea_2:last-of-type {
    margin-right: 0;
}

footer .footer-superior .col-uno .textos-pie .linea_2:last-of-type:before {
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}
footer .footer-superior .col-uno .textos-pie .linea_2:before {
    /* content: url(../img/icono-direccion.png); */
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
}

footer .footer-superior .col-dos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 0;
    justify-content: flex-end;
}

footer .footer-superior .col-dos .col-contacto {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

footer .footer-superior .col-dos .col-contacto a {
    font-size: 14px;
    width: 130px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 6px;
}

footer .footer-superior .col-dos .col-contacto a:last-of-type {
    margin-bottom: 0;
}

footer .redes_sociales {
    padding-top: 24px;
}

footer .footer-superior .col-dos .redes_sociales {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 0;
    margin-left: 80px;
}

footer .redes_sociales .red_social {
    font-size: 28px;
    margin-left: 8px;
    color: #717171;
    text-decoration: none;
}

footer .footer-superior .col-dos .redes_sociales .red_social {
    font-size: 20px;
    color: #fff;
    margin-left: 23px;
}

footer .footer-superior .col-dos .redes_sociales .red_social:first-of-type {
    margin-left: 0;
}

.fa, .fas, .far, .fal, .fad, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

footer .footer-superior .col-dos .redes_sociales .red_social .fab {
    font-size: 19px;
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-instagram:before {
    content: "\f16d";
}




.imagen-pie{
    max-width:280px;
}
/* END FOOTER */

/* SCROLLBAR */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--colour);
    border-radius: 4px;
}

.width1 {
    width: 17%;
    min-width: 120px;
}

.width2 {
    min-width: 400px;
    max-width: 550px;
    width: 100%;
    align-items: center;
    display: flex;
}

.width2 span {
    min-height: 50px;
}

.width2 .c_row {
    margin-left: 0px;
}

.buttonList {
    display: inherit;
    width: 100%;
    justify-content: center;
}
/*
div:has(button) {
    justify-content: center;
}*/

select {
    min-width: 11.5rem;
}
/* END appsgn2.css */

/* BEGIN appSchema.css */

.web-publica {
    display: flex;
    flex-direction: column;
}

#mainTemplate {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	margin: unset;
/*	box-sizing: border-box;*/
}

#app-main-window-container {
	max-width: 1200px;
	margin: auto;
	width: 100%;
}

#app-head {
	align-items: center;
	color: #4c4c4c;
	background: transparent url(../images/top.jpg) top center no-repeat;
}

#app-lnkPortal {
	margin: 1rem 0;
	font-size: 0.7rem;
}

#app-logo {
	display: flex;
	color: #C50E20;
	align-items: center;
}

#app-img-logo {
	height: 4.5rem;
}

#app-user {
	text-align: right;
	font-weight: lighter;
	margin-top: 4px;
	margin-right: 20px;
	color: unset;
    font-size: 0.8rem;
    background: var(--colour);
    border-radius: 10px;
    overflow: hidden;
    text-transform: none;
}

.right-app-user {
    color: white;
    font-style: normal;
    display: flex;
}
.right-app-user .app-user-element:last-child {
    padding-right: 1.3rem;
}

.right-app-user .app-user-element:first-child {
    padding-left: 1.3rem;
}

.app-user-element {
    display: flex;
    padding: 0.3rem 1rem;
    border: 1px solid;
    border-color: #cccc;
    transition: 0.3s all;
    z-index: 1;
}
.app-user-element i {
    margin-right: 6px;
    margin-top: 2px;
}

.app-user-element.action:hover {
    background: var(--colourSoft);
    color: black;
}

#app-mainMenu, .app-mainMenu {
    margin-bottom: unset;
}

#tooltipApp {
	display: none;
	padding: 0.3rem 0.5rem;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--colour);
	color: #fff;
	box-shadow: 0 .125rem 0.5rem rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	min-width:60px;
	text-align: center;
}

.app-title {
	color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 22px;
}
.custom-logo span.app-title {
    align-content: center;
    font-size: 45%;
    padding-left: 5%;
}

#app-user-menu div div span, #app-user-menu div div span a{
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s linear;
    background-image: linear-gradient(#a92021 0 0);
    background-position: 0 100%;
    padding-bottom: 2px;
    background-repeat: no-repeat;
    background-size: 0% 2px;
	font-size: clamp(8px, 1vw, 14px); /*14px */
    font-weight: 700;
	padding-bottom: 3px;
    height: 100%;
    display: flex;
    align-items: center;
}

#app-user-menu div div span:hover {
    background-position: 100% 100%;
    background-size: 100% 2px;
    transition: all 0.5s linear;
    background-image: linear-gradient(#a92021 0 0);
    background-position: 0 100%;
    background-size: 200% 2px !important;
    background-repeat: no-repeat;
}
#app-user-menu div div span a{
    text-decoration: none;
}

.menu.container div{
	padding: 17px !important;
}

.theader {
    background: black;
    color: white;
    padding: 5px;
    font-weight: 600;
    padding: 0.8rem 0rem;
    border-radius: 5px 5px 0px 0px;
}

.theader div {
    margin-right: 5px;
    overflow: hidden;
}

thead.c_row.theader {
    display: table-header-group;
}

.tlist.tscrollable{
    overflow-y: scroll;
    max-height: 600px;
}

.tlist tr.c_row {
    display: table-row;
}

.tlist th {
    padding: 0.8rem 0.8rem;
    white-space: nowrap;
}
.tlist th:last-of-type {
  border-radius: 0px 5px 0px 0px;
  position: sticky;
}
.tlist td {
    padding: 10px;
    border-bottom: solid #0000001c 1px;
}

.actionImg  {
    max-height: 15px;
    /*max-width: 20px;*/
    margin: 0px 3px 2px 3px;
    filter: invert(93%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(106%) contrast(107%);
    top: 0;
    position: sticky;
}

.tlist td img {
    display: inline;
    margin-top: 1px;
    min-width: 15px;
}

.tlist tr > td:first-of-type, .tlist tr > th:first-of-type {
    text-align: center;
    width: 1%;
}

.tlist input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: white;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid var(--colour);
}

.tlist input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: var(--colour);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid var(--colour);
}

.tlist {
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    border-spacing: 0px;
    display: block;
    max-width: 95vw;
    overflow: auto;
}

.btn, .btns, .swal2-styled {
    font-weight: 600;
    font-size: 1rem;
    height: 2.2rem;
    box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 30%);
    margin: 0px 3px;
}

.inicio-page:before {
    font-family: "Font Awesome 6 Free";
    content: "\f015";
    margin-right: 3px;
    font-weight: 900;
}

.historico-page:before {
    font-family: "Font Awesome 6 Free";
    content: "\f1da";
    margin-right: 3px;
    font-weight: 900;
}

.entidad-page:before {
    font-family: "Font Awesome 6 Free";
    content: "\f66f";
    margin-right: 3px;
    font-weight: 900;
}

.options-page:before {
    font-family: "Font Awesome 6 Free";
    content: "\f013";
    margin-right: 3px;
    font-weight: 900;
}

.manual-page:before {
    font-family: "Font Awesome 6 Free";
    content: "\f02d";
    margin-right: 3px;
    font-weight: 900;
}

.salas-page:before {
    font-family: "Font Awesome 6 Free";
    content: "\f54e";
    margin-right: 3px;
    font-weight: 900;
}

.inicio-authenticate:before {
    font-family: "Font Awesome 6 Free";
    content: "\f084";
    margin-right: 3px;
    font-weight: 900;
}

.inicio-logout:before {
    font-family: "Font Awesome 6 Free";
    content: "\f2f5";
    margin-right: 3px;
    font-weight: 900;
}

.btnSearchList:before {
    font-family: "Font Awesome 6 Free";
    content: "\f002";
    margin-right: 3px;
    font-weight: 900;
}

.btn.save:before, .actionBtnSave-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f0c7";
    margin-right: 3px;
    font-weight: 900;
}

.file-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f15b";
    margin-right: 3px;
    font-weight: 900;
}

.txtActionBtn {
    display: contents;
}

.actionBtnView-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f06e";
    margin-right: 3px;
    font-weight: 900;
}

.actionBtnEdit-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f044";
    margin-right: 3px;
    font-weight: 900;
}
.actionBtnDelete-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f2ed";
    margin-right: 3px;
    font-weight: 900;
}
.actionBtnAdd-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f055";
    margin-right: 3px;
    font-weight: 900;
}

.actionBtnDownload-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f56d";
    margin-right: 3px;
    font-weight: 900;
}

.actionBtnDeactivate-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f00d";
    margin-right: 3px;
    font-weight: 900;
}

.actionBtnCheck-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f00c";
    margin-right: 3px;
    font-weight: 900;
}

.actionBtnAdjust-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f0ad";
    margin-right: 3px;
    font-weight: 900;
}

.actionBtnDocument-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f15c";
    margin-right: 3px;
    font-weight: 900;
}

.actionBtnSignature-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f573";
    margin-right: 3px;
    font-weight: 900;
}

.actionBtnMail-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f003";
    margin-right: 4px;
    font-weight: 900;
}

.actionBtnExcel-item:before {
    font-family: "Font Awesome 6 Free";
    content: "\f1c3";
    margin-right: 4px;
    font-weight: 900;
}


.actionBtn, .actionBtn:hover  {
    /*display: flex;*/
    width: fit-content;
    padding: 10px;
}
.actionBtn:hover  {
    scale: 1.05;
}
button.action.btn.actionBtn.btnVertical {
    display: flex;
    width: -webkit-fill-available;
    margin-top: 2px;
}

.actionBtnDefault, .actionBtnDefault:hover {
    background-color: #008CBA !important;
}
.actionBtnSelect, .actionBtnSelect:hover, .actionBtnBlue, .actionBtnBlue:hover {
    background-color: #008CBA !important;
}
.actionBtnView, .actionBtnView:hover, .actionBtnView-item, .actionBtnView-item:hover, .actionBtnGreen, .actionBtnGreen:hover {
    background-color: #4CAF50 !important;
}
.actionBtnEdit, .actionBtnEdit:hover, .actionBtnEdit-item, .actionBtnEdit-item:hover  {
    background-color: #008CBA !important;
}
.actionBtnDelete, .actionBtnDelete:hover, .actionBtnDelete-item, .actionBtnDelete-item:hover, .actionBtnRed, .actionBtnRed:hover {
    background-color: #C50D20 !important;
}
.actionBtnAdd, .actionBtnAdd:hover, .actionBtnAdd-item, .actionBtnAdd-item:hover {
    background-color: #4CAF50 !important;
}
.actionBtnDelete, .actionBtnDelete:hover, .actionBtnDelete-item, .actionBtnDelete-item:hover, .actionBtnRed, .actionBtnRed:hover {
    background-color: #C50D20 !important;
}
.actionBtnFolder, .actionBtnFolder:hover {
    background-color: sandybrown !important;
}

.actionBtn i {
    margin-right: 3px;
    min-height: unset;
}

.c_row.lineDataSel div:has(img), .c_row.lineDataOdd div:has(img), .c_row.lineDataEven div:has(img) {
    display: inherit;
}

/* END appSchema.css */


.btn {
	font-weight: 600;
}

.c_col {
    border-radius: 5px;
    overflow: hidden;
}

img.imgLink.pointer.c_tooltip:hover {
    scale: 1.1;
}

.container {
    min-width: fit-content;
    padding: 2rem 2.5rem;
}

.grid2ndcolumn {
    display: grid;
    max-width: 550px;
    align-items: center;
}

.grid2ndcolumn div input {
    max-width: -webkit-fill-available;
}

.grid2ndcolumn div select {
    max-width: 200px;
}


.grid2ndcolumn div {
    min-width: 100px;
}

.grid2ndcolumn div:nth-child(2) {
    max-width: 100px;
    padding-left: 10px;
}

.grid2ndcolumn div.c_row {
    padding-left: 0px;
}

.grid2ndcolumn .c_col .c_row div input {
    margin-right: 1px;
}

.grid2ndcolumn div input {
    max-width: -webkit-fill-available;
    width: unset !important;
}

@media screen and (min-width: 800px) {
    .grid2ndcolumn div input {
        width: unset !important;
    }

    /*footer{
        min-width: unset !important;
    }*/

    .grid2ndcolumn .c_col .c_row div input {
        width: 8rem !important;
    }

}

@media screen and (max-width: 900px) {
    .grid2ndcolumn div {
       min-width: 5rem;
    }

    .grid2ndcolumn div:nth-child(2) {
        max-width: -webkit-fill-available;
    }

}

.ccDayEvt {
    background-color: var(--colourButtons);
}

.cc:hover {
    background-color: var(--colourSoft);
    color: #fff;
    font-weight: unset;
}

.ccToday {
    background: unset;
    font-weight: 800;
    color: var(--colour);
}

body.swal2-height-auto {
    height: 100% !important;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(0,0,0,.5) !important;
}

.swal2-popup {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 10px 1px;
}

.swal2-popup .popup-title {
    text-transform: uppercase;
    color: black;
    font-weight: 700;
}

.popup-body, .swal2-content {
    color: #000;
    line-height: 1.4;
}


.mpc div.mp:not(:last-child):after {
    content: ' ';
    height: 2px;
    background: #c5c5c5;
    margin: 0;
    position: absolute;
    left: 62%;
    top: 19px;
    width: 81px;
}

.mpc div {
    position: relative;
}

.mpIcon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #ddd;
    border: 2px solid #c5c5c5;
    margin-bottom: 0.5rem;
}

.mp.active .mpIcon {
    background-color: var(--colourButtons) !important;
    border-color: var(--colourButtons);
}

.mpc div.mp.active:not(:last-child):after {
    background-color: var(--colourButtons);
}

.mpc div.mp:not(:first-child):not(.active):before {
    background: red;
    content: ' ';
    content: ' ';
    height: 2px;
    background: #c5c5c5;
    margin: 0;
    position: absolute;
    left: -48px;
    top: 19px;
    width: 81px;
}

.sectiontab.filterMenu > div.c_row {
    flex-wrap: wrap;
}
.sectiontab.filterMenu div .c_row {
    margin-bottom: 0.3rem;
    flex: 1;
    min-width: fit-content;
    margin-top: 1.4rem;
}
.sectiontab.filterMenu div .c_col {
    overflow: unset;
    flex: 1;
}
.sectiontab.filterMenu div .c_col input {
    min-width: -webkit-fill-available;
}

#mp-data {
	display: flex;
    flex-direction: column;
    margin: auto;
    padding: 1rem;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 10px 1px;
    padding: 20px;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    min-width: 800px;
}

#mp-data:empty {
    display:none;
}

.recordForm {
    background-color: #e8eeef;
    padding: 2rem;
    border-radius: 5px;
}

.tit-lst, .tit-lst2 {
    display: inline;
    color: var(--colour);
    font-weight: bolder;
    text-align: left;
}

.tit-lst {
    line-height: 1.4;
    font-size: 1.2rem;
}

.container.solicitudform {
    width: 80%;
    background: #e8eeef;
}

.ctit-lst-gray {
    text-align: center;
    margin-bottom: 0.5rem;
    border-bottom: unset;
}

.ctit-lst-gray h2.tit-lst {
    background: #333;
    color: #fff;
    width: 100%;
    padding: 10px;
    display: block;
}

.sectiontab-gray {
    border-color: #aaa;
}

.sectiontab-gray h2.tit-lst {
    background: none;
    color: #333;
    margin: 0px;
}

.notificaciones-group {
    width: 100%;
    opacity: 1;
    transition: 0.3s opacity;
    /*position: absolute;
    z-index: -1;*/
}
.notificaciones-group.notificaciones-group-hidden {
    margin-top: -150px;
    opacity: 0;
}

.notificaciones-item {
    /*background-color: #ff9191;*/
    margin-bottom: 2px;
    box-shadow: 7px 6px 11px rgb(0 0 0 / 50%);
    /* border-bottom: 3px solid #ff7171; */
    border-radius: 15px;
    /* padding: 10px; */
    max-width: 96%;
    margin: auto;
    margin-bottom: 5px;
    margin-top: 5px;
}

.notificaciones-item-content {
    margin: 0 auto;
    display: flex;
    position: relative;
    min-height: 50px;
    width: 90%;
    max-width: 1100px;
    align-items: center;
    padding: 4px 0px;
    justify-content: center;
}

.notificaciones-child-item-content {
    margin: 0 auto;
    position: relative;
    width: 90%;
    max-width: 1000px;
    padding: 13px;
}

.notificaciones-icon {
    position: absolute;
    left: -40px;
    top: 6px;
    font-size: 40px;
}

.notificaciones-small-icon {
    position: absolute;
    left: -15px;
    top: 20px;
    font-size: 25px;
}


#search a {
    display: contents;
}

.notificaciones-item a:hover {
    text-decoration: underline;
}

.heading-title {
    font-size: 20px;
    justify-content: center;
    display: flex;
    flex-grow: 1;
}

.heading-title b:before {
    content: "\00a0 ";
}

.heading-title b:after {
    content: "\00a0 ";
}

.notificaciones-item:hover {
    /*background-color: #ffa1a1;
    border-bottom: 3px solid #ff8181;*/
}

.notificaciones-item-content > div {
    border-radius: 5px;
    border: 1px solid gray;
    background: whitesmoke;
    padding: 0.5rem;
    margin: -10px 10px;
    max-width: fit-content;
}
.notificaciones-item-content > div i {
    margin-right: 5px;
}
.notificaciones-item-content > div a,  .notificaciones-item-content > div a:hover{
    text-decoration: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.notificaciones-item-content > div:hover a {
    color: white;
}
.notificaciones-item-content > div:hover {
    background: #b93031;
    color: white;
}

.c_tituloBlk a, .c_tituloBlk1 a {
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 2rem;
    justify-content: center;
}

.warning-box {
    background-color: #ffe5c7;
    padding: 2rem 3rem 2rem 5rem;
    margin: 2rem;
    border-radius: 5px;
    position: relative;
    border-bottom: 4px solid orange;
}

.message-box h3 {
    margin-top: 0px;
}

.warning-box:before {
    font-family: "Font Awesome 6 Free";
    content: "\f071";
    margin-right: 3px;
    font-weight: 900;
    filter: invert(67%) sepia(16%) saturate(5229%) hue-rotate(359deg) brightness(102%) contrast(104%);
    position: absolute;
    top: 16px;
    left: 21px;
    font-size: 35px;
}

td.expObj, td.reObj, td.rsObj {
    display: table-cell;
}

.box {
    background-color: antiquewhite;
    padding: 0rem 0rem 1rem 0rem;
    border-radius: 5px;
}

.box-title {
    background: peachpuff;
    padding: 1rem;margin-left: 0px;
    border-bottom: 2px solid;
    border-color: burlywood;
    border-radius: 5px 5px 0px 0px;
}

.selector-box {
    border-radius: 5px;
    border-top: 1px solid;
    overflow: hidden;
    border-color: black;
    background: white;
    margin-top: 1rem;
}

.selector-box-title {
    display: block;
    text-align: center;
    background: black;
    color: white;
    font-weight: 800;
    padding: 0.5rem;
    border-top: 1px;
}

.selector-box-subtitle {
    text-align: center;
    display: block;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    color: var(--colour);
    font-size: 1.5rem;
}
.selector-box-pointer{
    position: absolute;
    font-size: 5rem;
    margin-left: -3rem;
    margin-top: -3rem;
}


.accordion {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-bottom: 3px solid darkgray;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 4px 1px;
}

.accordionActive, .accordion:hover {
  background-color: #333;
}

.accordion:after {
  content: '\f078';
  font-family: "Font Awesome 6 Free";
  color: white;
  font-weight: bold;
  float: right;
  margin-right: 10px;
  transition: all 0.3s;
}

.accordion.active:after {
  content: '\f078';
  font-family: "Font Awesome 6 Free";
  transform: rotate(180deg);
}

.accordionActive:after {
  content: "\2212";
}

.accordion button {
    display: inline-block;
    margin-right: 10px;
    float: right;
    transition: all 0.3s;
    position: absolute;
    right: 30px;
}

.accordionPanel {
    display: flex;
    flex-wrap: wrap;
    padding: 0em 0em 1em 0em;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.accordionPanel.modeEdit {
    overflow: unset;
}

#search {
    margin-bottom: 0.5em;
    transition: all 0.4s;
}

#search:before {
    transition: all 0.4s;
}

#searchTxt {
    transition: all 0.4s;
    font-size: 0.95em;
    color: #384047;
    background-color: #e8eeef;
    padding: 0.6em;
    border: none;
    border-radius: 4px;
    width: 100%;
}

#searchTxt:hover, #searchTxt:focus {
    border-color: #000;
    background: #b93031;
    font-size: 1.1rem;
}
#search button {
    position: absolute;
    right: 1.5rem;
    border: 1px solid var(--colourButton2);
}

#searchTxt {
    border:1px solid #ddd;
    border-right:none;
    float: left;
}
#searchTxt:focus {
    outline:none;
}
#search img {
    float: left;
    height: 18px;
    width: 19px;
    border-left: none;
    margin-left: -2rem;
    filter: invert(80%) sepia(59%) saturate(0%) hue-rotate(70deg) brightness(106%) contrast(102%);
}

.searchInnerBox {
    position: relative;
}

.searchInnerBox {
    padding: 1rem;
    /*background: #f6f6f6;
    background: #c50E20;*/
    border-radius: 5px;
    padding: 1rem;
}



#searchTxt {
    font-size: 1em;
    color: white;
    font-weight: 600;
    /* color: #384047; */
    background: #c50E20;
    background: var(--colour);
    /* background-color: #e8eeef; */
    /* background: black; */
    padding: 0.8em 3em;
    /* margin: 20px; */
    /* border: 4px solid #c50E20; */
    border: 4px solid white;
    border: 2px solid black;
    border: 3px solid #6a1b1b;
    /* border: none; */
    border-radius: 20px;
    width: 100%;
}

input#searchTxt::placeholder {
    color: white;
    font-weight: 400;
}

div#search:before {
    color: white;
    content: "aaaa";
    font-family: "Font Awesome 6 Free";
    content: "\f002";
    scale: 1.4;
    position: absolute;
    left: 2rem;
    font-weight: 900;
}

button#btnClear:before {
    font-family: "Font Awesome 6 Free";
    content: "\f12d";
    margin-right: 3px;
    font-weight: 900;
}

.searchBox {
    transition: all 0.3s ease-in;
}

.searchBoxFixed {
    position: fixed;
    top: 78px;
    left: 0;
    width: 100%;
    background: #0004;
    box-shadow: rgba(0, 0, 0, 0.44) 0px 1px 15px 1px;
    margin: 0px;
    padding: 0px;
    z-index: 10;
    /* text-align: center; */
    justify-content: center;
    display: flex;

}

.searchInnerBoxFixed, #search.searchInnerBoxFixed {
    margin-bottom: 0em;
    padding: 0.5em;
}

.selItem img {
    filter: drop-shadow(0.1px 0 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px #fffa);
}

.selItem:hover {
    background: mistyrose;
    border-color: var(--colourButtons);
    /*color: white;*/
    font-weight: 600;
}

img.imgLink.pointer.c_tooltip:hover {
    scale: 1.1;
}
/*
.selItem:hover img[src$='.svg'] {
    filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(70deg) brightness(106%) contrast(102%);
    scale: 1.1;
}*/

.selItem:hover img:not([src$='.svg']) {
    scale: 1.0 !important;
}

.hidden {
    max-height: 0px !important;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}


.notification-name {
    font-weight: 600;
    text-transform: uppercase;
    font-size: small;
}

.notification-description {
    color: #555
}

.overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay.target, .overlay.fa-bounce {
  visibility: visible;
  opacity: 1;
}
.overlay.target, .overlay.fa-bounce{
  animation: popup 0.7s;
}

#ent_codINE {
    width: fit-content;
    max-width: 75vw;
}
/*
.accordionPanel a.dd {
    margin: 0.7rem;
}*/

.dd.entidad {
    position: relative;
}

.dd.entidad .ribbon {
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.dd.entidad .ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#f19451 0%, #db610a 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.dd.entidad .ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #db610a;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #db610a;
}
.dd.entidad .ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #db610a;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #db610a;
}


.container .entSello {
    position: absolute;
    /*filter: grayscale(1);
    opacity: 0.6;*/
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    background: radial-gradient(circle, white 0%, transparent 68%);
    max-height:100px;
    color: white;
    margin: 0rem;
    padding: 0rem;
    border-radius: 4px;
    -webkit-filter: drop-shadow(2px 2px 0 #fff6) drop-shadow(1px 0px 0 #fff6);
    filter: drop-shadow(2px 2px 0 #fff6) drop-shadow(1px 0px 0 #fff6);
}

img.entSello:before {
    content: "aa";
    background: ghostwhite;
    color: transparent;
    left: 0;
    width: 30px;
    position: absolute;
}

.c_center.title {
    background: unset;
    color: var(--colour);
    box-shadow: unset;
}

img[src*="22000.png"].entSello {
    top: 28% !important;
    max-width: 150px;
    max-height: 130px;
    background: unset;
    right: 3rem;
}

.filterMenu {
    background: #E0909022;
}

.container.container-login {
    padding: 2rem;
}



div#app-user {
    width: fit-content;
    margin-right: 1rem;
    margin-left: auto;
    margin-top: -3px;
    max-width: 600px;
    border-radius: 0px 0px 10px 10px;
    min-height: 29px;
}

header#banner {
    max-width: 100%;
    min-width: 100%;
    margin: auto;
    box-shadow: 1px 2px 4px rgb(0 0 0 / 15%);
}

#banner-wrapper.affix {
    background: transparent;
    box-shadow: unset;
}

#heading .logo img {
    padding: unset;
}
.logo.custom-logo {
    padding: 0.5rem;
    vertical-align: sub;
    display: flex;
}

#app-mainMenu, .app-mainMenu {
    margin-right: 0px;
    margin-left: auto;
    /*border: 1px solid;
    border-color: gainsboro;*/
    border-radius: 6px 6px 0px 0px;
    overflow: hidden;
}
#app-mainMenu span.action, #app-mainMenu span.pointer, .app-mainMenu span.action, .app-mainMenu span.pointer {
    text-align: center;
    display: flex;
    margin: auto;
    align-items: center;
    height: inherit;
    /* padding: 0rem; */
    padding: 0 1em;
}
#app-mainMenu div, .app-mainMenu div  {
    background: #dfdfdf;
    height: 2.5rem;
    /*border-bottom: 4px solid #7777;*/
    border-left: 1px solid white;
    padding: 0 0em !important;
    background: linear-gradient(180deg, #bebebe, #c7c7c7);
}
#app-mainMenu div:hover, .app-mainMenu div:hover {
    /*background: #F0A0A040;
    background: #fddddd;*/
    background: linear-gradient(180deg, #E0909060, #E0909060, #fec7c7);
}

#app-user-menu {
    margin-bottom: 0px;
    margin-top: auto;
    flex: 1;
}

#app-user-menu div div span:hover {
    background-size: 100% 4px !important;
}

#app-user-menu div div span, #app-user-menu div div span a {
    background-size: 0% 4px !important;
}


#heading {
    flex: 1;
}

.main-title-responsive-container {
    display: block;
    flex: 2;
    justify-content: center;
    display: flex;
}

.main-title-responsive-container #main-title-responsive div span {
    display: -webkit-box;
    font-size: 1.4rem;
    border-bottom: unset;
    text-transform: math-auto;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#main-title-responsive {
    display: block;
}
#main-title-responsive div {
    display: flex;
    align-items: center;
}

#main-title-responsive #appIcon img {
    width: 3rem;
    max-width: 5vw;
    margin-right: 6px;
    margin-top: -3px;
}

#main-title {
    display: none;
    border-bottom: unset;
}
body header .cabecera-derecha {
    position: relative;
    display: flex;
    margin: auto;
    max-width: 1440px;
    width: 100%;
    float: none;
}
.cabecera-derecha .menu-horizontal-wrapper .menu-horizontal.nivel-1  {
    margin-left: auto;
    margin-right: 0;
}

.fileUploadInputBox {
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    margin-top: 5px;
}

.fileUploadInputBox .fileUploadMaxSizeTitle {
    font-size: 0.9em;
    padding-top: 2px;
    padding-bottom: 3px;
    text-align: center;
}

/* file upload button */
.fileUploadInputBox input[type="file"] {
    border: 1px dashed gray;
    width: 100%;
    padding: 1rem;
    border-radius: 0.4rem;
    box-sizing: border-box;
    background: ghostwhite;
    margin-bottom: 2px;
}

.fileUploadInputBox input[type="file"]::before {
    font-family: "Font Awesome 6 Free";
    content: "\e09a";
    margin-left: 10px;
    margin-top: 10px;
    color: white;
    font-weight: 900;
    position: absolute;
}

.fileUploadInputBox input[type="file"]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  color: white;
  background-color: var(--colourButtons);
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  padding-left: 30px;
  transition: background-color 200ms;
}

.fileUploadInputBox input[type="file"]::before::file-selector-button {
    font-family: "Font Awesome 6 Free";
    content: "\f2ed";
    margin-right: 3px;
    font-weight: 900;
}

.fileInputAsociatedButtons {
    margin-top: 0;
    margin-bottom: auto;
}

/* file upload button hover state */
.fileUploadInputBox input[type="file"]::file-selector-button:hover {
      background-color: #950a18 !important;
}

/* file upload button active state */
.fileUploadInputBox input[type="file"]::file-selector-button:active {
      background-color: #950a18 !important;
}


#ficheros .ficheroData div div {
    background-color: unset;
    padding: 1rem;
    border-radius: 4px;
}
.fData, .csvData {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.ficheroData, .csvData {
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    margin-bottom: 8px;
}

#ficheros, #ficherosCSVs {
    background: whitesmoke;
    padding: 1rem;
}
.fbuttons, .fbuttons button {
    margin: auto;
}

.ficherosBox {
    max-width: 80vw;
    border-radius: 5px;
    overflow: hidden;
    width: 40rem;
}

.ficherosBox .ficherosTitle {
    background: gainsboro;
    border-bottom: 2px solid gray;
    padding: 0.5rem 1rem;
    font-weight: 800;
}

.sectiontab .formField {
    display: block;
    margin-top: 1rem;
}

.sectiontab .formField textArea {
    max-width: 80vw;
}
.sectiontab .formField select {
    max-width: fit-content;
    min-width: 20rem;
}
.sectiontab .title {
     background: var(--colourSoft);
     color: white;
     padding: 1rem 2rem;
     margin: -20px -20px 30px -20px;
     border-bottom: 3px solid #D06060;
 }

.titlePage, div.container > div.title:first-child {
    background: var(--colour);
    border-bottom: 5px solid var(--colourSoft);
    color: white;
    font-size: larger;
    padding: 1rem 3.5rem;
    margin: 0rem 0rem 3rem 0rem;
    margin: -2rem -2.5rem 3rem -2.5rem;
}


.swal2-content {
    min-width: fit-content;
    padding: 2rem;
}

.swal2-popup.swal2-modal.animate__animated.animate__fadeIn {
    min-width: fit-content;
    width: 20vw;
    max-width: 70vw;
}

.navbar {
    padding: 0 1rem;
}

.searchBox:not(.searchBoxFixed) #search {
    min-width: -webkit-fill-available;
    max-width: calc(100% - 1rem);
}

#manual-outlook {
    transition: all 0.3s linear;
}

.manual-body-container {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #cccc;
    position: fixed;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(2px);
    overflow: hidden;
}
.manual-container {
    max-width: 1100px;
    margin: auto;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    width: 100vw;
    max-width: 65vw;
    height: 93vh;
    overflow: hidden;
}
.manual-inner-container {
    width: fit-content;
    height: 80vh;
    max-height: max-content;
    overflow: scroll;
}
.manual-container h1, .manual-container h2 {
    color: #333;
}
.manual-container ol {
    padding-left: 20px;
}

.manual-container .steps {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.manual-container .step {
    flex: 1 1 300px;
    background: #e8e8e8;
    padding: 10px;
    border-radius: 5px;
    min-width: 18vw;
}

.input-inner-btn, .input-inner-btn:hover {
    display: inline;
    position: absolute;
    background: transparent !important;
    margin-top: 5px;
    font-size: larger;
    border: none;
    box-shadow: unset;
    padding: 0;
    width: 25px;
}

/* RESPONSIVE HEADER (Tablet & Phone)*/
/* RESPONSIVE HEADER (Tablet & Phone)*/
@media screen and (max-width: 1000px){
    .container {
        padding: 2rem 0rem;
    }
    #cIdentification.container {
        padding: 2rem 2rem;
    }

    #app-mainMenu div, .app-mainMenu div  {
        height: 2rem;
    }
    div#app-user {
        min-height: 26px;
    }

    .right-app-user .app-user-element:first-child {
        width: 10ch;
        overflow: hidden;
        white-space: nowrap;
        padding: 4px;
    }
    .right-app-user .app-user-element:last-child {
        padding: 4px;
    }
    .right-app-user #authUser {
        display: none;
    }

    .manual-container {
        max-width: 90vw;
    }

}
@media (max-width: 768px){

    .right-app-user #authUser {
        display:none;
    }
    .right-app-user .app-user-element:last-child {
        padding: 4px 4px;
        height: 25px;
        overflow: hidden;
        width: 77px;
        text-align: center;
    }

    .container {
        padding: 2rem 0.1rem;
    }

    .tabContainer {
        padding: 2rem 0.5rem;
    }

    .content-inner-container {
        padding-top: 70px;
    }

    #app-user-menu{
        display:none;
        margin-top: 20px;
    }

    div#app-user {
        min-height: 25px;
        margin-right: 0.5rem;
    }
    .navbar {
        padding: 0 0rem;
        min-height: 55px;
    }

    .dropdown-content {
        background: unset;
        box-shadow: unset;
    }
    .app-mainMenu {
        border-radius: 6px;
    }
    #app-mainMenu div,  .app-mainMenu div{
        border-bottom: 2px solid #7777;
    }

    #heading .logo img{
        max-height: 61px;
    }

    #main-title {
        display:none;
    }

    #main-title-responsive {
        display:block;
    }
    .main-title-responsive-container #main-title-responsive div span {
        font-size: 1rem;
    }

    .tab span {
        padding: 0.5rem 0rem;
        font-size: smaller;
    }


    #heading {
        width: unset;
    }

    .searchBox.searchBoxFixed {
        top: 90px;
    }

    .content-outer-container .searchBox.searchBoxFixed {
        top: 68px;
    }

    footer .footer-superior .col-dos .redes_sociales {
        display: grid
    }
    footer .footer-superior .col-dos .redes_sociales .red_social {
        margin: 0px;
    }

    /* Notificaciones lanzadera */
    .notificaciones-item-content > div a, .notificaciones-item-content > div a:hover {
        font-size: xx-small;
    }
    .notificaciones-item-content > div {
        margin: -10px 2px;
    }
}