@media screen and (min-width: 576px){
	body.debug {
		background-color: #ffff80!important;
	}
}
@media screen and (min-width: 768px){
	body.debug {
		background-color: #008040!important;
	}
}
@media screen and (min-width: 992px){
	body.debug {
		background-color: #0080ff!important;
	}
}
@media screen and (min-width: 1200px){
	body.debug {
		background-color: red !important;
	}
}
/*************************/

body {
	/*background-color: var(--bs-light);*/
	min-height: 100%;
	background-color: #FFF;
	color: #6c757d;
}

#main-wrapper:not(.nonavbar) {
	padding-bottom: 65px;	
}

@media screen and (min-width: 992px){
	#main-wrapper:not(.nonavbar) > #content-wrapper {
		margin-left: 260px !important;
	}
	#main-wrapper {
		padding-bottom: 0px !important;	
	}
}

#content-wrapper .fill-content-wrapper {
	min-height: calc(100vh - 210px)
}

@media screen and (min-width: 992px){
	#content-wrapper .fill-content-wrapper {
		min-height: calc(100vh - 160px)
	}
}

.fullscreen {
	min-height: 100vh;
}
.hcenter {
	margin-left: auto;
	margin-right: auto;
}

a {
	color: var(--bs-secondary);
	text-decoration: none;
	font-weight: 700;
}

.btn {
	text-transform: uppercase;
	font-weight: 600;
}

.fw-600 {
	font-weight: 600;
}

.input-group, .input-group .form-control {
	border-radius: 0 !important;
}
.form-control:focus {
	box-shadow: none;
}
.form-control~span.input-group-text {
	box-shadow: none;
	border-radius: 0 !important;
	border-top: 0px;
	border-right: 0px;
	background: #fff;
	color: #44484c;
}
.form-control:focus~span.input-group-text {
	border-color: var(--bs-secondary);
	box-shadow: none;
}

.form-control[readonly]~span.input-group-text, .form-control:disabled~span.input-group-text {
	border: 0;
	display: none;
}
.datepicker .active {
	background-color: var(--bs-secondary) !important;
	background-image: none !important;
}

input[type=text]~label {
	width: 100%;
	text-align:left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

input.input-numeric {
	text-align: right;
}

.input-addon-right > * > input {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.test-eur::after {
	content:'\20AC';
}



/* NAVBAR */
#main-wrapper > #navbar-wrapper .navbar {
	box-shadow: 0 -0.125rem 0.25rem rgb(0 0 0 / 8%) !important  
}
@media screen and (min-width: 992px){
	#main-wrapper:not(.nonavbar) > #navbar-wrapper .navbar {
		width: 260px !important;
		box-shadow: -0.125rem 0 0.25rem rgb(0 0 0 / 8%) !important 
	}
	
    .navbar .container-fluid, .navbar-expand-lg .navbar-collapse, .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        
    }

    .navbar {
        height: 100vh;
        align-items: flex-start;    
        box-shadow: none;          
    }
    
    .navbar > .container-fluid {
    	align-items: flex-start !important;
    }

    .navbar-brand{
        margin-left: .5rem;
        font-size: 1.5em;
        font-weight: bold;
    }
}


/* TABLAS */
table.fcrtable #table-inside-table input[readonly] {
	border: 0;
	background-color: initial;
	text-align: center;
}
      
table.fcrtable tr td {
	vertical-align: middle;
}

table.fcrtable thead tr th, table.fcrtable tfoot tr td {
 	height: 50px;
	font-weight: bold;
	background-color: #8f8f8f !important;
 	vertical-align: middle !important;
 	color: white !important;
 	border: 0px;
  	border-collapse: collapse !important; 
  	border-spacing: 0px !important; 
  	border-left: 0px !important; 
  	border-right: 0px !important; 
  	border-color: #6c757d !important; 
}
     
table.fcrtable thead tr, table.fcrtable tfoot tr {
	height: 50px;
}
table.fcrtable tbody tr {
  	height: 70px;
}
table.fcrtable tbody tr.fila:not(.fila:last-child) {
  	color: #313a46 !important;
  	border-bottom: solid 2px #e7e9ed;
}
table.fcrtable td, table.fcrtable td input {
  	color: #6c757d !important;
}

table.fcrtable tr:first-child th:first-child {
  	border-top-left-radius: 0.25rem;
}
table.fcrtable tr:first-child th:last-child {
  	border-top-right-radius: 0.25rem;
}
table.fcrtable tr:last-child td:first-child {
  	border-bottom-left-radius: 0.25rem;
}
table.fcrtable tr:last-child td:last-child {
  	border-bottom-right-radius: 0.25rem;
}
table.fcrtable #imagenestabla img{
	height: 48px;
	width: 62px;
}
#table-inside-table input[readonly] {
  	border: 0;
	background-color: initial;
	text-align: center;
	box-shadow: none;
}