body div.contLogin {
    margin: 0px auto;
}
.formLogin div{
    margin:5px;
}

input:focus-visible {
    outline: 2px solid var(--blue-color);
    outline-offset: -2px;
    caret-color: var(--blue-color);
}
textarea:focus-visible {
    outline: 2px solid var(--blue-color);
    outline-offset: -2px;
    caret-color: var(--blue-color);
}

.closeOptions {
    background-image: url("images/lupaReducir.svg");
    background-size: 25px 25px;
    cursor: pointer;
    height: 25px;
    position: absolute;
    top: 3px;
    right: 35px;
    width: 25px;
}

.min .closeOptions {
    background-image: url("images/lupaAmpliar.svg");
}
.icon {
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 30px;
    min-width: 30px;
    padding-left: 20px;
    display: inline-block;
}
.icon[class*="flag-"] {
    min-width: 15px;
    min-height: 15px;
}

.icon.correct {
    background-image: url("images/ok_temporal.png");
}

.icon.incorrect {
    background-image: url("images/ko_temporal.png");
}

.iconcountry {
    padding-left: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    height: 15px;
    margin-left:5px;
}

div.ui-widget-header {
    background-image: linear-gradient(to bottom, var(--yellow-color) 0%, var(--yellow-color) 50%);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto 100%;
    color: var(--blue-color);
}

div.textblk-text {
    padding-top: 5px;
    font-size: 1.4em;
    font-weight: bold;
    color: var(--blue-tertiary-color);
}
.no-border div.textblk-text {
    border: none;
}
.bottom-shadow {
    padding-bottom: 2em;
    -webkit-box-shadow: 0px 6px 7px -6px #777;
    -moz-box-shadow: 0px 6px 7px -6px #777;
    box-shadow: 0px 6px 7px -6px #777;
}
.left-bottom-shadow {
    -webkit-box-shadow: -9px 6px 7px -6px #777;
    -moz-box-shadow: -9px 6px 7px -6px #777;
    box-shadow: -9px 6px 7px -6px #777;
    padding-left: 1em;
    padding-bottom: 2em;
}
.bottom-border div.textblk-block {
    border-bottom: 1px dotted black;
    padding-bottom: 2em;
}





div[textblock].sub-block, div[textblock].sub-block {
    padding-left: 50px;
}
input:required:valid {
    background-color: #0080003d;
}
input:required:invalid {
    background-color: #ff00004f;
}
div.contentlabel {
    line-height: 20px;
    font-size: 12px;
}

.ui-widget table.dataTable tbody tr td, .ui-widget table.dataTable thead tr th {
    font-size: 15px;
}

div.contentinput input.numeric.kSimpleScan::placeholder {
    text-align: left;
}

/*/ //////////Design 11/2024////////////// /*/
button[keyname="DialogSave"] {
    background-color: var(--blue-color) !important;
}
button[keyname="DialogEdit"] {
    background-color: var(--blue-color) !important;
}
.ui-dialog-titlebar-close{
    background: var(--grey-light-color) !important;
}

button.searchGrid, button.showHideExtraContent {
    height: 32px;
    font-family: 'Inter', Inter;
    padding: 5px;
    margin-top: 8px;
    margin-bottom: 8px;
    right: 3em;
    bottom: 0;
}

div.SearchContainer button.showHideExtraContent {
    right: 11em;
}
button.searchGrid:hover {
    font-family: 'Inter', Inter;
}

div.contentinput input {
    -webkit-box-shadow:none;
}

.search-icon-title{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* DISENY 13/05/25 DIALOG-ERROR */
/*
div.Error div.ui-widget-header {
    background-image: linear-gradient(to bottom, var(--error-color) 0%, var(--error-color) 50%);
    color: var(--white-color);
}

div.Error div.kMsgBox {
    margin: 55px 10px;
    font-size: 130%;
    font-weight: bold;
}

div.Error div.ui-dialog-buttonpane {
    padding: 20px;
}

div.Error div.outer-center {
    font-size: 125%;
    font-weight: bold !important;
}*/

/* DISENY 22/05/2025 DIALOG HOMOGENI */

.typeError1 { /* ALERTA */

}

.typeError2 { /* AVIS */

}

.typeError2 .ui-dialog-titlebar::before {
    display: inline-block;
    background-image: url('images/AUCTION_icon-estat-alerta-servei.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    position: absolute;
    left: 0;
}

.typeError2 div.ui-widget-header {
    background-image: linear-gradient(to bottom, var(--yellow-color) 0%, var(--yellow-color) 50%);
    color: var(--blue-color);
}

.typeError2 .ui-dialog-title {
    font-size: 110%;
}

div.typeError2.MsgBox.ui-widget-content {
    background-color: white;
}

.typeError2 div.kMsgBox {
    padding: 60px 40px;
    font-size: 120%;
    font-weight: bold;
}

.typeError2 div.ui-dialog-buttonpane {
    padding: 10px;
}

.typeError2 div.outer-center {
    font-size: 125%;
    font-weight: bold !important;
}

.typeError3 { /* ERROR */

}

.typeError3 .ui-dialog-titlebar::before {
    display: inline-block;
    background-image: url('images/AUCTION_icon-estat-alerta-servei-negre.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    position: absolute;
    left: 0;
}

.typeError3 .ui-dialog-title {
    font-size: 120%;
}

div.typeError3.MsgBox.ui-widget-content {
    background-color: white;
}

.typeError3 div.ui-widget-header {
    background-image: linear-gradient(to bottom, var(--error-color) 0%, var(--error-color) 50%);
    color: var(--white-color);
}

.typeError3 div.kMsgBox {
    padding: 60px 40px;
    font-size: 130%;
    font-weight: bold;
}

.typeError3 div.ui-dialog-buttonpane {
    padding: 10px;
}

.typeError3 div.outer-center {
    font-size: 125%;
    font-weight: bold;
}

.icon.whatsapp {
    background-image: url("images/whatsapp-green.svg");
}

.icon.telegram {
    background-image: url("images/telegram-blue.svg");
}

.icon.skype {
    background-image: url("images/skype-blue.svg");
}

.icon.teams {
    background-image: url("images/teams-purple.svg");
}

.icon.star {
    background-image: url("images/star.png");
}
tr > td.flex {
    display: flex;
}

/*Histórico de versiones*/
div.HTMLContent {
    padding: 10px 40px;
}

/*TEMP icon help*/
.selected > .option > a[keyname="ayudas"] .option-img.menu-db-img, .option > a[keyname="ayudas"] .option-img.menu-db-img {
    margin-top: 4%;
    margin-left: 2%;
}