/* ---- */
/* BODY */
body {
    background-color: #18191A;
    font-family:'Segoe UI Regular';
    font-size: 16px;
    color: white;
	height: 100vh;
	padding-top: 54px;
}

/* ELIMINA EL BORDE AZUL DE LOS INPUTS AL HACER FOCUS */
input:focus, input.form-control:focus {
	outline:none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

select:focus, select.custom-select:focus {
	outline:none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/* GENERAL */
.col-panel {
	margin-top: 10px;
	padding: 0px 0px 0px;
}

.panel-col {
	padding: 0px;
}

.panel {
	background-color: #242526;
	border: 1px solid #3E4042;
	border-radius: 4px;
}

.panel-disabled { pointer-events: none; opacity: 0.4; } 

.label-cabecera {
	font-size: 0.79rem;
	margin-bottom: 0px;
}

.numeros {
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
}


.montos {
	font-weight: bold;
	font-size: 1.8rem;
}

.label-menu-titulo {
	font-size: 1.3rem;
}

#nowrap {
	white-space:nowrap;
}

/* LOGIN */
.login {
	max-width: 300px;
	width: 300px;
}

/* NAVBAR */
#inc-navbar-1 .navbar {
	background-color: #202020 !important;
	padding: 3px 15px;
	border-bottom: 1px solid #3E4042;
}

#inc-navbar-1 .fontawesome-ico {
	color: #FFC107 !important;
	font-size: 1.625rem;
}

#inc-navbar-1 a {
	color: #F8F9FA !important;
}
#inc-navbar-1 a:hover {
	color: #FFC107 !important;
}

#inc-navbar-1 button {
	color: #343A40 !important;
}
#inc-navbar-1 button:hover {
	color: #343A40 !important;
}

/* ------ */
/* TABLAS */
#id-tabla-css tbody {
	font-size: 0.8rem;
}

#id-tabla-css td, th {
	white-space:nowrap;
	vertical-align:middle;
}


#dropdown-menu-css .dropdown-item {
	font-size: 1.5rem;
}

.panel-modal {
	background-color: #242526;
	border: 1px solid #3E4042;
	border-radius: 4px;
}


#id-bt-nav-tabs .nav-tabs{
	border-bottom: 0px solid #2F3031 !important;
}

#id-bt-nav-tabs .nav-item {
	font-size: 14px;
	color: white !important;
}

#id-bt-nav-tabs .nav-item:focus{
	border: 1px solid #2F3031 !important;
}

#id-bt-nav-tabs .nav-item:hover{
	border: 1px solid #2F3031 !important;
}

#id-bt-nav-tabs .active {
	background-color: #242526;
	border: 1px solid #2F3031 !important;
	border-bottom: 3px solid #FFC107 !important;
}

#id-bt-nav-tabs .active:focus {
	border: 1px solid #2F3031 !important;
	border-bottom: 3px solid #FFC107 !important;
}

#id-bt-nav-tabs .active:hover{
	border: 1px solid #2F3031 !important;
	border-bottom: 3px solid #FFC107 !important;
}

.btn-modal-close :hover {
	color: white;
	cursor:pointer;
	transition-property: color;
	transition-duration: 0.25s;
}
.btn-modal-close :focus {
	color: #343A40;
	transition-property: color;
	transition-duration: 0.25s;
}
.btn-circle {
	width: 23px;
	height: 23px;
	padding: 0px 0px;
	border-radius: 15px;
	text-align: center;
	font-size: 10px;
	line-height: 1.42857;
}