/**
 * .color-theme Se trata de los colores usados en las vistas referente a Login
 * y restablecimiento de contraseña
 * @type {[type]}
 */
.color-theme
{
  background-color: #1bbc9b !important;
  color: #FFF;
}

.text-purple
{
  color: #9999ff;
}

.span-female
{
  font-size: 1.3em;
  color: #fbb2bf;
}

.span-male
{
  font-size: 1.3em;
  color: #637cff;
}

.span-photo
{
  font-size: 1.3em;
  color: #637cff;
}

#filterForm>button
{
  margin-left: 40%;
}

.far>span, .fas>span
{
   font-family: Verdana;
}
.money:before {
  content:"$";
  position:absolute;
  left:10px;
  top:25%;
}
.money{
  position:relative;
  font-weight:normal;
}
.money.total{font-weight:bolder}
.money>input[type=text] {
  text-align: right !important;
}
.percentage:before {
  content: "%";
  position: absolute;
  right:5px;
  top: 25%;
}
.percentage{
  font-weight:normal;
  position:relative;
}
.percentage.total{font-weight:bolder}
.percentage>input[type=text]{text-align: center !important}
td.money,
th.money{
  padding-left:20px !important;
  text-align:right !important;
}
td.percentage,
th.percentage{
  padding-right:20px !important;
  text-align:left !important;
}

table.table td,
table.table th{white-space: nowrap}
table.table td p,
table.table td .push,
table.table td .block,
table.table td .items-push > div{margin:0}

table.table .btn-sm,
table.table .btn-group-sm > .btn{padding:0.1rem 0.5rem}

table.dataTable th{border-bottom:2px solid #c3c3c3}

div.table-responsive > div.dataTables_wrapper > div.row > div.col-sm-12:first-child{overflow-x:auto}

.table-sm th,
.table-sm td{padding:0.5rem 0.7rem}

.ico-image
{
  font-size: 1.5em;
}
.ico-pdf
{
  font-size: 1.5em;
  color:#930000;
}
.form-search{
  text-align: center;
  background: #f5f5f5;
  padding:0 1em;
  margin-bottom:1.5em
}
.form-search .custom-select,
.form-search .form-control,
.form-search .btn{
    font-size: 0.8rem;
    line-height: 1;
}
.title-filters
{
  display: inline-block;
  text-align: center;
  margin-right: 0.5em;
  margin-bottom: 0em;
}
.div-filters{
  display: block;
  text-align: center;
}
.form-search .form-group{
    margin: 0;
    max-width: 160px;
    text-align: center;
    padding: 0.25em 0.5em;
    display: inline-block;
    border-right: 1px solid #e8e7e7;
}

.form-search .form-group label{
    font-size: 0.8em;
    line-height: 1;
}
.form-search .form-group-fecha-pago{max-width:250px}

@media print{
  .btn,
  .form-search,
  #main-container>.bg-body-light:first-child{display:none !important}
  table.table td,
  table.table th{white-space:pre-wrap}
  div.table-responsive > div.dataTables_wrapper > div.row > div.col-sm-12:first-child{overflow-x:none;}

}
.form-search
{
  text-align: center;
  background: #0000;
  padding: 1em;
}
.row.row-deck
{
  margin-top: 4em !important;
}
.btn-undo
{
  margin-right: 1em;
}

.imageProfileDiv{
  display: flex;
  align-items: center;
}
.picture-camera
{
width: 70%;
height: auto;
margin: 0 auto !important;
}
.select2-container
{
  width: 100% !important;
}

.readonly
{
  background-color: #e9ecef;
  pointer-events: none;
}
td.red,
th.red,
td.negative,
th.negative{ color:red !important; }
td.border-top   ,
th.border-top   ,
.table thead th .border-top   ,
.table tbody td .border-top   ,
.table-bordered th.border-top   ,
.table-bordered td.border-top   ,
.table .thead-light th .border-top   ,
.border-top   { border-top:1px solid #dadada !important }
td.border-left  ,
th.border-left  ,
.table thead th .border-left  ,
.table tbody td .border-left  ,
.table-bordered th.border-left  ,
.table-bordered td.border-left  ,
.table .thead-light th .border-left  ,
table.table-bordered.dataTable th.border-left,
.border-left  { border-left:1px solid #dadada !important }
td.border-right ,
th.border-right ,
.table thead th .border-right ,
.table tbody td .border-right ,
.table-bordered th.border-right ,
.table-bordered td.border-right ,
.table .thead-light th .border-right ,
.border-right { border-right:1px solid #dadada !important }
td.border-bottom,
th.border-bottom,
.table thead th .border-bottom,
.table tbody td .border-bottom,
.table-bordered th.border-bottom,
.table-bordered td.border-bottom,
.table .thead-light th .border-bottom,
.border-bottom{ border-bottom:1px solid #dadada !important }

.border-top-strong   { border-top:2px solid #dadada !important }
.border-left-strong  { border-left:2px solid #dadada !important }
.border-right-strong { border-right:2px solid #dadada !important }
.border-bottom-strong{ border-bottom:2px solid #dadada !important }

.text-center-force,
td.percentage.text-center-force,
th.percentage.text-center-force{text-align:center !important}

.block-content.block-content-full{padding:0}

.block-padding,
.block-content.block-padding{padding:1.25rem}
.block-padding>*:first-child{margin-top:0}
.block-padding>*:last-child{margin-bottom:0}
#page-container > #page-header .content,
#page-container > #page-footer .content,
#page-container > #main-container .content,
#page-container > #page-header .content-header{max-width:none}
/*#page-container.page-header-fixed #main-container {padding-top:2rem}*/

.bg-body-light.title{background-color: #ebebeb !important}

.filters > form{padding:0}
.filters,
.block.filters{
  background:#f9f9f9;
  margin-top:-1.875rem;
  margin-left:-1.85rem;
  margin-right:-1.85rem;
}
div.dataTables_wrapper > div.row:nth-child(2) .col-md-6{
  max-width:33%;
  margin-top:-45px;
  position:absolute;
}
div.table-responsive > div.dataTables_wrapper > div.row {position: relative}
div.dataTables_wrapper > div.row:nth-child(2) .col-md-6:first-child{left:0 }
div.dataTables_wrapper > div.row:nth-child(2) .col-md-6:last-child {right:0}
div.dataTables_wrapper > div.row:nth-child(2) .dataTables_length{padding-left:5px}
div.dataTables_wrapper > div.row:nth-child(2) .dataTables_filter{padding-right:5px}

@media (min-width: 768px){
  .content.content-full{padding:1.2rem 1.8rem}
}