@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/Inter/Inter-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'InterBold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Inter/Inter-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'InterRegular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Inter/Inter-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'InterSemiBold';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Inter/Inter-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Bahnschrift';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Bahnschrift/BAHNSCHRIFT.TTF') format('truetype');
}

@font-face {
  font-family: 'GillSansStd';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/GillSansStd/GillSansStd.otf') format('opentype');
}

@font-face {
  font-family: 'GillSansStdBold';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/GillSansStd/GillSansStd-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'GillSansStdLight';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/GillSansStd/GillSansStd-Light.otf') format('opentype');
}


html,
body {
  height: 100%;
  font-family: GillSansStd !important;
  font-size: 10px;
}

li.user-footer > a.btn.btn-default{
    width: 100% !important;
}

.skin-custom .main-header .navbar {
    background-color: #721d48 !important;
}

.skin-custom .main-header .logo {
    background-color: #8e1f57 !important;
}
a.funciones-usuario{
    margin: 0px!important;
}

.user-image.img-circle.elevation-2{
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -6px;
}

.sidebar-collapse .logo img {
  width: 50px;
}

.admin-header.sidebar-dark-primary {
    height: 205px;
    padding: 10px;
    text-align: center;
    background-color: #313b48;
}

.admin-header.sidebar-dark-primary>p {
    z-index: 5;
    color: #fff;
    color: rgba(255,255,255,0.8);
    font-size: 17px;
    margin-top: 10px;
}


.admin-header.sidebar-dark-primary > img{
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255,255,255,0.2);
}

.dropdown-menu.dropdown-menu-lg.dropdown-menu-right{
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
}

.admin-header > p > small {
    display: block;
    font-size: 11px;
}

.user-body a {
    color: #444 !important;
    font-size: 13px;
    margin: 13px;
}

#cambiar-contrasenia{
    margin-top: 10px;
}

.user-footer{
    background-color: #f9f9f9;
    padding: 10px;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.main-sidebar {
	padding-top: 100px !important;
}

.set{
    color: #28a745;
    font-style: italic;
}

.not-set{
    color: #c55;
    font-style: italic;
}

.sidebar-toggle {
	bottom: 0;
  position: absolute;
}

.logo img {
    width: 92px;
}

.logo{
	padding: 0px !important;
	height: 92px !important;
}

.navbar{
	height: 92px;
}

.invoice-col b {
  font-family: InterBold !important;
}

.invoice-info {
  padding: 30px 0px;
}

.mailbox-attachments {
  margin-top: 30px !important;
}

.mailbox-attachment-icon{
  height: 150px;
  overflow: hidden;
}

.mailbox-attachment-icon img{
  max-width: 105px;
   margin: 0 auto;
}

.mailbox-attachment-icon .img-dni {
  max-width: 165px;
}

.profile-user-img {
  border: 0;
}

.content-wrapper {
  background-color: #ffffff !important;
}

.bg-custom-blue {
  background-color: #eedce5  !important;
}

.login-page-admin {
  background-image: url('../images/fondo-20.png');
  background-position-x: right;
  background-repeat: no-repeat;
}

.login-page-admin .site-login {
  padding-top: 100px !important;
  width: 35%;
}

.login-logo img{
  width: 200px;
}

#btn-preview-cert {
  margin-bottom: 40px;
}

/* preview certr */

#preview-cert p {
    text-align: left;
}

#preview-cert .title, #preview-cert .subtitle {
    text-align: center;
}

#preview-cert hr {
    border-top: 1px solid #dcdcdc;
}

#preview-cert .box-title {
    background-color: #f1f1f1;
    padding: 3px 13px;
    /*text-t*/
}

p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

/* CREDENCIAL */

#footer{
   height: 90px;
}

.form_holder fieldset button{
  width: 20%;
  float: right;
}

.previous {
  margin-right: 10px;
}

/* CREDENCIAL DORSO */

#title-preview{
  margin-top: 30px;
}

#descargar, #enviar, #recortar, #generar-credencial {
  display: block;
  margin-top: 0px;
  width: 200px;
  margin-left: 5px;
}


.wrapper-btns{
  display: inline-flex;
  margin-top: 20px;
  float: right;
}

#wrapper-credencial{
  margin-top:30px;
}

#container-credencial {
  display: none;
  padding-bottom: 30px;
}

.navbar-custom-menu {
  position: absolute;
    right: 0;
    bottom: 0;
}

.treeview-menu a{
    margin-left: 15px;
}

.clickeable{ 
    cursor: pointer; 
}

.hiddenRow {
    padding: 0 !important;
}

.spinner-border {
  display: inline-block !important;
  width: 2rem !important;

  border-right-color: transparent !important;
  border-radius: 50% !important;
  -webkit-animation: spinner-border 0.75s linear infinite !important;
  animation: spinner-border 0.75s linear infinite !important;
}

.table {
  margin-top: 25px;
}

.label {
    padding: 0.5em 0.6em 0.3em !important;
}


.cuenta-corriente-matriculado td{
  vertical-align: inherit !important;
    text-align: center;
}

tr.cuota_descripcion{
    font-size: 14px;
}

tr.cuota_descripcion_interes{
    font-size: 12px;
}

tr.cuota_descripcion_interes > td{
    padding-left: 15px;
    background-color: #0000000f;
}

.consultorio-form .action-button {
  
  background: #27AE60;
  font-weight: 400;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
/*  padding: 10px 5px;*/
  margin: 10px 5px;
}


div.dt-buttons {
    float: right !important;
}
div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button {
  border: none !important;
  color: #3c8dbc !important;
  background: transparent !important;
}
div.dt-buttons span {
  color: #3c8dbc !important;
 
}
.dataTables_length{
  width: 28% !important;
  float: left !important;
}

.DataTables_Table_0_filter{
    width: 64% !important;
    float: left !important;
}

.dji-index table.dataTable{
  margin-top: 20px !important;
}
   
.dji-index table.dataTable tfoot{
  margin-top: 20px !important;
} 

.detalle-deuda{
  font-size: 11px;
}

/* Estilos del overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.overlay-content {
    text-align: center;
    color: #fff;
}

.spinner {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    border: 4px solid transparent;
    border-top: 4px solid #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.grid-view .summary{
  padding-top: 7px;
}

.exportar {
  margin: 10px;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}