/*v.2.8*/
/*---------------------------------------
               RESET
---------------------------------------*/
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,font,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{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/*---------------------------------------
               MAIN LAYOUT
---------------------------------------*/
html { background: #ffffff;  width: 100%; }
body { background: #ffffff; font:12px Arial, Times, 'Times New Roman'; color:#000000; text-align:left; line-height:15px; }

#container { background:#fff; width:100%; margin: 0 auto;  }
#body { background:#fff; overflow:hidden; padding: 20px 15px; display: block }
/**/
h1, h2, h3, h4, h5, h6 { color:#221f68;  }
h1 { font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:12px; }
/**/
a { color:#000; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
/**/
p { margin-bottom:0px; font-size:14px; }
/**/
.light{ color:#3274d1; font-weight:bold; }
/**/
.img-left { float:left; margin:0 7px 7px 0; }
.img-right { float:right; margin:0 0 7px 7px; }
/**/
#aux-aux-aux { min-height:650px; height:auto !important; height:650px; }

@font-face{
    font-family: ubahn;
    src: url('../ubahn/Ubahn.ttf');

    font-family: ubahn-light;
    src: url('../ubahn/Ubahn-Light.ttf');
}

/*
 *   Index-login
 */
img.logo-login{
    margin-bottom: 20px;
}
div.login-error{
    margin-top: 15px;
}
form#login-form input{
    margin-bottom: 5px;
}

/*
 *   Main
 */

body, html{margin: 0px; padding: 0px; height: 100%;}

div.navbar-custom{
    width: 100%;
}
a.custom-brand{
    padding: 7px 15px; width: 23%;
}
a.custom-brand img{
    width: 47%;
}
div#loading-cont{
    margin: 8px 35% 0 0;
}
select#ritz-lugar, select#ritz-area{
    margin: 8px 2% 0 0;
}
button.btn-menu{
    margin-bottom: 5px; background-color: #2ecc71; border-color: #27ae60;
}
.main-menu li{
    float: left; position: relative; display: block;
}
.main-menu li a{
    color: #777; padding: 15px; line-height: 20px; position: relative; display: block; text-decoration: none;
}

/*
 *   cover-main-page
 */

img.central-logo{
    margin: 60px 0 0 17%;
}


/*
 *   import-employees
 */

div.jumbotron-custom{
    width: 95%;
}
div.message-box{
    width: 95%;
}


/*
 *   create-employee
 */

form#create-employee-form input, form#create-employee-form select{
    margin-bottom: 10px;
}
div.message-box-employee{
    width: 50%; margin-top: 20px;
}
input.ci{
    width: 70%; float: left;
}
select.ci-exp{
    width: 30%;
}

/*
 *   edit-employee
 */

div#employees-general-data, div#employees-family{
    margin-top: 20px;
}
form#edit-employee-form input, form#edit-employee-form select{
    margin-bottom: 10px;
}
form#edit-employee-family-form input, form#edit-employee-child-form input{
    margin-bottom: 10px;
}
#edit-emp-family-btn, #add-child-btn{
    margin-top: 35px; margin-bottom: 0;
}
div.msg-edit-emp-box{
    width: 50%; margin-top: 20px;
}

/*
 *   load-emp-income.php / load-emp-outcome (inline editing cells)
 */

.edit-cells input{
    background-color: #fcf8e3; border: 1px solid #faebcc; /* color: #8a6d3b; */ resize: none; 
}

/*
 *   list-employees
 */

div#active-employees-list, div#retired-employees-list{
    margin-top: 20px;
}
a.edit-emp-btn{
    margin-left: 4px;
}

/*
 *   general-parameters
 */

select.parameters{
    margin-bottom: 5px;
}
div.message-box-parameters{
    margin-top: 10px;
}
td.align-middle{
    vertical-align: middle;
}


/*
 *   institutional-movements (html)
 */


div.mov-inst-sel-cont{
    margin-bottom: 20px;
}
div.message-box-mov-inst{
    margin-top: 20px;
}

/* list-mov-inst.php */
div.panel-info-mov-inst{
    max-height: 433px; overflow: auto;
}

/* load-mov-inst.php */
input#save-mov-inst-btn{
    margin-top: 24px;
}

/*
 *   Display Salary Form (php)
 */


div.salary-table-div{
    width: 220%;
}
table#salary-form-table th, table#salary-form-table td{
    padding: 0.5rem;
}
table#salary-form-table tr:hover{
    background-color: lightgrey;
}


/*
 *   boletas
 */


div.boletas-table-div{
    font-size: 11px; margin-left: 3%; width: 95%;
}
tr.bottom-line{
    border-bottom: 1px solid #080808;
}
td.margin-left{
    padding-left: 2%;
}
td.underline{
    text-decoration: underline;
}
td.space{
    padding: 7px 0;
}
td.min-space{
    padding: 3px 0;
}
td.bold2{
    font-weight: bold;
}
td.bold{
    font-weight: bold; font-size: 12px; background-color: lightgray;
}
td.lines-4{
    border: 1px solid #080808;
}
td.lines-3-left{
    border-top: 1px solid #080808; border-left: 1px solid #080808; border-bottom: 1px solid #080808;
}
td.lines-3-right{
    border-top: 1px solid #080808; border-right: 1px solid #080808; border-bottom: 1px solid #080808;
}
td.line-right{
    border-right: 1px solid #080808;
}
td.line-left{
    border-left: 1px solid #080808;
}
td.line-top{
    border-top: 1px solid #080808;
}

/*
 *   listado-cheques
 */


div.cheques-table-div{
    font-size: 11px; margin-left: 3%; width: 90%;
}

/*
 *   planilla-afp
 */


div.afp-table-div{
    margin-left: 3%; width: 95%;
}
table#afp-form-table tr.title-afp{
    background-color: #bdc3c7;
}

/*
 *   planilla-cps
 */


div.cps-table-div{
    width: 150%;
}
table#cps-form-table th, table#cps-form-table td{
    padding: 0.5rem;
}
table#cps-form-table tr:hover{
    background-color: lightgrey;
}

/*
 *   planilla-min-trabajo
 */

div.min-trabajo-table-div{
    width: 180%; font-size: 13px;
}
div.min-trabajo-table-div p{
    font-size: 13px;
}
table#min-trabajo-table th, table#min-trabajo-table td{
    padding: 0.5rem;
}
table#min-trabajo-table tr:hover{
    background-color: lightgrey;
}


/*
 *   planilla-indemnización
 */

 div.indemnizacion-table-div{
  width: 120%;
}
table#indemnizacion-table th, table#indemnizacion-table td{
  padding: 0.5rem;
}

table#indemnizacion-table td.green{
  background-color: #e9edc9;
}

table#indemnizacion-table td.green2{
  background-color: #ccd5ae;
}

table#indemnizacion-table td.blue{
  background-color: #e2eafc;
}

table#indemnizacion-table tr:hover{
  background-color:  #E7E7E7;
}

/*
 *   planilla-prima
 */

 div.prima-table-div{
  width: 140%;
}
table#prima-table th, table#prima-table td{
  padding: 0.5rem;
}

table#prima-table td.light-green{
  background-color:rgb(241, 242, 234);
}

table#prima-table td.green{
  background-color: #e9edc9;
}

table#prima-table td.green2{
  background-color: #ccd5ae;
}

table#prima-table td.blue{
  background-color: #e2eafc;
}

table#prima-table td.light-blue{
  background-color:rgb(237, 241, 249);
}

table#prima-table tr:hover{
  background-color:  #E7E7E7;
}

/*
 *   planilla-aguinaldo
 */

 div.aguinaldo-table-div{
  width: 140%;
}
table#aguinaldo-table th, table#aguinaldo-table td{
  padding: 0.5rem;
}

table#aguinaldo-table td.light-green{
  background-color:rgb(241, 242, 234);
}

table#aguinaldo-table td.green{
  background-color: #e9edc9;
}

table#aguinaldo-table td.green2{
  background-color: #ccd5ae;
}

table#aguinaldo-table td.blue{
  background-color: #e2eafc;
}

table#aguinaldo-table td.light-blue{
  background-color:rgb(237, 241, 249);
}

table#aguinaldo-table tr:hover{
  background-color:  #E7E7E7;
}

/*
 *   planilla-costo-total-mensual
 */

 div.ctmxemp-table-div{
  width: 100%;
}
table#ctmxemp-table th, table#ctmxemp-table td{
  padding: 0.5rem;
}

table#ctmxemp-table td.light-green{
  background-color:rgb(241, 242, 234);
}

table#ctmxemp-table td.green{
  background-color: #e9edc9;
}

table#ctmxemp-table td.green2{
  background-color: #ccd5ae;
}

table#ctmxemp-table td.blue{
  background-color: #e2eafc;
}

table#ctmxemp-table td.light-blue{
  background-color:rgb(237, 241, 249);
}

table#ctmxemp-table tr:hover{
  background-color:  #E7E7E7;
}

/*
 *   create-user - reset-pass-user
 */

form#create-user-form input, form#reset-pass-user-form input{
    margin-bottom: 8px;
}
input#create-user, input#reset-pass-user{
    margin: 13px 0;
}

/*
 *   list-users
 */

a.new-user, a.new-user:hover{
    text-decoration: none; color: #777;
}

/* cargos / lugar-area */

a.link-to-new, a.link-to-new:hover{
    text-decoration: none; color: #777;
}

form#create-cargo-form input, form#create-lugar-form input, form#create-area-form input, form#create-area-form select{
    margin-bottom: 8px;
}

/*
 *   load-user-roles
 */

div.tab-left{
    margin-left: 5%;
}
div.tab-left-2{
    margin-left: 8%;
}
div.tab-left-3{
    margin-left: 14%; width: 80%;
}
div.tab-left-3 select{
    height: 60px; line-height: 60px; font-size: 11px; border-radius: 3px; padding: 2px 5px;
}
label.main-menu{
    font-weight: bold !important; font-size: 16px;
}

/*
 *   birthdays
 */

div.birthdays-table-div{
    margin-left: 3%; width: 90%;
}

/*
 *   vacaciones
 */

form#add-vacation-form div, form#return-vacation-form div{
    padding-left: 0; padding-right: 0.5%; margin-top: 15px;
}
a#print-vac-link img, a#print-finiq-link img, a#print-vac-rep-link img{
    margin: 5px 0.5%;
}
img.logo-boleta{
    width: 9%; height: auto;
}
a.preview-finiquito img{
    margin-top: 40px;
}
div.dias-vac{
    float: left; width: 20%;
}
span.span-dias-vac{
    float: left; margin-left: 34%;
}

/*
 *   planilla-impositiva
 */

div.impositiva-table-div{
    width: 150%;
}
table#impositiva-table th, table#impositiva-table td{
    padding: 0.5rem;
}
a.export-impos-link img, a.print-impos-link img, a.res-export-impos-link img, a.res-print-impos-link img{
    margin: 5px 0.5% 9px 0;
}

/* resumen-impositiva */

table#res-impositiva-table{
    margin-left: 10px;
}
table#res-impositiva-table h5, table#res-impositiva-table p{
    font-size: 13px;
}

/* family */
a#print-family-link img{
    margin: 5px 0.5%;
}

/**
 *  Asignacion de Horarios
 */

/* list-emp-horarios */

table tr#active-schedule{
    background-color: #DCEDC8;
}

.top-space{
    margin-top: 15px;
}

/* reporte-horarios */
.jumbotron p.p-smaller{
    font-size: 18px;
}


/* Asignar Horarios x Semana */

div.dd-cont{
    width: 83%; float: right;
}
a.del-perm-xsem-btn{
    width: 17%; float: left;
}
div.perm-cont select{
    height: auto; font-size: 13px; border-radius: 3px; padding: 2px 5px; color: #ec971f;
}
table#plantilla-horario-table p, table#plantilla-horario-nextw-table p{
    font-size: 12px;
}
table#plantilla-horario-table li.search-choice, table#plantilla-horario-nextw-table li.search-choice{
    padding: 3px 20px 3px 4px;
}