/**/

#page-loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: #FFF none repeat scroll 0% 0%;
	z-index: 99999;
}
.text-loader {
	width:100%;
	text-align: center;
	font-weight: bold;
	top:70vh;
	position: absolute;
	font-size: 1.5rem;
	color:#333;
}
#page-loader .preloader-interior {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#page-loader .preloader-interior:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #1a427d;

    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#page-loader .preloader-interior:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #093b85;

    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
table, table th {
	font-size: 80% !important;
}
.main-panel {
  background: #eee;
}
.sidebar .sidebar-wrapper li.active > a:not([data-toggle="collapse"]):after, .sidebar .sidebar-wrapper li.active > [data-toggle="collapse"] + div .nav li:after {
    border-right: 17px solid #eee;
}
.sidebar[data-color="white"]:after, .off-canvas-sidebar[data-color="white"]:after {
/*	background: #c3bc9f*/
/*	background: #bdc575;*/
	background: #184a9a;
}
.sidebar[data-color="white"] .logo .simple-text, .off-canvas-sidebar[data-color="white"] .logo .simple-text {
	color:#fff;
}
.sidebar[data-color="white"] .user .info a span, .sidebar[data-color="white"] .user .nav .sidebar-mini-icon, .sidebar[data-color="white"] .user .nav .sidebar-normal, .off-canvas-sidebar[data-color="white"] .user .info a span, .off-canvas-sidebar[data-color="white"] .user .nav .sidebar-mini-icon, .off-canvas-sidebar[data-color="white"] .user .nav .sidebar-normal {
    color: #fff !important;
}
.sidebar[data-color="white"] .nav li a, .sidebar[data-color="white"] .nav li a i, .sidebar[data-color="white"] .nav li a[data-toggle="collapse"], .sidebar[data-color="white"] .nav li a[data-toggle="collapse"] i, .sidebar[data-color="white"] .nav li a[data-toggle="collapse"] ~ div > ul > li .sidebar-mini-icon, .sidebar[data-color="white"] .nav li a[data-toggle="collapse"] ~ div > ul > li > a, .off-canvas-sidebar[data-color="white"] .nav li a, .off-canvas-sidebar[data-color="white"] .nav li a i, .off-canvas-sidebar[data-color="white"] .nav li a[data-toggle="collapse"], .off-canvas-sidebar[data-color="white"] .nav li a[data-toggle="collapse"] i, .off-canvas-sidebar[data-color="white"] .nav li a[data-toggle="collapse"] ~ div > ul > li .sidebar-mini-icon, .off-canvas-sidebar[data-color="white"] .nav li a[data-toggle="collapse"] ~ div > ul > li > a {
	color:#fff;
}
.sidebar[data-active-color="danger"] .nav li.active > a, .sidebar[data-active-color="danger"] .nav li.active > a i, .sidebar[data-active-color="danger"] .nav li.active > a[data-toggle="collapse"], .sidebar[data-active-color="danger"] .nav li.active > a[data-toggle="collapse"] i, .sidebar[data-active-color="danger"] .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active .sidebar-mini-icon, .sidebar[data-active-color="danger"] .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active > a, .off-canvas-sidebar[data-active-color="danger"] .nav li.active > a, .off-canvas-sidebar[data-active-color="danger"] .nav li.active > a i, .off-canvas-sidebar[data-active-color="danger"] .nav li.active > a[data-toggle="collapse"], .off-canvas-sidebar[data-active-color="danger"] .nav li.active > a[data-toggle="collapse"] i, .off-canvas-sidebar[data-active-color="danger"] .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active .sidebar-mini-icon, .off-canvas-sidebar[data-active-color="danger"] .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active > a {
	color:#fff;
}
.bloques-splitter h3 {
	margin:0px;
	font-size: 1.5rem;
}
.logo a {
	width: 60%;
	margin:0px auto;
}
.navbar-minimize .btn {
		background: #184a9a;

}
.ui-datepicker-trigger {
	width: 30px;
}
.datepicker-field {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.datepicker-field label {
	width: 100%;
}
.datepicker-field input {
	width: calc(100% - 45px);
}
.card label {
    color: #000000;
    font-weight: 600;
}
.card h5 {
	margin-top: 2rem;
}
/**/
.form-group input[type=file] {
    opacity: 100;
    position: static;


	background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    color: #66615b;
    line-height: normal;
    font-size: 14px;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    box-shadow: none;
}
.bloq-meta-movmensual {
	padding: 1rem;
	background:#e3e3e3;
	margin:1rem 0px;
}
.meta_movmensual {
	margin: 0px;
	line-height: 1.5rem;
}
.campo-requerido {
	color:red;
}
.navbar .navbar-brand {
    text-transform: none;
}
.agregar_antecedentes {
	color:#000;
	border-color: #000;
}
.subtitulo {
	display: block;
	width: 100%;
}
.btn-default {
	background: #bfbfbf;
}
.btn-default:hover, .btn-default:active, .btn-default:focus  {
	background: #949494;
}
.sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
.sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
.off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal {
	text-transform: initial;
}
.modal-footer {
	padding: 0px 1rem;
}
.planillas-title-dip-1 {
    margin-bottom: 0px;
}
.planillas-title-dip-2 {
    margin-bottom: 0px;
}
.bloq-planillas-dip {
	margin-top: 2rem;
}
.aprov-planillas {
	font-weight: bold;
	margin-right: 1rem;
}
.cifra {
	text-align: right;
}
input[type='number'] {
	text-align: right;
}
.form-group input[type=file] {
	font-size: 0.6rem;
}
/**/
.column-center {
    text-align: center;
}
.column-left {
    text-align: left;
}
.column-right {
    text-align: right;
}
.tabla-reducir,
.tabla-reducir tr th {
    font-size: 0.7rem !important;
}
#desgloce,#desglose {
    background: #ebefe8;
    padding: 2rem;
    border-bottom: 3px solid #fff;
}
#desgloce input, #desglose input,
#desgloce select, #desglose select {
    font-size: 80%;
}
.btn-trash-fondo {
background: #fff;
border-radius: 50%;
width: 50px;
height: 50px;
border: 0px;
color: #333;
margin-top: 1rem;
cursor:pointer;
}
.btn-trash-fondo:hover {
background: #184a9a;
color: #fff;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #f7f7f7 !important;
}
.title-alerta-duplicado {
    text-align: right;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1rem;
    display: inline-block;
}
.bg-alerta-red {
    background-color:#FFCDD2
}
.badge {
    font-size: 0.9em;
}
.btn-plataforma {
    text-decoration:none !important;
    font-size:0.8rem;
    border-radius:4px;
    padding:0.2rem 0.5rem;
    color:#000 !important;
    background:#fff;
    text-align: center;
    position: absolute;
    right:2rem;
    bottom:2rem;
}
.btn-plataforma:hover {
    box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
}
.pointer:hover {
  cursor:pointer !important;
}
.text-nowrap {
    white-space: nowrap;
}
/****/
.text-warning.btn-icon, 
.text-danger.btn-icon,
.text-info.btn-icon,
.text-success.btn-icon {
    color: #b7b7b7 !important;
    font-size: 1.1rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.2rem;
}
/**************************/
  .descargar_button {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    border-radius: 3rem;
    background: #e3e3e3;
    color: #000;
    padding: 0.3rem;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 0.6rem;
    padding-right: 1rem;
    margin-top: 1.6rem;
  }
  .descargar_button::before {
    content: "\f019";
    font-family: "FontAwesome";
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: #f2f2f2;
    color: #000;
    border-radius: 50%;
    width: 30px;
    aspect-ratio: 1 / 1;
    margin-right: 0.5rem;
    font-size:1rem;
  }
  .descargar_button:hover {
    background:#51cbce;
    color: #fff;
  }
  .eliminar_button {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    border-radius: 3rem;
    background: #e3e3e3;
    color: #000 !important;
    padding: 0.3rem;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 0.6rem;
    margin-top: 1.6rem; 
  }
.eliminar_button::before {
    content: "\f1f8";
    font-family: "FontAwesome";
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: #f2f2f2;
    color: #000;
    border-radius: 50%;
    width: 30px;
    aspect-ratio: 1 / 1;
    font-size:1rem;
  }
.eliminar_button:hover {
    background:#b63939;
    color: #000;
  }