/* BASE.CSS de Ainell */
/* LINKS */
a:link, a:visited {
    color: var(--tono-fg1);
    text-decoration: none;
}
a:focus, a:hover {
    color: #036;
}
a:focus {
    text-decoration: underline;
}
.subhead p {
    font-size: 18px;
}
.module h2, .module caption, .inline-group h2 {
    margin: 0;
    padding: 8px;
    font-weight: 400;
    font-size: 13px;
    text-align: left;
    background: var(--tono-cab1);
    color: #fff;
}
.module caption,
.inline-group h2 {
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;   
}
/* CABECERA */

#header {
    width: auto;
    height: 54px;
    padding: 0px 0px;
    background: var(--tono-cab1);
    line-height: 40px;
    overflow: hidden;
}
#header a:link, #header a:visited {
    color: #fff;
}
#header a:focus , #header a:hover {
    text-decoration: underline;
}
#branding h1 {
    padding: 0;
    margin: 0 60px 0 0;
    font-weight: 300;
    font-size: 24px;
    color: #f5dd5d;
}
#branding h1, #branding h1 a:link, #branding h1 a:visited {
    color: var(--tono-main);
    font-size: 26px;
    font-weight: 600;
    margin-right: 20px;
}
#branding h2 {
    padding: 0 10px;
    font-size: 14px;
    margin: -8px 0 8px 0;
    font-weight: normal;
    color: #ffc;
}
#branding a:hover {
    text-decoration: none;
}
/* USERTOOLS*/
#user-tools {
    float: right;
    padding: 0;
    margin: 0 0 0 20px;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: right;
}
#user-tools a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
#user-tools a:focus, #user-tools a:hover {
    text-decoration: none;
    border-bottom-color: #79aec8;
    color: #79aec8;
}

/* BREADCRUMBS */
div.breadcrumbs {
    background: var(--tono-cab2);
    padding: 6px 10px;
    border: none;
    font-size: 14px;
    color: var(--tono-bg3);
    text-align: left;
}
div.breadcrumbs a {
    color: #fff;
}
div.breadcrumbs a:focus, div.breadcrumbs a:hover {
    color: #c4dce8;
}
/* OBJECT TOOLS */
.object-tools {
    font-size: 10px;
    font-weight: bold;
    padding-left: 0;
    float: right;
    position: relative;
    margin-top: -30px;
    margin-right:6px;
}
.form-row .object-tools {
    margin-top: 5px;
    margin-bottom: 5px;
    float: none;
    height: 2em;
    padding-left: 3.5em;
}
.object-tools li {
    display: block;
    float: left;
    margin-left: 5px;
    height: 24px;
}
.object-tools a:link, .object-tools a:visited {
    display: block;
    float: left;
    padding: 3px 12px;
    background: var(--tono-cab2);
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
}


.object-tools a:focus, .object-tools a:hover {
    background-color: #417690;
}

.object-tools a:focus{
    text-decoration: none;
}

.object-tools a.viewsitelink, .object-tools a.golink,.object-tools a.addlink {
    background-repeat: no-repeat;
    background-position: center center;
}

.object-tools a.viewsitelink, .object-tools a.golink {
    background-image: url(../img/tooltag-arrowright.svg);
}

/*********retoques de base.css******************/

#hijos-group td, th {
    font-size: 13px;
    line-height: 16px;
    padding: 8px 1px 3px 12px;
}


.dashb_trabajadores #hijos-group td, th {
    
    padding-top: 6px;
}




.ventana thead > tr {
    background-color: #ccc;
}
.ventana thead > tr > td{
    font-size: 14px;
    font-weight:500;
    line-height: 16px;
    border-bottom: 1px solid #666;
    vertical-align: top;
    padding: 8px 1px 3px 10px;
}


.ventana table {
    width:100%;
    min-width:300px;
}



ul.messagelist li.warning {
    background: #c07d28;
    background-size: 14px auto;
}
ul.messagelist li.error {
    background: #ff353a;
    background-size: 16px auto;
}


ul.messagelist li {
    display: block;
    font-weight: 400;
    font-size: 13px;
    padding: 10px;
    margin: 0;
    background: blue;
    background-size: 16px auto;
    color: white ;
    text-align: left;
}

ul.messagelist li.info, ul.messagelist li.info >ul>li {
    display:block;
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
    margin: 0;
    background: #98C09A;
    background-size: 16px auto;
    color: #0f3312 ;
    text-align: left;
}
ul.messagelist li.info, ul.messagelist li.info >ul>li>ul>li {
    display:block;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 10px;
    margin: 0;
    background: #98C09A;
    background-size: 16px auto;
    color: #0f3312 ;
    text-align: left;
}
ul.messagelist li.info > span {
    font-size: 28px;
    margin-right: 5px;
    vertical-align: middle;
}

.messagelist a{
    color:white;
    text-decoration: underline;
}
.messagelist a:hover{
    color:yellow;
    text-decoration: none;
}


/* PAGE STRUCTURE */

#container {
    position: relative;
    min-width: 0px;
    width: 100%;
    padding: 0;
}

#content {
    padding: 2px 0px;
}
.dashboard #content {
    width: 100%;
}

#content-main {
    float: left;
    width: 100%;
	background-color: var(--tono-bg1);
	padding:3px;
}


.login #content-main {
    float: left;
    width: 100%;
	background:none;
}


#content-related {
    float: right;
    width: 260px;
    position: relative;
    margin-right: -300px;
}

.popup #content {
    padding: 40px 5px 0px 5px;
}

.popup.model-user .wide label.required {
    max-width:140px;
    min-width:140px;
}

.colMS {
    margin-right: 10px;
}
/***************************/
div.piepag {
	display:grid;
	border: 1px solid lightgray;
	border-radius:8px;
	background-color: var(--tono-cab1);
    color: var(--tono-pie);
}
.piepag p {
    text-align: center;
    padding: 5px 20px;
    
}
.piepag a {
    color:var(--tono-pie);
}

.piepag a:hover {
    color:white;
}
/* Ajustes de forms.css */

.submit-row a.deletelink {
    
    height: 40px;

}

.login #header {
    height: 54px !important; 
}

/* FORM BUTTONS */

.button, input[type=submit], input[type=button], .submit-row input, a.button {
    padding: 0px 10px 6px 10px;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    min-width: 40px;
}
.submit-row input, a.button {
    min-width:32px;
}

a.button {
    padding: 4px 5px;
}

.button:active, input[type=submit]:active, input[type=button]:active,
.button:focus, input[type=submit]:focus, input[type=button]:focus,
.button:hover, input[type=submit]:hover, input[type=button]:hover {
    color:white;
}

.historia input.btn {
    height: 30px;
}


.historia .btn-steady-sem {
    background: url(../img/icon-volver.png) 0 0 no-repeat;
    border: 1px solid var(--tono-bg2);
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
}


.submit-row .btn-ready-sem, div.field-box.field-AE_guardar .btn-ready-sem,
div.form-row.field-AE_guardar .btn-ready-sem, td.field-AE_guardar .btn-ready-sem {
    background: url(../img/icon-confirmar.png) 0px 0px no-repeat;
	background-color: white;
    border: 2px solid var(--tono-bg2);
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
	height:40px;
	width: 40px;
}
div.form-row.field-AR_guardar .btn-ready-sem {
	background: url(../img/icon-check.png) 1px 0px no-repeat;
	background-color: white;
    border: 1px solid var(--tono-bg2);

	height:28px;
	width: 28px;
	min-width: 28px;
}
.submit-row .btn-ready-dum{
    background: url(../img/icon-confirmar.png) 0px 0px no-repeat;
	background-color: gray;
    border: 2px solid var(--tono-bg2);
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
	height:40px;
	width: 40px;
}


td.field-AE_guardar .btn-ready-sem2 {
    background: url(../img/icon-confirmar.png) -1px -2px no-repeat;
	background-color: #c0edbb;
    border: 2px solid green;
    border-radius: 9px;
	margin-left:30px;
	height:40px;
	width: 40px;
}


.submit-row .btn.btn-ready-sem, .submit-row .btn.btn-ready-dum {
  margin-right: 33%;
}

.submit-row .btn.btn-ready-sem:hover  {
    background: url(../img/icon-confirmar.png) -1px 0px no-repeat;

    border: 2px solid var(--tono-bg2);
    border-left: 2px solid gray;
    border-top:  2px solid gray;
}

.submit-row .btn-readygo-sem {
    background: url(../img/icon-confirmar-go.png) 0px 0px no-repeat;
	background-color: white;
    border: 2px solid var(--tono-bg2);
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
	height:40px;
	width: 40px;
	margin-right: 5px;
}


.submit-row .btn.btn-readygo-sem:hover  {
    background: url(../img/icon-confirmar-go.png) -1px 0px no-repeat;

    border: 2px solid var(--tono-bg2);
    border-left: 2px solid gray;
    border-top:  2px solid gray;
}


.submit-row .btn-steady-sem-ant {
    background: url(../img/icon-atras.png) 0px -3px no-repeat;
    border: 1px solid var(--tono-bg2);
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
}


.submit-row .btn.btn-steady-sem-ant:hover  {
    background: url(../img/icon-atras.png) -2px -5px no-repeat;
    border: 2px solid var(--tono-bg2);
    border-left: 2px solid gray;
    border-top:  2px solid gray;
}

.submit-row .btn-steady-sem {
    background: url(../img/icon-volver.png) 0 0 no-repeat;
    border: 1px solid var(--tono-bg2);
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
}

.submit-row .btn.btn-steady-sem {
  margin-left: 10px;
  margin-right: 12px;
  margin-top: -8px;
}

.submit-row .btn.btn-steady-sem:hover  {
    background: url(../img/icon-volver.png) -2px -2px no-repeat;
    border: 2px solid var(--tono-bg2);
    border-left: 2px solid gray;
    border-top:  2px solid gray;
}

.submit-row .btn-steady-sem-sig {
    background: url(../img/icon-alante.png) 0 -3px no-repeat;
    border: 1px solid var(--tono-bg2);
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
}

.submit-row .btn.btn-steady-sem-sig {
  margin-left: -2px;
}

.submit-row .btn.btn-steady-sem-sig:hover  {
    background: url(../img/icon-alante.png) -2px -5px no-repeat;
    border: 2px solid var(--tono-bg2);
    border-left: 2px solid gray;
    border-top:  2px solid gray;
}



.popup input.btn-steady-sem {
    display: none;
}


.btn-go-sem {
    background: url(../img/icon-guardar.png) 0 1px no-repeat;
}
input.btn-go-sem {
    padding:4px 6px;
    border-radius: 4px;
    display: none;
}

.popup input.btn-go-sem {
    display: initial;
}

.btn.btn-go-sem:hover  {

    border-top:2px solid var(--tono-cab2);
    border-left:2px solid var(--tono-cab2);
}

.btn.btn-inline{
    margin: 0 5px 5px 15px;
}

/* MODULES */


.module p, .module ul, .module h3, .module h4, .module dl, .module pre {
    padding-left: 5px;
    padding-right: 5px;
    color:var(--tono-fg1)
}
.module ul.errorlist, .change-form  div  > p.errornote {
    background:orange;
	font-weight: bold;
}
thead th.sortable {
    text-decoration: underline;
}

div.webmaster {
    margin-left: 10px;
}
div.webmaster .aligned input[type=submit] {
    color:white;
    padding-top: 3px;
    background: #5B965B;
    border-bottom: 2px solid var(--tono-cab2);
    border-right:2px solid var(--tono-cab2);
}
div.webmaster .aligned input[type=submit]:hover {
    color:black;
    background: #76D376;
    border-bottom: none;
    border-right: none;
}