/*
	1.- Generales
	2.- Cabecera
	3.- Contenido Principal
	4.- Modificaciones a Bootstrap
	5.- Modificaciones a font-awesome
    6.- Modificaciones a los WidGets
	    6.1.- Modificaciones al Componente DataTables
        6.2.- Modificaciones al Componente Bootstrap-Select
        6.3.- Modificaciones al Componente Toastr
    7.- Errores
    8.- JQuery
	99.- Media Queries
    999.- PROVISIONAL
*/


/* 1.- Generales =========================================================================== */
/* 1.1 Etiquetas generales */
body {
	padding-top: 0px;
	padding-bottom: 20px;
	font-family: 'Roboto', Verdana, sans-serif !important;
}

body,
body * {
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: grayscale;
}

.body-content {
	padding-left: 15px;
	padding-right: 15px;
}
.dl-horizontal dt {
	white-space: normal;
}
input,
select,
textarea {
	font: Roboto;
}
input[type="submit"][class^="btn"],
input[type="button"][class^="btn"],
button[type="submit"][class^="btn"],
button[type="button"][class^="btn"],
a.btn-secundary {
	border-radius: 0px;
	border: none;
	/*background-color: #636;
	color: #fff;*/
	font-weight: bold;
	text-transform: uppercase;
	
	font-size: 0.8rem;
	padding: 9px 34px;
	letter-spacing: 0.1rem;

}

*[class^="btn"]:focus,
*[class^="btn"].focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: none !important;
}

label {
	font-size: 0.875rem;
	margin-top: 12px;
	margin-bottom: 0px;
}
input[type="text"],
input[type="date"],
textarea,
select,
input.form-control,
textarea.form-control,
select.form-control {
	/*border: 1px solid #999;*/
	border-radius: 0px;
	padding: 2px 6px;
}

input[type="text"],
input.form-control,
select,
select.form-control,
input[type="date"] {
	height: 30px !important;
	line-height: 26px !important;
}
/*
input[type="text"],
input.form-control,
select,
select.form-control, */
input[type="date"] {
	max-width: 280px;
}

fieldset legend {
	font-size: 1.125rem;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	background-color: transparent;
	text-transform: none;
}

table,
table.table,
select,
select.form-control {
	border-collapse: collapse !important;
	border-spacing: 0px;
	/*border: 1px solid #9aa8b6;*/
}
table th,
table.table th,
table td,
table.table td {
	/*border: 1px solid #9aa8b6;*/
	padding: 6.5px 11px;
}
table th,
table.table th {
	/*background-color: #d8cfd7;
	color: #636;*/
}

table th:last-child,
table.table th:last-child {
	/*min-width: 56px;*/
}

table tbody tr.ambFilaActiva,
table.table tbody tr:nth-of-type(n).ambFilaActiva {
    /*background-color: #fdebf2;*/
}


/* 1.2 Clases propias generales */
.ambTitGeneral,
h2.ambTitGeneral {
	/*color: #636;*/
	font-size: 1.375rem;
	font-weight: bold;
}

.ambGrupoFechas {
	/*border: 1px solid #ccc;*/
	padding: 4px 18px 22px 18px; /*0px 18px 22px 18px;*/
	position: relative;
	margin-top: 36px;
	
}
.ambGrupoFechas legend {
	font-size: 0.875rem;
	position: absolute;
	top: -22px;
	left: 0px;
	font-weight: normal;
	color: rgb(33, 37, 41) !important;
}
.ambGrupoFechas .ambContenedorFechas {
	margin-top: 10px; /*-20px;*/
}
.ambGrupoFechas .ambContenedorFechas label {
	display: block;
	margin-top: 0px;
}
.ambGrupoFecha label {
	display: block;
}
input.ambTipoFecha,
input.hasDatepicker {
	width: 6.6rem; /*9rem;*/
	max-width: 6.6rem; /*9rem;*/
	display: inline-block;
}

.ambTipoFecha + .ambIcoCalendario {
	font-size: 27px;
	margin-left: 4px;
	cursor: pointer;
	vertical-align: sub;
}
.ambTipoFecha + .ambIcoCalendario + .ui-datepicker-trigger {
	display: none;
}


.ambGrupoRadios {
	padding: 4px 18px 22px 18px;
	position: relative;
	margin-top: 36px;
}
.ambGrupoRadios legend {
	font-size: 0.875rem;
	position: absolute;
	top: -22px;
	left: 0px;
	font-weight: normal;
	color: rgb(33, 37, 41) !important;
}

/* checkBoxes */
input[type="checkbox"] {
	position: absolute;
	left: -50000px;
}
input[type="checkbox"] ~ label {
	padding-left: 24px;
	line-height: 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(irudiak/icoCheckGrisOff.png);
	background-size: 20px 20px;
	cursor: pointer;
}
input[type="checkbox"]:checked ~ label {
	background-image: url(irudiak/icoCheckGrisOn.png);
}
/* checkBoxes en tabla */
table input[type="checkbox"] ~ label {
	text-indent: -50000px;
	margin: 0px auto;
	width: 100%; /*24px;*/
	background-position: 50% top;
}

/* RadioButtons */
input[type="radio"] {
	position: absolute;
	left: -50000px;
}
input[type="radio"] + label {
	padding-left: 24px;
	line-height: 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(irudiak/icoRadioGrisOff.png);
	background-size: 20px 20px;
	cursor: pointer;
	
	padding-right: 12px;
	min-width: 50px;
}
input[type="radio"]:checked + label {
	background-image: url(irudiak/icoRadioGrisOn.png);
}
/* checkBoxes en tabla */
table input[type="radio"] + label {
	text-indent: -50000px;
	margin: 0px auto;
	width: 100%; /*24px;*/
	background-position: 50% top;
}

.badge-tamoin {
    color: #000;
    background-color: #f28e00;
}

.sktFile:disabled {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    cursor: pointer !important;
}

:disabled, .select2-container--disabled {
    cursor: not-allowed;
}

/* 2.- Cabecera =========================================================================== */
nav.navbar {
	/*background-color: #eeedee !important;*/
	padding: 0px;
	font-family: 'Roboto', Verdana, sans-serif;
	height: calc(174px - 62px);
}

nav.navbar.ambCabeceraLimpia {
	height: 110px;
}  


/* 2.1 Logo */
.navbar-brand {
	position: absolute;
	left: 2px;
	top: 0px;
	text-indent: -50000px;
	background: transparent url(irudiak/Logos/Tamoin_LogoHorizontal.png) no-repeat 50% 50%;
	width: 500px; /*250px;*/
	height: 109px; /*37px;*/
}

/* 2.2 Menú Principal */
nav.navbar div.navbar-collapse {
	/*
	background: #d8cfd7;
	background: -moz-linear-gradient(top, #d8cfd7 0%, #d8cfd7 70%, #c9bfc8 100%);
	background: -webkit-linear-gradient(top, #d8cfd7 0%,#d8cfd7 70%,#c9bfc8 100%);
	background: linear-gradient(to bottom, #d8cfd7 0%,#d8cfd7 70%,#c9bfc8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8cfd7', endColorstr='#c9bfc8',GradientType=0 );
	*/
	align-self: flex-end;
}
nav.navbar div.navbar-collapse .nav-item .nav-link {
	display: inline-block;
	padding: 0px 16px;
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 62px;
	/*color: #636;*/
}
nav.navbar div.navbar-collapse .nav-item.active .nav-link {
	/*color: #fff;
	background-color: #636;*/
}
.ambOpcionesCabecera {
	position: absolute;
	right: 12px;
	top: 4px;
	height: calc(174px - 62px);
}
.ambSeccionUsuario {
	margin-top: 6px;
	text-align:right;
}
.ambSeccionUsuario > p {
	padding-left: 6px;
	padding-right: 6px;
}
.ambSeccionOpciones {
	margin-top: 14px;
	text-align: right;
}
.ambSeccionUsuario > *,
.ambSeccionOpciones * {
	display: inline-block;
}
.ambSeccionUsuario * {
	/*color: #636;*/
	margin-bottom: 0px;
	vertical-align: middle;
}
.ambSeccionUsuario .ambLogoEntidad {
	width: 114px;
	height: 42px;
	text-indent: -50000px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.ambSeccionUsuario .ambNombreUsuario {
	font-weight: bold;
	font-size: 0.875rem;
	line-height: 42px;
	/*cursor: pointer;*/
}
.ambSeccionUsuario .ambFechaAcceso {
	font-weight: normal;
	font-size: 0.8125rem;
	line-height: 26px;
	margin-top: 8px;
	margin-bottom: 8px;
	/*border-left: 1px solid #636;*/
}
.ambSeccionUsuario .ambFechaAcceso:first-of-type {
	border-left: none !important;
}


.ambSeccionUsuario .ambSalir {
	width: 22px; /*25px;*/
	height: 22px; /*25px;*/
	line-height: 22px;
	text-align: center;
	/*background-color: #636;*/
}
.ambSeccionUsuario .ambSalir *,
.ambSeccionUsuario .ambSalir *[class*="fa"] {
	/*color: #fff !important;*/
	margin: 0px auto;
	font-size: 16px;
	line-height: 19px;
	height: 22px;
}

.ambSeccionUsuario .ambSalir span {
	position: absolute;
	left: -50000px;
}


h2.tamoinPortalTit {
	color:#3b6291;
	padding-top:10px;
	text-transform:uppercase;	
}

@media screen and (max-width: 468px) {
    h2.tamoinPortalTit {
        color: #3b6291;
        padding-top: 10px;
        text-transform: uppercase;
        font-size: 22px;
    }
}


/* Versión con sólo Ayuda */
.ambSeccionOpciones .ambAyuda {
	padding: 0px 1rem;
	margin-right: 12px;
}


.ambSeccionOpciones .ambContacto li {
	list-style: none;
	padding: 0px 1rem;
}
.ambSeccionOpciones .ambContacto li *,
.ambSeccionOpciones .ambAyuda * {
	/*color: #4d4d4d;*/
	font-size: 0.875rem;
	font-weight: bold;
	text-transform: uppercase;
}
.ambSeccionOpciones .ambContacto li:last-child {
	position: relative;
}
.ambSeccionOpciones .ambContacto li:last-child::before {
	content: " ";
	display: block;
	width: 5px;
	height: 5px;
	/*background-color: #636;*/
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(-50%, -50%);
}
.ambSeccionOpciones .ambSelectorTarjeta {
  position: relative;
}
.ambSeccionOpciones .ambSelectorTarjeta select::-ms-expand {
     display: none;
}
.ambSeccionOpciones .ambSelectorTarjeta:after {
  content: ' ';
  width: 19px;
  height: 19px;
  background: transparent url(irudiak/icoDesplegarSelect.png) no-repeat 50% 50%;
  right: 11px;
  top: 50%;
  transform: translate(0px, -50%);
  
  position: absolute;
  pointer-events: none;
}
.ambSeccionOpciones .ambSelectorTarjeta select {
	/*border: 1px solid #999;*/
	line-height: 2rem;
	height: 2rem;
	padding: 0px 2rem 0px 6px;
	max-width: 360px;
	font-size: 0.875rem;
	cursor: pointer;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.ambSeccionOpciones .ambSelectorTarjeta label {
	position: absolute;
	left: -50000px;
}


/* 2.3 Acciones en la cabecera de las tablas */
.ambAccionesResultados {
	margin: 0px;
}
.ambAccionesResultados li {
	list-style: none;
	display: inline-block;
	/*background-color: #9d5891;*/
}

.ambAccionesResultados li a {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

.ambAccionesResultados li * {
	/*color: #fff !important;*/
	text-decoration: none;
	font-size: 18px;
	line-height: 28px;
	margin: 0px;
}
.sktSelectsTablas {
	margin-top: 18px !important;
}
.sktSelectsTablas label {
	margin-top: 4px;
}
.sktSelectsTablas select {
	height: 1.4rem !important;
	max-height: 1.4rem;
	line-height: 1.4rem !important;
	padding: 2px 6px;
	margin: 0px 4px;
	font-size: 0.8rem;
}

.ambBloqueResalte,
.validation-summary-errors  {
	border: 6px solid #eeedee;
	padding: 50px;
}

.ambBloqueError {
    padding-left: 180px;
    background: transparent url(irudiak/Logos/tamoinIcoError.svg) no-repeat 40px 50px;
}
.ambBloqueLogin {
	padding-left: 180px;
	background: transparent url(irudiak/Logos/tamoinIcoLogin.svg) no-repeat 40px 50px;
	
	min-width: 590px;
	margin: 0px auto;
}

.ambBloqueConstruccion {
    padding-top: 180px;
    background: transparent url(irudiak/Logos/tamoinIcoContruccion.svg) no-repeat 50% 50px;
    text-align: center;
}
.ambBloqueConstruccion h2 {
	font-size: 2.5rem;
	text-transform: uppercase;
	color: #dd211c !important;
}
.ambBloqueConstruccion strong {
	font-size: 1.375rem;
}



/* 3.- Contenido General =========================================================================== */

.ambBloqueEdicion {
	margin-top: 1rem !important;
}
.ambBloqueEdicion > form {
	border: 1rem solid #fbfafb;
	background-color: #fbfafb;
	margin: 1rem !important;
}



/* 4.- Modificaciones a bootstrap =========================================================================== */
#ambMenuPpal .dropdown-toggle::after {
	display: none;
}


.ambColapsable .btn.btn-primary {
	border: none;
	/*color: #636;*/
	font-size: 1.125rem;
	text-align: left;
	
	/*
	background: transparent url(irudiak/icoColapsableDesplegado.png) no-repeat left 50%;
	padding-left: 24px;
	*/
	padding: 0px;
	background-color: transparent;
	
	text-transform: none;
}

.ambColapsable .btn.btn-primary + .collapse,
.ambColapsable .btn.btn-primary + .collapsing,
.ambColapsable > .collapse,
.ambColapsable > .collapsing {
	padding: 0px 0px 6px 24px;
}

.ambColapsable > .collapse > .ambColapsable,
.ambColapsable form > .collapse > .ambColapsable {
	margin-top: 12px;
}

.ambColapsable .btn.btn-primary:not(:disabled):not(.disabled):active,
.ambColapsable .btn.btn-primary:not(:disabled):not(.disabled).active,
.ambColapsable .btn.btn-primary:not(:disabled):not(.disabled):focus,
.ambColapsable .btn.btn-primary:not(:disabled):not(.disabled).focus {
	border: none;
	box-shadow: none;
	/*color: #636;*/
	background-color: transparent;
	border: none;
}

.ambColapsable .btn.btn-primary i[class*="fa"] {
	padding-right: 6px;
	/*color: #636 !important;*/
	font-size: 1.2rem;
}

.ambColapsable.ambColapsableNivel2 .btn.btn-primary i[class*="fa"] {
	font-size: 1.25rem;
}

.ambColapsable .btn.btn-primary .fa-angle-down,
.ambColapsable .btn.btn-primary .fa-chevron-circle-down {
	display: inline-block;
}
.ambColapsable .btn.btn-primary .fa-angle-right,
.ambColapsable .btn.btn-primary .fa-chevron-circle-right {
	display: none;
}
.ambColapsable .btn.btn-primary.collapsed .fa-angle-down,
.ambColapsable .btn.btn-primary.collapsed .fa-chevron-circle-down {
	display: none;
}
.ambColapsable .btn.btn-primary.collapsed .fa-angle-right,
.ambColapsable .btn.btn-primary.collapsed .fa-chevron-circle-right {
	display: inline-block;
}

/*
.ambColapsable .btn.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}
*/

nav[aria-label*="breadcrumb"] {
	width: 100%;
	margin: 0px auto;
}
.breadcrumb {
	padding: 1rem;
	margin-bottom: 0px;
	background-color: transparent;
	border-radius: none;
}
.breadcrumb li,
.breadcrumb li * {
	line-height: 1.5rem;
	font-size: 0.875rem;
}

.breadcrumb li a {
	/*color: #000;*/
	text-decoration: underline;
	font-weight: 300;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    /*color: #000;*/
    content: ">";
}
.breadcrumb-item.active {
	font-size: 0.875rem;
	/*color: #000;*/
}
.body-content .container + .container,
.body-content #container + .container {
	margin-top: 1rem;
}

.validation-summary-errors {
    min-height: 100px;
	width: 60%;
	margin: 12px 20%;
	padding: 20px 20px 10px 90px;
	background: #fff url(irudiak/tamoinIcoError.svg) no-repeat 36px 26px;
	background-size: auto 46px;
}
.validation-summary-errors ul {
	margin-bottom: 0px;
}

/* 4.2 Tablas */
table tbody tr:nth-of-type(n),
table.table tbody tr:nth-of-type(n) {
    /*background-color: #fff;*/
}
.table th,
.table td {
    padding: 0.4rem 0.7rem;
    font-size: 0.875rem;
    vertical-align: inherit;
}
table.dataTable.table-condensed .sorting::after,
table.dataTable.table-condensed .sorting_asc::after,
table.dataTable.table-condensed .sorting_desc::after {
    top: 50%;
    bottom: auto;
    opacity: 0.4;
    transform: translate(0px, -50%);
}

div.dataTables_wrapper div.dataTables_length select {
	padding: 0px;
	width: auto;
	min-width: 50px;
	margin: 0px 6px;
}

/* 4.3 Paginado de las Tablas */
.dataTables_paginate {
	width: 100%;
}
.pagination,
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	justify-content: center;
}

.pagination .paginate_button a {
	display: inline-block;
	width: 34px;
	line-height: 34px;
	height: 34px;
	/*color: #636;*/
	text-decoration: underline;
	text-align: center;
}
.pagination .paginate_button a i,
.pagination .paginate_button a span {
	line-height: 34px;
	height: 34px;
}
.pagination .paginate_button.active a {
	/*background-color: #eee;
	color: #000;*/
	text-decoration: none;
}
.pagination .paginate_button.disabled {
	opacity: 0.4;
}

/* 4.4 Submenús del NavBar */
.nav-item.dropdown.show {
	/*background-color: #ebe7eb;*/
}
.dropdown-menu.show {
	margin-top: 0px;
	border-radius: 0;
	border: none;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
	/*color: #636;
	background-color: #ebe7eb;*/
}
.dropdown-menu.show * {
	/*color: #636;*/
}

/* 4.5 Tabs */
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}

/* 4.6 Widget BootstrapSelect */
.bootstrap-select {
    width: 100% !important;
}

/* 4.6 Modals */
.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100vh - 210px) !important;
    overflow-y: auto !important;
}

/* 4.8 Media Queries de Bootstrap */
@media all and (min-width: 1280px) {
	.container {
    	max-width: calc(100% - 30px - 30px);
	}
	.container .container {
		max-width: calc(100% + 30px);
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-right: -15px;
	}
    div[data-skt-form-container] .container {
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
        margin-left: 0px;
        margin-right: -60px;
        margin-top: 20px;
    }
	nav[aria-label*="breadcrumb"] {
		max-width: calc(100% - 30px - 30px);
	}
}

@media all and (min-width: 576px) {
	.container {
    	max-width: calc(100% - 10px - 10px);
	}
	.container .container {
    	max-width: calc(100% - 2px - 2px);
    	padding: 0px;
	}
	
	div[data-skt-form-container] .container {
		margin-top:20px;
	}
}

/* 5.- Modificaciones a font-Awesome =========================================================================== */
.fa,
.fas,
.far,
.glyphicon {
	font-size: 21px;
	margin: 2px 3px;
	/*color: #636 !important;*/
}
table *[class^="fa"],
table.table *[class^="fa"] {
	/*color: #9d5891 !important;*/ /*#636*/
}


/* 6.- Modificaciones a los WidGets =========================================================================== */

/* 6.1.- Modificaciones al Componente DataTables =========================================================================== */

.DTFC_RightBodyLiner,
.DTFC_LeftBodyLiner {
	overflow-y: hidden !important;
	height: auto !important;
}

.DTFC_RightBodyWrapper {
	border-right: 1px solid #9aa8b6 !important;
}


.DTFC_LeftBodyWrapper {
	-webkit-box-shadow: 2px 0px 8px -3px rgba(51,51,51,0.75);
	-moz-box-shadow: 2px 0px 8px -3px rgba(51,51,51,0.75);
	box-shadow: 2px 0px 8px -3px rgba(51,51,51,0.75);
}
.DTFC_RightBodyWrapper {
	-webkit-box-shadow: -2px 0px 8px -3px rgba(51,51,51,0.75);
	-moz-box-shadow: -2px 0px 8px -3px rgba(51,51,51,0.75);
	box-shadow: -2px 0px 8px -3px rgba(51,51,51,0.75);
}

/* --- TODO: START revisar diseño */
table.dataTable[data-skt-dt-select] th:first-child {
    min-width: 20px !important;
}
/* --- TODO: END revisar diseño */

table.table a[data-skt-dt-action] {
    display: inline-block;
    height: 29px;
    /*width: 29px;*/
}

.table-responsive {
	overflow-y: hidden;
}

.ambInfoTablas  {
	position: relative;
	min-height: 38px;
}

.ambInfoTablas div {
	display: block !important;
	padding: 0px !important;
}
.ambInfoTablas > div,
.ambInfoTablas > div * {
	text-align: left !important;
	white-space: normal !important;
}
.ambInfoTablas > div:first-child * {
	font-weight: bolder;
}

.ambInfoTablas > div + .dt-buttons {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translate(0px, -50%);
	margin: 0px;
}

.dataTables_processing {
    z-index: 1001;
}
@media all and (max-width: 767px) {
	.ambInfoTablas > div {
		width: calc(100% - 42px) !important;
	}
	.ambInfoTablas > div span {
		display: block;
		margin-left: 0px;
		font-weight: bolder;
	}
	.ambInfoTablas > div + .dt-buttons {
		width: 40px !important;
	}
}

/* 6.2. Modificaciones al Componente Bootstrap-Select =========================================================================== */
div.sktSelect > div.dropdown-menu {
    min-width: 100% !important;
}
/* 6.3.- Modificaciones al Componente Toastr  =========================================================================== */
#toast-container {
    width: auto !important;
    min-width: 350px !important;
    max-width: 35% !important;
}
.toast {
    width: auto !important;
    max-width: none !important;
}

/* 7. Errores =========================================================================== */
/* 7.1. Validation summary */
/*.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #FF0000;
}*/

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* 8.- JQuery =========================================================================== */
/* 8.1.- Ventanas modales con velo */
.no-close .ui-dialog-titlebar-close {
    display: none !important;
}

.ui-dialog {
    position: absolute;
    z-index: 10002;
    min-width: 480px;
    max-width: 90%;
    max-height: 820px;
    background-color: #fff;
    border: 2px solid #3b6291; /*#20416c;*/
    padding: 6px 1rem 1rem 1rem;
    border-radius: 6px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
    height: auto !important;
}

.ui-widget-overlay,
.sktVelo {
    background-color: #000;
    opacity: 0.5;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 10001;
}

.ui-dialog-titlebar {
    min-height: 2.6rem;
    position: relative;
    display: block;
    margin-bottom: 0.5rem;
    cursor: move;
}

.ui-dialog-titlebar > .ui-dialog-title {
    display: block;
    padding: 0.5rem;
    font-size: 1rem;
    /* V. 1
    background-color: #20416C;
    color: #fff;
    width: calc(100% - 48px); */
    /* V. 2 */
    color: #20416C;
    font-weight: bold;
}

.ui-dialog-titlebar button {
    position: absolute;
    right: 2px; /*-12px;*/
    top: 4px; /*0px;*/
    display: block;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    margin: 0px !important;
    background: transparent url(../images/icoCerrar.png) no-repeat 50% 50% !important;
}

.ui-dialog-titlebar button span {
    display: block;
    position: absolute;
    left: -5000px;
}
/* 8.2.- Ventana Cargando */
.sktCargando {
    position: relative;
    z-index: 10003 !important;
}

.sktCargando .ui-dialog {
    position: fixed;
    width: 200px;
    height: 160px;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

.sktCargando > div p {
    text-align: center;
    margin-bottom: 3rem;
    /*color: rgba(202, 16, 101, 1);*/
}

.sktCargando > div h3 {
    text-align: center;
    margin-bottom: 3rem;
    color: #3b6291;
}

.sktAniCargando {
    height: 50px;
    width: 50px;
    margin: 40px auto auto auto; /*94px auto 0 auto;*/
    position: relative;
    -webkit-animation: sktCargando 2.5s infinite linear;
    -moz-animation: sktCargando 2.5s infinite linear;
    -o-animation: sktCargando 2.5s infinite linear;
    animation: sktCargando 2.5s infinite linear;
    border-left: 6px solid rgba(66, 107, 140, .15);
    border-right: 6px solid rgba(66, 107, 140, .15);
    border-bottom: 6px solid rgba(66, 107, 140, .15);
    border-top: 6px solid #3b6291;
    border-radius: 100%;
}

@-webkit-keyframes sktCargando {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes sktCargando {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes sktCargando {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes sktCargando {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/* 99.- Media Queries =========================================================================== */

@media all and (min-width: 1280px) {
	nav.navbar {
    	padding: 0px 30px;
	}
	.navbar-brand {
		left: calc(20px + 10px);
	}
	.ambOpcionesCabecera {
		right: calc(20px + 30px);
	}
	.collapse.navbar-collapse {
		display: block !important;
    	padding: 0px 30px;	
		margin: 0px -30px;
		width: calc(100% - 60px);
		min-width: calc(100% - 60px);
		
	}
}
@media all and (max-width: 1025px) {
	.ambColapsable .btn.btn-primary + .collapse,
	.ambColapsable .btn.btn-primary + .collapsing,
	.ambColapsable > .collapse, .ambColapsable > .collapsing {
    	padding-left: 6px;
	}
}

/*@media all and (min-width: 577px) {*/
@media all and (min-width: 992px) {
	nav.navbar {
    	height: 174px;
   } 
	nav.navbar div.navbar-collapse {
		height: 62px;
	}
}
@media all and (max-width: 992px) {
	nav.navbar .navbar-toggler {
    	position: absolute;
    	bottom: 8px;
    	left: 10px;
    	z-index: 10;
	}
	nav.navbar:not(.ambCabeceraLimpia) .navbar-brand {
		top: 8px;
	}
	.navbar-collapse.collapse,
	.navbar-collapse.collapsing {
    	position: absolute;
    	top: 107px;
    	left: 4px;
    	width: 99.5%;/*200px;*/
    	z-index: 5000;
    	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
    	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
    	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
	}
	nav.navbar div.navbar-collapse .nav-item .nav-link {
    	line-height: 36px;
	}
}

@media all and (max-width: 860px) {
	/*
	nav.navbar {
		height: 160px;
	}
	*/	
	nav.navbar h1 {
		margin-bottom: 0px;
	}
	nav.navbar:not(.ambCabeceraLimpia) .navbar-brand {
		left: 20px;
		top: 8px;
    	width: calc(0.8 * 327px);
    	height: calc(0.8 * 48px);
    	background-size: contain;
	}
	.ambOpcionesCabecera {
		top: 0px;
		left: 0px;
		text-align: right;
	}
	.ambSeccionUsuario {
		margin-top: 0px;
	}
	.ambSeccionUsuario .ambNombreUsuario {
		width: calc(99% - 42px);
		padding-right: 36px;
		line-height: 22px;
	}
	.ambSeccionUsuario .ambFechaAcceso {
		border-left: none;
	}
	.ambSeccionUsuario .ambSalir {
		margin-top: -28px;
	}
	.ambSeccionUsuario .ambLogoEntidad {
		/*position: absolute;
		left: 20px;
		top: 54px;*/
		position: absolute;
    	right: 265px; /*235px;*/
		top: 5px;
		text-align: left;
	}
	.ambSeccionUsuario .ambNombreUsuario {
		/*line-height: 26px;*/
	}
	.ambSeccionUsuario .ambFechaAcceso {
		/*line-height: 26px;*/
		margin-top: 0;
		margin-bottom: 0;
		border-left: none;
		padding-right: 10px;
		line-height: 22px;
	}
	.ambSeccionOpciones {
		/*padding-right: 0px;
		margin-top: 24px;
		text-align: left;*/
		margin-top: 10px;
		padding-left: 12px;
	}
	.ambSeccionOpciones .ambSelectorTarjeta select {
		max-width: 270px;
	}
	.ambSeccionOpciones .ambAyuda {
		margin: 0px;
	}
}


@media all and (max-width: 760px) {
	/*
	nav.navbar {
    	height: 162px;
	}
	*/
	.ambOpcionesCabecera {
		top: 0px;
	}
	.ambSeccionOpciones {
    	margin-top: 10px;
	}
}

@media all and (max-width: 640px) {

	.ambCabeceraLimpia + .container.body-content.mt-5 {
		margin-top: 12px !important;
	}
	.ambBloqueLogin {
		padding: 80px 40px 20px 40px;
		background: transparent url(irudiak/Logos/tamoinIcoLogin.svg) no-repeat 50% 10px;
		background-size: 60px;
		min-width: 96%;
		margin: 0px auto;
	}
	.ambBloqueLogin .form-group,
	.ambBloqueLogin p {
		margin-bottom: 6px;
	}
	.ambBloqueLogin .ambTitGeneral ~ *[class*="mt-"] {
		margin-top: 24px !important;
	}
	.ambSeccionUsuario .ambLogoEntidad {
    	right: auto;
    	left: 66px;
		top: 52px;
	}
}

@media all and (max-width: 576px) {

	nav.navbar {
		display: block;
		position: relative;
		height: 160px;
	}
	nav.navbar div.navbar-collapse {
		position: absolute;
		width: 100%;
		top: 161px;
		text-align: left;	
		padding: 12px;
		z-index: 100;	
	}
	nav.navbar.ambCabeceraLimpia .navbar-brand {
		left: 50%;
		top: 16px;
		transform: translate(-50%, 0px);
		margin-right: 0px;
    	/*width: calc(0.8 * 327px);
    	height: calc(0.8 * 48px);
    	background-size: contain;*/
	}
	nav.navbar.ambCabeceraLimpia .ambFechaAcceso {
		display: block;
		text-align: center;
	}
	
	.ambSeccionUsuario {
    	padding-top: 72px;
	}
	.ambSeccionUsuario .ambLogoEntidad {
    	right: 2px;
    	left: auto;
    	top: 10px;
	}
	.ambSeccionUsuario .ambNombreUsuario {
		width: auto;
	}
	.ambSeccionUsuario .ambSalir {
    	margin-top: 0px;
	}
	.ambSeccionOpciones {
    	margin-top: 22px;
	}
	
	.ambContenedorFechas > div[class*="col-"] {
		max-width: 190px;
	}
	
	/*
	.ambSeccionOpciones .ambAyuda,
	.ambSeccionOpciones .ambSelectorTarjeta {
    	float: right;
	}
	*/

}
/*
@media all and (max-width: 576px) {
	.navbar-brand {
    	width: calc(0.8 * 327px);
    	height: calc(0.8 * 48px);
    	background-size: contain;
	}
}
*/

@media all and (max-width: 480px) {

	nav.navbar {
		height: 128px; /*160px;*/
	}
	nav.navbar:not(.ambCabeceraLimpia) .navbar-brand {
    	width: calc(0.6 * 327px);
    	height: calc(0.6 * 48px);
    	left: 4px;
    	top: 12px;
	}
	nav.navbar.ambCabeceraLimpia .navbar-brand {
    	width: calc(0.8 * 327px);
    	height: calc(0.8 * 48px);
    	background-size: contain;
	}
	.ambSeccionUsuario {
    	padding-top: 28px; /*60px;*/
	}
	.ambSeccionUsuario .ambNombreUsuario {
    	width: calc(99% - 42px);
    }
	.ambSeccionUsuario .ambSalir {
    	margin-top: -28px;
	}
	.ambSeccionOpciones {
    	margin-top: 10px;
	}
	
	div[data-skt-form-container] .container {
		margin-top:20px;
	}
}

@media all and (max-width: 420px) {
	
	.ambSeccionOpciones .ambSelectorTarjeta select {
	    max-width: 200px;
	}

	.ambContenedorFechas > div[class*="col-"] {
		margin: 0px auto;
	}
	.ambContenedorFechas > div[class*="col-"] + div[class*="col-"] {
		margin-top: 12px;
	}
	.ambBloqueLogin {
		padding: 160px 20px 20px 20px;
	}
	.ambCabeceraLimpia + div .ambBloqueLogin {
		padding: 80px 20px 20px 20px;
	}
	
	div[data-skt-form-container] .container {
		margin-top:20px;
	}
	/*
	.ambSeccionUsuario {
		text-align: left;
		margin-top: -10px;
	}
	.ambSeccionUsuario .ambLogoEntidad {
		right: 4px;
	}
	.ambSeccionUsuario .ambFechaAcceso {
		border-left: none;
		padding-left: 42px;
	}
	.ambSeccionUsuario .ambSalir {
		position: absolute;
		left: 10px;
		top: 6px;
	}
	.ambSeccionOpciones {
		padding-right: 0px;
		padding-left: 12px;
		margin-top: 0px;
		text-align: left;
	}
	.ambSeccionOpciones .ambAyuda {
		position: absolute;
		right: -12px;
		top: 0px;
	}
	*/
}


@media all and (max-width: 400px) {
	nav.navbar:not(.ambCabeceraLimpia) .navbar-brand {
    	width: calc(0.5 * 327px);
    	height: calc(0.5 * 48px);
	}
	.ambSeccionUsuario .ambNombreUsuario {
    	width: 99%;
    	padding-right: 4px;
	}
	.ambSeccionUsuario .ambSalir {
    	margin-top: 0px;
		position: absolute;
		right: 2px;
		top: 7px;
	}
	.ambSeccionUsuario .ambLogoEntidad {
    	right: auto;
    	left: 2px;
    	top: 38px;
	}
}

/* 999.- PROVISIONAL =========================================================================== */
.ambSeccionUsuario .ambLogoEntidad {
    background-image: url(irudiak/logoAjuntament.jpg) !important;
}

.disabled {
    cursor: not-allowed;
}

/* berria */
.sktGrupoSubirArchivo {
    margin-top: 20px;
}

.sktGrupoSubirArchivo .form-control {
    height: auto !important;
}

.sktGrupoSubirArchivo .custom-file,
.sktGrupoSubirArchivo .custom-file * {
    cursor: pointer;
}

.sktGrupoSubirArchivo .custom-file-label {
    margin-top: 0px;
    padding: 6px 12px;
    line-height: 1.7rem !important;
    cursor: pointer;
}

.sktGrupoSubirArchivo .custom-file-label::after {
    padding: 6px 12px;
    line-height: 1.7rem !important;
    cursor: pointer;
}

.sktGrupoSubirArchivo .custom-file label + input {
    height: calc(2.25rem + 2px !important);
    /*line-height: calc(2.25rem + 2px) !important;*/
    line-height: 1.7rem !important;
    padding: 6px 12px;
}

.sktGrupoSubirArchivo .form-control i[class*="fa-cloud"] + span {
    display: inline-block;
    white-space: normal;
    width: calc(100% - 38px);
    margin-left: 4px;
    vertical-align: top;
    padding-top: 2px;
}

.sktGrupoSubirArchivo #HasFile + div a.form-control {
    padding: 5px 4px 4px 4px;
}

.helpVideo {
}

.cursor-pointer {
    cursor: pointer;
}

/** INICIO --- RGPD - Cookie --- **/
.cc-btn.cc-dismiss {
    border-radius: 0px;
    border: none;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    text-transform: none;
    border-radius: 0px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 9px 34px;
    letter-spacing: 0.1rem;
}

.cc-btn.cc-dismiss:hover {
    text-decoration: none;
}
/** FIN --- RGPD - Cookie --- **/