@font-face{
	font-family: 'Open Sans';
	src: url('../fonts/Open_Sans/OpenSans.ttf');
}

:root{
	--gris: #fafafa;
	--blanco: #fff;
	--rojo: #a32824;
	--letra: 'Helvetica', sans-serif;
}

/* Scroll */
::-webkit-scrollbar{
    width: 9px;
    background-color: #fff;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .3);
    background-color: #fff;
}
::-webkit-scrollbar-thumb{
    background-color: #b8b8b8; 
}

/* Estilos */
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html body{
	font-family: var(--letra);
	font-size: 13px;
}
body.skin-blue .treeview-menu > li > a,
body.skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default{
	font-size: 13px;
}
body.skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default,
body.skin-blue .dropdown-menu > li > a{
	font-size: 11.5px;
}
body.skin-blue .navbar-nav > .user-menu > .dropdown-menu > li.user-header > h4,
body.skin-blue .navbar-nav > .user-menu > .dropdown-menu > li.user-header > h6{
	margin: 0;
	padding: 5px 0;
	color: #fff;
}
img{
	width: 100%;
	height: 100%;
}
ul{
	list-style: none;
}
.container-page-large{
	width: 98%;
	margin: auto;
}
.container-page-max{
	width: 96%;
	margin: auto;
}
.container-page{
	width: 94%;
	margin: auto;
}
table thead{
	background-color: #5a6b86;
	color: #fff;
}
.sombra{
	position: absolute;
	background-color: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -10;
}
.oculto{
	display: none;
}
.wrapper textarea{
	width: 100%;
	height: 100px;
	resize: none;
}
.modal button.btn{
	border-radius: 0;
}

/* Template */
.page-login .login-logo a{
	color: var(--blanco);
}
.page-login .login-logo a h1,
.page-login .login-logo a h2{
	margin: 0;
}
.login-box-msg{
	font-size: 22px;
}
/*.wrapper .content-wrapper{
	background-color: var(--gris);
}*/
.wrapper .small-box .icon{
	right: 0;
	font-size: 80px;
}
.wrapper .small-box:hover .icon{
	font-size: 90px;
}
.dataTables_wrapper .pagination,
.dataTables_wrapper .pagination > li:first-child > a,
.dataTables_wrapper .pagination > li:first-child > span,
.dataTables_wrapper .pagination > li:last-child > a,
.table-header .btn{
	border-radius: 0;
}
.modal span.icon-span-filestyle{
    font-family: 'Font Awesome 5 Free';
}
.modal span.glyphicon-folder-open:before{
    font-family: "Glyphicons Halflings";
}
.sidebar-menu i{
	font-size: 15px;
}

/* Autocomplete */
body .ui-autocomplete{
	z-index: 1100;
}
.ui-menu .ui-menu-item{
	font-size: 12px;
}
/* Home*/
.info-box .info-box-text{
	white-space: normal;	
}
.info-box .info-box-number h3{
	margin: 0;
	margin-top: 10px;
}

/* Styles */
.group-form,
.group-form-cobro{
	background-color: var(--blanco);
	border: 1px solid #ddd;
	padding: 8px;
}
.group-form legend,
.group-form-cobro legend{
	width: 150px;
	padding: 4px;
	border: 0;
}
.group-form legend{
	margin: 0 0 10px 10px;
}
.group-form-cobro legend{
	margin: 0 0 1px 10px;
}
.group-form-cobro button{
	margin-bottom: 10px;
}
.group-form-cobro button.boton{
	margin-bottom: 0;
}
form .row{
	margin-bottom: 10px;
}
.invisible{
	display: none;
}
.boton{
	border: 1px solid;
	outline: 0;
	padding: 2px;
	font-size: 13px;
}
table.dataTable tr td,
table.miTable tr td{
    vertical-align: middle;
}
.selected{
    background-color: #d9edf7 !important;
}
.col-md-12 .dataTables_filter label input[type="search"]{
	width: 400px;
}
.col-md-10 .dataTables_filter label input[type="search"],
.col-md-12 #tablaCobranza_filter.dataTables_filter label input[type="search"]{
	width: 320px;
}
.col-md-8 .dataTables_filter label input[type="search"]{
	width: 250px;
}

#tableResult tbody{
	background-color: #fff;
}
#tableResult tr td input{
	border: 0;
	width: 100%;
	outline: none;
	background-color: transparent;
}
#tablaPago thead tr th{
	border: 1px solid #8c8686;
}
#tablaPago thead tr th,
#tablaPago tbody tr td{
	font-size: 11px;
}

/* Modals */
.modal{
	overflow-y: scroll;
}
.modal-sm{
	width: 15%;
}
.modal-md{
	width: 25%;
}
.modal-lg{
	width: 30%;
}
.modal-xl{
	width: 50%;
}
.modal-xxl{
	width: 65%;
}
.modal-xxx{
	width: 90%;
}
.modal .modal-header,
.group-okc{
	display: flex;
	justify-content: space-between;
}
.group-okc-ini {
	display: flex;
	justify-content: start;
}
.group-okc-ini select {
	width: 40%;
}
.modal input[type="number"]{
	text-align: right;
}
.modal .input-group-sm > .form-control,
.modal .input-group-sm > .input-group-btn > .btn{
	border-radius: 0;
}

/* Config */
#modalSettings .box{
	border-radius: 0 !important;
	margin-bottom: 10px;
}
.input-group-addon h6{
	margin: 0;
}
h5.box-title{
	font-size: 14px !important;
}
.form-cfg .input-group{
	width: 100%;
}
.form-cfg .input-group .input-group-addon{
	width: 42%;
	text-align: left;
	background-color: #ddd;
}
.form-cfg .input-group input{
	width: 100%;
}
#tablaCobranza tr th,
#tablaCobranza tr td{
	font-size: 11px;
}
#tablaCobranza tr td .boton{
	font-size: 12px;
}
#tablaCobranza tr td .label{
	font-size: 11px;
}
#tablaCobranza tr th{
	padding: 8px;
}
#tablaCobranza tr td{
	padding: 4px;
}
#tablaCobranza tr th{
	padding-right: 15px;
}
.input-okc{
	width: 100%;
	font-size: 9.5px;
}
table.table-aux tr th,
table.table-aux tr td{
	font-size: 12px;
	padding: 4px;
}
.botonera-okc{
	width: 100%;
	margin: auto;
	text-align: center;
}
.botonera-okc button{
	margin: 3px;
	float: left;
}
#tablaSaldo tbody td a,
#tablaSaldo tbody td label{
	font-size: 11px;
}
.col-okcw{
	width: calc(90% / 5);
	margin: 0 .6%;
	display: inline-block;
}
nav .breadcrumb{
	padding: 5px;
}
.breadcrumb{
	background-color: #d2f7f7 !important;
	border: 1px solid #7bc5c5;
	font-size: 11px;
}
.breadcrumb > li + li:before{
	color: #000 !important;
}
.tableDetailCob{
	font-size: 11px;
}
.tableDetailCob tfoot{
	font-size: 12px;
	font-weight: bold;
}
#historySaldo{
	font-size: 12px;
}
.caja{
	width: 10px;
	height: 10px;
}
#tbl-saldo td label{
	font-size: 12px;
}
#report-result{
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ddd;
}
#report-result table tr th,
#report-result table tr td{
	font-size: 11px;
}
#totales-saldo tr td{
	font-size: 12px !important;
	font-weight: bold;
}
.fs-cobro{
	font-size: 10px;
}

#misCostos .box-body{
	padding: 0;
}
#misCostos .box-header .box-title{
	font-size: 14px;
}
.okc-cc{
	width: 100%;
	display: block;
	padding: 6.5px 10px;
	border-top: 1px solid #ccc;
}
.okc-cc:first-child{
	border-top: 0;
}
.okc-niv-1{ font-weight: bold; background-color: #dedbdb; }
.okc-niv-2{padding-left: 10px;}
.okc-niv-3{ padding-left: 30px; }
.okc-niv-4{ padding-left: 50px; }

.okc-niv-3,
.okc-niv-4{
	font-style: italic;
	cursor: pointer;
}
 
@media (min-width: 769px){
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{
    	top: 40px !important;
    }
}

@media (max-width: 768px){
	.modal-sm, .modal-md, .modal-lg, .modal-xl, .modal-xxx{
		width: 94%;
	}
	.table-responsive{
		border: 0 !important;
	}
	.col-md-12 .dataTables_filter label input[type="search"],
	.col-sm-12 .dataTables_filter label input[type="search"],
	.col-md-12 #tablaCobranza_filter.dataTables_filter label input[type="search"]{
		width: 250px;
	}
	ol.breadcrumb{
		width: 250px;
	}
	#filterPeriodo{
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin: auto !important;
		margin-bottom: 10px !important;
	}
}