/* ----------------------------*/
/* ---------- FONTS ---------- */
/* ----------------------------*/


/* @import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light); */

/* ----------------------------*/
/* ---------- RESET ---------- */
/* ----------------------------*/

div.report-back {background-color: #eeeeee;}
div.report-a4 {width: 21cm; background-color: white; margin: auto; padding:2cm;font-family:"Courier Prime";}
div.report-a4 h2,div,div p,div p strong,div,table,tr,td,th,strong,u {color:black;font-family:"Courier Prime";}
div.report-a4 div {border:1px solid black;}
div.report-a4 table.table-result tbody tr td,tbody tr td u {background:white;color:black;font-family:"Courier Prime";}
div.report-a4 table.table-result tbody tr th {background:white;color:black;font-family:"Courier Prime";}
div.report-a4 table.table-result {width:100%;}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, select, input,button {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline;font-family: "DM Sans"; color:#118165;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {	line-height: 1.4rem;}ol, ul {list-style: none;}blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}



a:link, a:visited, a:active {
    text-decoration:none;
}

a:link { color: #118165; }

/* visited link */
a:visited { color: #118165; }

/* mouse over link */
a:hover { color: #118165; }

/* selected link */
a:active { color: #118165; }

h1 {font-size:2rem; color:#118165;}
h2 {font-size:1.7rem; color:#118165;}

.form-row {display: flex; justify-content: center; align-items: center; padding: 0.5rem;}
input {border: #118165; border-width: 1px; border-style: solid; border-radius: 5px; padding: 0.4rem; color: #118165; background-color: white;}
input[type="submit"]:disabled {
  color: #858585;
}

.deshabilitado {text-decoration: line-through;}

#fichar-acciones {width: 300px;
    margin: auto;}
	
#fichar-acciones input {width:100%}

#menu {font-size:1.3rem;}

#menu li {padding:0.5rem;}

.table-result {width: 800px;
    margin: auto auto 2rem auto;
    text-align: left;
    border-width: 0.5px;
    border-style: solid;}

.table-result td { border-width: 0.5px;
    border-style: solid; padding:0.2rem;}
	
.table-result .row-even {background: #11816530;}

.table-result th { border-width: 0.5px;
    border-style: solid; padding:0.2rem; background: #118165; color:white;}
	
table.table-result.inf-pre-fechas-empleados th.fld-fchfic {width:40%;}
table.table-result.inf-pre-fechas-empleados th.fld-marcaj {width:40%;}
table.table-result.inf-pre-fechas-empleados th.fld-hormin {width:10%;}
table.table-result.inf-pre-fechas-empleados th.fld-hordec {width:10%;}

table.table-result.inf-pre-empleado th.fld-fchfic {width:30%;}
table.table-result.inf-pre-empleado th.fld-marcaj {width:40%;}
table.table-result.inf-pre-empleado th.fld-hormin {width:10%;}
table.table-result.inf-pre-empleado th.fld-hordec {width:10%;}
table.table-result.inf-pre-empleado th.fld-horqua {width:10%;}



.read-only {
  background-color: #11816530;
}

label {padding:0.4rem;}

#employees-add {width:300px;margin:auto;}
#employees-add label {width:100%;text-align:left;}
#employees-add .form-row{display:flex;flex-direction:column;}
#employees-add input {width:100%;}

#employees-edit {width:300px;margin:auto;}
#employees-edit label {width:100%;text-align:left;}
#employees-edit .form-row{display:flex;flex-direction:column;}
#employees-edit input {width:100%;}

.form-row span {    text-align: left;    font-size: 0.8rem;    width: 100%;}


/* check switch style */
.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width:  14px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #118165;
}

input:focus + .slider {
  box-shadow: 0 0 1px #118165;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform:     translateX(18px);
  transform:         translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  height: 20px;
  width: 35px;
}

.slider.round:before {
  border-radius: 50%;
}
/* check switch style - end */