body {
  background:#cecece;
}
.main-nav
{
  margin-top:14px;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: none;
  border-radius:0px;
}
nav.navbar-fixed-top
{
  padding:0px;
}
.navbar {
  top: 0px;
}

nav.navbar .navbar-nav li.active a:not(.btn) {
  color:#fff !important;
}
nav.navbar .navbar-nav li.active a:not(.btn) span {
  color: #fff !important;
  border-bottom: 2px solid #fff;
}

  nav.navbar .navbar-nav a:hover:not(.btn) span {
    color: #fff !important;
    border-bottom: 2px solid #fff;
  }
#pricing
{
  margin-top:100px;
}
section, #pricing {
  background:none;
}

@media (max-width: 600px) {
  .ui-datepicker-inline {
    width: 100%;
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
  }
}
/* Estados leyendaCalendario*/
.complete {
  background: #94D88F !important;
}

.demaRegistrados {
  background: #C5EAEE !important;
}

.noLiberados {
  background: #FBA643 !important;
}

.rechazados {
  background: #FF6758 !important;
}

.noLaborable {
  background: #F6F387 !important;
}

.autorizado {
  background: #C7D7DB !important;
}


.hoy {
  background: #ECECEC !important;
}
/**/

.leyend {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 51em;
  flex-wrap: wrap;
}

.boxLegend {
  display: flex;
  margin-right: 8px;
  margin-bottom: 10px;
  min-width: 90px;
}
.boxLegend:last-child
{
  margin-right:0px;
}
  .colorLegend {
    width: 18px;
    height: 18px;
    background: green;
    margin-right: 5px;
    border:1px solid rgba(0, 0, 0, 0.3);
  }

.lblday {
  display: inline-block;
  margin-left: 10px;
}

.dataTable th {
  font-size: 13px;
}



.ui-datepicker-week-col, .ui-datepicker-calendar th {
  color: #3E99CE;
}

  .ui-datepicker-calendar th:first-child {
    color: #fff;
  }

.ui-datepicker-title .ui-datepicker-month {
  text-transform: capitalize;
}

.ui-widget-header {
  border: none;
  background: none;
  color: #333;
  font-weight: bold;
}


.popup-form .form-control {
  margin: 0px 0;
}

.input-group.margin-bottom-sm
{
  margin-bottom:10px;
}

#Country
{
  padding:5px 15px;
  margin-top:10px;
}
footer {
  background: #232315;
}
.navbar-brand {
  padding: 0px;
  font-size: 18px;
  line-height: 20px;
}
.nav a
{
  color:#fff !important;
}
.nav > li > a:hover{
  background: none;
}
.modal-open .modal {
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000000;
}
.modal-popup {
  position: relative;
  padding: 10px;
  margin-top:50px;
}
.close-link:hover
{
  text-decoration:none;
}
.modal-popup a.close-link {
  font-size: 22px;
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  z-index:100;
}


/*Modal Messages*/
.fa-commenting-o::before {
  content: "\f27b";
}

.contentMessages {
  position: fixed;
  right: 0px;
  top: 20%;
  z-index: 100000;
}
.btnMessages {
  background: rgba(0, 0, 0, 0.3);
  width: 60px;
  height: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  color: #fff;
  border-radius: 5px 0px 0px 5px;
}
.modalMessages {
  width: 300px;
  height: 450px;
  position: absolute;
  right: 65px;
  top: -650px;
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
 
}


.headModalMessages {
  background: #cecece;
  padding: 10px;
  height: 40px;
  border-radius: 5px 5px 0px 0px;
  justify-content: center;
}
.bodyModalMessages
{
  background:#f9f9f9;
  padding:5px;
  height:calc(100% - 50px);
  border-radius:0px 0px 5px 5px;
}
.modalMessagesShow {
  transition: 1s;
  opacity: 1;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  top: 0px;
  height: 450px;
}
/*Fin Modal Messages*/

#Country option {
  -webkit-appearance: none;
  font-size: 15px;
}


/*TD Comentarios*/
.comentariosText {
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position:absolute;
  left:0px;
}
.comentariosTextHover {
  display: none;
  padding: 8px;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  z-index:10000;
  min-width:200px;
  top:20px;
}
.btnViewCommen:hover + .comentariosTextHover {
  display: block;
}
.btnViewCommen
{
  cursor:pointer;
}
  .btnViewCommen a {
    color:#000;
  }
.comments, .flex {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
  font-size: 12px;
}
.rejectsComments i
{
  color:#F3071F;
}

/*FIN TD Comentarios*/
.Aprobado a, .boxLegend .Aprobado {
  background: #00EC00 !important;
}

.NoAsignado a, .boxLegend .NoAsignado {
  background: #BDC6CE !important;
}

.Festivo a, .boxLegend .Festivo {
  background: #727272 !important;
  color: #000 !important;
}

.Rechazado a, .boxLegend .Rechazado {
  background: #F3071F !important;
}

.Liberado a, .boxLegend .Liberado {
  background: #F0C6F9 !important;
}

.Completado a, .boxLegend .Completado {
  background: #6A9CF0 !important;
}

.Imputado a, .boxLegend .Imputado {
  background: #B0F1FD !important;
}

.NoImputado a, .boxLegend .NoImputado {
  background: #E9E9E9 !important;
}

.selActual a {
  /*//background: #007DC0 !important;
  //color: #fff !important;*/
}

.selActual .ui-datepicker-week-col {
  background: #007DC0 !important;
  color: #fff !important;
}
tr.selActual {
  border: 1px solid #007DC0;
}

.inputHours, .selectTipoHora, .selectMyProject, .selectUser select, .modalComent select, .modalComent input[type="text"], .dataTable input {
  width: 80px;
  display: block;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.botoneraAprobar select {
  padding: 3px 6px;
  height:30px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea {
  display: block;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  min-height: 130px;
}
.selectMyProject {
  width:80%;
}
.selectTipoHora {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0px;
  width: 100%;
}
  .inputHours[disabled='disabled'], .selectTipoHora[disabled='disabled'], #tbPayment .disabled {
    border: none;
    background: none;
    box-shadow: none;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
  }
#selectRejectedCommentsDefault
{
  width:100%;
  height:30px;
  margin-bottom:10px;
}
.btnRemove {
  position: absolute;
  right: 5px;
  top: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btnRemove a
{
  color:#000;
  margin-left:5px;
}
.btnRemove a:hover i {
    color: #007DC0;
}

 .dataTable td {
    position: relative;
  }
.botoneraAprobar {
    justify-content: flex-end;
    width: 100%;
    margin-top: 15px;
}
.botonera
{
  display:flex;
  justify-content:flex-end;
  width:100%;
  margin-top:15px;
}
  .botonera .btn, .modal-footer .btn {
    padding: 8px;
    font-size: 15px;
    background: #F6F6F6;
    border: 1px solid #B5B5B5;
    border-radius: 5px;
    margin-left: 10px;
    font-weight: normal;
    color: #000;
  }
.botoneraAprobar .btn, .modal-footer .btn {
    padding: 8px;
    font-size: 15px;
    background: #F6F6F6;
    border: 1px solid #B5B5B5;
    border-radius: 5px;
    margin-left: 10px;
    font-weight: normal;
    color: #000;
}
.newProjects
{
  display:flex;
  width:100%;
}
.addProyecTotal {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  background: #EAEAEA;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin-left: 10px;
  border-radius:5px;
  cursor:pointer;
}
.addProyecTotal a
{
  color:#000;
}

.addProyecTotal:hover i {
    color: #007DC0;
 }


.addProyecTotal i {
    margin-top: 2px;
  }

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  display: none;
  top:0px;
}
.modalComments
{
  display:none;
  position:fixed;
  width:300px;
  height:300px;
  top:50%;
  left:50%;
  margin-left:-150px;
  margin-top:-150px;
  z-index:11000;
  background:#fff;
}
.headModal
{
  background:rgba(0,0,0,.075);
}
.bodyModal{
  background:#fff;
  padding:5px;
}
.bodyModal textarea
{
  width:100%;
  height:100%;
  resize:none;
}
.btnViewCommen button{
  background:none;
  padding:0px;
  border:none;
}
.btnViewCommen button[disabled='disabled'] {
  color:rgba(0, 0, 0, 0.3);
 }
  .textAreaComments
{
  width:100%;
  height:100%;
  border:1px solid #cecece;
  resize:none;
}
.modal-title
{
  width:80%;
}
textarea
{
  padding:3px;
}
textarea[disabled='disabled'] {
  background: #F3F3F3;
  color: rgba(0, 0, 0, 0.3);
  padding: 3px;
}
.btnRechazado i
{
  color:#F3071F !important;
}
.rejectsComments
{
  display:none;
}
.dataTable td
{
  vertical-align:top;
}
/*SUMATORIO*/
.sumatorio
{
  display:flex;
  justify-content:center;
}
.horasMaximas
{
  margin-left:5px;
}
.totalHours
{
  margin-right:5px;
}
/*FIN SUMATORIO*/

.rejectsComments .comentariosText {
  color: #F3071F;
}
.teHaspasado
{
  color:#F3071F;
}
#tbWeek td
{
  position:relative;
}
.dtr-details
{
  width:100%;
}
.dtr-details li{
  position:relative;
}
.selectUser {
  width:100%;
  display:flex;
  justify-align:flex-start;
  align-items:center;
}
  .selectUser select {
    height:35px;
    margin-left:5px;
    width:200px;
  }
  .hidden
  {
    display:none;
  }
.fa-check-square-o
{
  margin-left:2px;
}

.botoneraTd
{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  height:25px;
}
.botoneraTd input
{
  margin-top:0px;
}
.otrosHidden
{
  display:none;
}
.otrosContent {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.otrosContent input[type="text"]
{
    width:100%;
    margin-left:5px;
    height:30px;
}
#otrosCheck
{
  margin-left:10px;
}
#myProjectUsers
{
  margin-right: 10px;
}
#myProjectUsersIDLbl, #myProjectUsers, #userIDLbl, #userID, #userIDRRHH, #btnAprove, #btnReprove, .lineTop
{
  display: none;
}
/*TABLA GASTOS LIQUIDACIONES*/
#tbPayment input[type="text"] {
  width: 100%;
}
/*TABLA GASTOS LIQUIDACIONES*/

/*OCULTA BOTONES DE APROBAR Y RECHAZAR*/
a[id*="Approve"], a[id*="Refuse"], #btnLoadCalendarUser {
  display: none;
}

.selectCountry
{
  width:100px;
}
#tbPayment .disabled, #tbExpense .disabled {
  border: none;
  background: none;
  box-shadow: none;
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  width:100%;
}
#gastosContent
{
  display:none;
}
table td table {
  width: 100%;
  border: 1px solid #cecece;
  background: #E9E9E9;
}
table td table td{
  background: #E9E9E9;
}
select[id*="moneysGastos"]
{
  width:100px;
}

input[type="file"] {
  width: 100%;
}
.textAreaMotivosRechazo
{
  width:100%;
}
.lblAdjunto
{
  font-size:11px;
  font-weight:normal;
  display:none;
}
.preloader
{
  top:0px;
}
.accordion {
  height: 0px;
  overflow: hidden;
}
.openAccordion
{
  height:auto;
}
.icoPlus {
  width: 25px;
  height: 25px;
  background: #fff;
  position: absolute;
  margin-top: -47px;
  margin-left: -40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
}

.contentFormPass input[type="text"], .contentFormPass input[type="password"], #fechaDesde, #fechaHasta {
  width: 100%;
  display: block;
  padding: 8px 6px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  margin-bottom: 5px;
  margin-top: 5px;
}

.contentFormPass input[type="password"] {
    width: 100%;
    display: block;
    padding: 8px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 5px;
    margin-top: 5px;
}

#changePassUser .modal-dialog
{
  width: 450px;
}
#ModalEdit .modal-dialog
{
  width:95%;
  max-width:95%;
}
#ModalEdit textarea {
  height: 50px;
  width: 100%;
}
.w-33
{
  width:33.3%;
}
.Dflex
{
  display:flex;
}
 .row
{
  margin-left:0px;
  margin-right:0px;
}

.Dflex .form-horizontal .form-group {
  margin-right: inherit;
  margin-left: inherit;
}

.Dflex .form-group {
  margin-bottom: inherit;
}
.Dflex select, .dataTables_filter input, .dataTable td select {
  width: 100%;
  padding: 8px 6px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  margin-bottom: 5px;
  margin-top: 5px;
}

.ui-toolbar .btn {
  padding: 8px;
  font-size: 15px;
  background: #F6F6F6;
  border: 1px solid #B5B5B5;
  border-radius: 5px;
  margin-top: 5px;
  font-weight: normal;
  color: #000;
}
.dataTables_filter input {
  width: inherit;
}
#btnNuevaLiquidacion
{
  margin-right:10px;
}
td .botonera
{
  margin-top:0px;
}

td, .btn
{
  font-size:12px !important;
}


#ui-datepicker-div
{
  z-index:10000000 !important;
}

/*#tbExpense tbody td:nth-child(1), #tbExpense tbody td:nth-child(2), #tbExpense thead th:nth-child(1), #tbExpense thead th:nth-child(2) {
  display: none;
}*/
#myProjectList
{
  width:85%;
}
.FlexG
{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.adjuntar
{
  display:none !important;
}
#tbMessages
{
  width:99%;
}
.headModalMessages
{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
#tbMessages th:nth-child(1), #tbMessages td:nth-child(1) {
    width: 20px !important;
    vertical-align: middle;
  }
#tbMessages input[type="checkbox"]
{
  width:20px;
}

#modalDownload .modal-dialog {
  max-width: 600px;
}
#modalDownload .modal-body .form-group {
  height: 35px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

#fechaDesde, #fechaHasta {
  width: 100% !important;
}



@media (max-width: 600px) {
  .w-33 {
    width: 100%;
  }
  .Dflex {
    display: flex;
    flex-wrap: wrap;
  }
}


.dataTable .Rechazado {
  background: #F3071F !important;
}
.dataTable .Liberado {
  background: #F3071F !important;
}

.dataTable .Aprobado  {
  background: #00EC00 !important;
}

.dataTable .NoAsignado {
  background: #BDC6CE !important;
}

.dataTable .Festivo {
  background: #727272 !important;
  color: #000 !important;
}

.dataTable .Rechazado  {
  background: #F3071F !important;
}

.dataTable .Liberado {
  background: #F0C6F9 !important;
}

.dataTable .Completado {
  background: #6A9CF0 !important;
}

.dataTable .Imputado  {
  background: #B0F1FD !important;
}

.dataTable .NoImputado  {
  background: #E9E9E9 !important;
}


.Rechazado .rejectsComments .btnViewCommen button i {
  color: #fff;
}

.glyphicon-trash::before {
  content: "\e020";
  font-family: 'Glyphicons Halflings';
}
.Rechazado .rejectsComments .comentariosText {
  color: #fff;
}

#mLogin .input-group, #mLogin div.dropdown {
  width: 80%;
  margin: 10px auto;
}
#mLogin .btn {
  width: 80%;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 0px;
  margin-bottom: 10px;
}


.btnSaveattach
{
  display:none;
}