.brand-logo{
	width: 100% !important
}
.brand-logo img{
	max-width:280px !important;
	width: 100%;
}
.logo-institucion{
	width: 100%;
	text-align: center;
	/*max-width: 180px !important;*/
	margin:0px auto !important;
}

.logo-institucion img{
	max-width: 250px !important;
	width: 95%;
}
.main-menu .navbar-header .navbar-brand .brand-logo{
	width: 180px !important;
}
.main-menu .navbar-header .navbar-brand{
	margin: 5px  0px !important;
}

.nav .modern-nav-toggle{
	position: relative !important;
	left: 15px !important;
	padding: 0px !important;
	margin: 15px 10px  0px 0px!important;
}
.navbar-header.expanded{
	border-bottom: 1px solid #c5c2ff !important;
}
.logo-institucion-navbar{
	width: 100%;
	text-align: center;
	padding-top: 20px ;
}
.logo-institucion-navbar img {
	/*width: 70%;*/
	max-width: 200px !important;
}

.sidebar-group-active{
	margin-bottom: 10px !important;
}
.has-sub{
	margin: 10px 0px !important;
}
.main-menu.menu-light .navigation > li ul .active{
	box-shadow: none !important;
}
.jq-toast-li{
	font-size: 12px !important;
}
.jq-toast-ul{
	padding: 0px !important;
	margin:0px !important;
	margin-top: 10px !important;
	color:#C82728;
}
.min-h-180{
	min-height: 180px !important;
}
.bg-male{
	background: #448aff;
	color:#fff;
}
.bg-female{
	background: #FF7AD8;
	color:#000;
}
.c-male{
	color:#448aff;
}
.c-female{
	color:#FF7AD8;
}
.form-label{
	font-weight: 600 !important;
	text-transform: uppercase;
	font-size: 13px !important;
}

/*****************************************
    GENERAL STYLES WITH SPECIFICITY
*****************************************/

.vertical-align-middle tr :is(th, td) {
    vertical-align: middle !important;
}

.bg-brown {
    background-color: brown !important;
}

.form-label > span {
    color: hsl(0, 100%, 60%) !important;
}

body.menu-collapsed .main-menu-content .logo-institucion-navbar > h4 {
    display: none;
}



.avatar img {
    box-shadow: 0 0 0 2px #a6a6a6, inset 0 0 0 1px rgb(34 41 47 / 7%);
}

html .content.app-content {
    padding: calc(1rem + 4.45rem + 1.3rem) 1rem 0;
}
.card{
	margin-bottom: 1rem;
}
.header-navbar.floating-nav {
    width: calc(100vw - (100vw - 100%) - calc(1rem * 2) - 260px);
}

/*.card .card-header + .card-content > .card-body:first-of-type, .card .card-header + .card-body {
    padding-top: 1rem !important;
}*/

.nroComprobante{
	display: inline-block;
	padding: 3px 5px ;
	background: #0072FF;
	color: #fff;
	border-radius: 4px
}
.labelPeque {
    padding: 3px 8px;
    color: white;
    border-radius: 10px;
}
.peligro {
    background: #FF1515;
}
.exito {
    background: #38C172;
}
.pagado-item{
	background: #D4EDDA;
}
.deuda-item {
    background: #F8D7DA;
    color: #721C24;
}
.titleAmortizacion {
    width: 100%;
    background: #4b4b4b;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 3px;
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 4px;
}
.titleAmortizacion h5{
	color:#fff;
	margin:0px;
	padding:3px 0px;
}
.modal-500{
	max-width: 500px !important;
}
.modal-600{
	max-width: 600px !important;
}
hr.bg-institucion{
	background: #9d3235 !important;
}
.table-mini tr,.table-mini td,.table-mini th{
	border:solid 1px #DEDEDE;
}
/******************************************/
.statusSunat{
	text-align: center;
}
.statusSunat span{
	display: inline-block;
	background: #ffffff;
	padding: 6px !important;
	position: absolute;
	top: -28px;
	left: calc(50% - 27px);
	border-radius: 50%;
}


.bg-anulado{
	background: #FFDBDB;
}
.bg-recibo{
	background: #CED6FF;
}


.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu{
	width: 210px !important
}