@import url(//fonts.googleapis.com/css?family=Roboto:400,300,600,700,800);
    
/* html, body, h1, h2, h3, h4, h5, h6, a {font-family: "Roboto", sans-serif !important;}*/
/* html, body, h1, h2, h3, h4, h5, h6, a {font-family: Arial, Helvetica, sans-serif !important;}*/
html, body, h1, h2, h3, h4, h5, h6, a {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;}

html {box-sizing: border-box; -webkit-font-smoothing: antialiased; position: relative;}

a {color: inherit;}
em {color: inherit;}

a img{border: none;}
form{margin: 0;}
fieldset{padding: 0;}

button,input,select,textarea{font-family:inherit;font-size:12px;line-height:1.1;height:23px;border:1px solid #ccc;border-radius:3px}

/* grales */
.div_proc_overlay .proc_txt > img{display: flex;margin: 0px auto;}
/*.page-sidebar-closed .page-header.navbar .page-logo {padding: 0px 5px; overflow: hidden;}
.page-sidebar-closed .page-header.navbar .page-logo > a{float:right;margin-right: 33px;}
.page-sidebar-closed .page-header.navbar .menu-toggler.sidebar-toggler{float:left;margin: 12px 0px 0px 2px;}
*/.btn {padding: 5px 15px; height: auto; line-height: 25px; font-size: 12px;}

.page-header.navbar .menu-toggler.sidebar-toggler {float: right;}

.panel-primary > .panel-heading {font-weight: 700;}
.ui-jqgrid-titlebar {border-radius: 4px 4px 0 0;}
.ui-jqgrid .ui-jqgrid-titlebar{padding: 0px 5px;min-height: 30px;}
.ui-jqgrid .ui-jqgrid-title{padding:7px;vertical-align:middle;position:static;font-weight:bold;display:block}
.ui-jqgrid .ui-jqgrid-caption{text-align:left;background-color:#363a7d;color:#fff}
.ui-jqgrid-labels{background-color: #DFDFDF;}
.page-content-white .page-title{margin:0;font-size:24px}
#main.row {margin: 1px 0px 0px 0px !important;}

/** arreglos sidebar */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {width: 195px; right: 0px; left: auto;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {width: 195px; right: 0px; left: auto;}
.dropdown-user .dropdown-menu li > button,
.dropdown-user .dropdown-menu li > a{width: 100%;background-color: #ffffff;border: none;color: #333333;border-radius: 0px;
	font-size: 14px;font-weight: lighter;font-family: "Roboto", sans-serif;text-align: left;padding: 0px 20px; min-height: 25px;}
.dropdown-user .dropdown-menu li:hover > button,
.dropdown-user .dropdown-menu li:hover > a{background-color: #636363; color: #ffffff !important;}
/*.page-header.navbar{background-color:#EF4030}*/
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle {
	webkit-animation: hover_blue 1s;
	-moz-animation: hover_blue 1s;
	-ms-animation: hover_blue 1s;
	-o-animation: hover_blue 1s;
	animation: hover_blue 1s;
	/*background-color: #286090;*/
	color: #ffffff;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover>i,
.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle>i{color: #FFFFFF;}
.page-sidebar .page-sidebar-menu ul.sub-menu,
.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu{background-color: #3F4E5F; margin: 0px 0px;}
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu,
.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu li > .sub-menu{background-color: #485869; margin: 0px 0px;}
/* paneles */
.panel-primary{border-color:#ccc; position: relative;}
.panel-primary .panel-heading{color:#fff;background-color:#05185d;border-color:#ccc}

/* rearmado buscador */
.search_inner_cic {text-align: center; overflow: hidden;}
.search_inner_cic > form{display: inline-block; padding: 0 1px;}
.search_inner_cic > form .search_form_cond,
.search_inner_cic > form .search_form_oper,
.search_inner_cic > form .seacrh_form_text{float:left;margin-right: 5px;}
.search_inner_cic > form .seacrh_form_submit{float:left; margin-right: 2px;}
.search_inner_cic > form .seacrh_form_submit > button{height: 25px;	padding: 0px 10px;}
.search_inner_cic .src_adv_btn,
.search_inner_cic .src_borrar_btn{display: inline-block;height: 24px; margin-right: 2px;}
.search_inner_cic .src_borrar_btn{width: 35px; height: 25px;}
.search_inner_cic .src_adv_btn button,
.search_inner_cic .src_borrar_btn button{float: left; height: 25px; padding: 0px 10px;}

/* Para que el cuadro de error al ingresar un codigo incorrecto aparezca por encima del formulario de insercion/edicion */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{z-index: 955;}

/*agrago por tdi*/
.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    font-size: 12px;
    font-weight: normal;    
    height: 100%;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px;
}

.ui-datepicker .ui-datepicker-title select {
    color: #000;
}

.titlebar {
	padding:0.3em 0.2em 0.2em 0.3em;
	position:relative;
	font-weight:bold;
	display:block;
	font-size:12px;
	font-family: "Roboto";
	text-align:left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #aaaaaa;
	color: #ffffff;
	background-color: #1c70c5;
}
.text {
	text-align:left;
	font-family: "Roboto";
	float:left;
	background:#f2f2f2;
	border:1px solid #c3c3c3;
	padding-right:3px;
	margin-right:5px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	border-radius: 4px;
}
.search{
	position:relative;
	top:0px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #AAAAAA;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.ui-dialog-titlebar-close{padding: 0px !important}

#div_export_buttons > button{height:50px}
#div_export_buttons > button > span{color: black}
#div_export_buttons .fa.fa-file-excel-o{font-size: 31px; margin-left:1px}
#div_export_buttons .fa.fa-file-pdf-o{font-size: 31px; margin-left:1px}
#div_export_buttons .fa.fa-commenting-o{font-size: 36px; margin-top:-4px;}
#div_export_buttons .glyphicon.glyphicon-remove{font-size: 32px; margin-top:2px}

#div_export_buttons button {background-color:#fcfcfc; border-color:#fcfcfc;}
#div_export_buttons button:hover {background-color:#ddd; border-color:#fcfcfc;}

 /**gustavo 20180502 */
/* cuadro de busqueda */
.div_busq{position: relative;width: 100%;min-height: 30px;margin: 5px 0px; z-index: 100;}
.div_busq .panel-primary{border:none; box-shadow: none; margin-bottom: 0px;}
.div_busq .panel-primary .panel-heading {
	position: relative;
	padding-left: 45px;
	height: 31px;
}
.div_busq .panel-primary > a.btn{
	border: none;
	position: absolute;
	z-index: 999;
	height: 30px;
	background-color: #005596;
	padding: 0px 10px;
}
/*.div_busq .panel-primary > a.btn:hover{background-color: #286090;}*/
.div_busq .panel-primary > a.btn[aria-expanded="false"]{}
.div_busq .panel-primary > a.btn[aria-expanded="true"]{}
.div_busq .panel-primary .panel-body{padding: 0px;}
.div_busq .panel-primary .panel-body .search_cic{
	padding: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.div_busq .panel-primary > a.btn span.glyphicon{padding-top: 8px;}
.div_busq .panel-primary > a.btn[aria-expanded="false"] span.glyphicon::before{content: "\e138";}
.div_busq .panel-primary > a.btn[aria-expanded="true"] span.glyphicon::before{content: "\e138";}
.div_busq .collapse.in{margin-bottom: 10px;}
.page-sidebar .page-sidebar-menu > li > a span.glyphicon,
.page-sidebar .page-sidebar-menu .sub-menu > li > a span.glyphicon,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sub-menu > li > a span.glyphicon{padding-right:6px;}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a span.glyphicon{padding-right: 0px;}

/*arreglo de grillas*/
.ui-jqgrid tr.jqgrow{font-size: 12px;}
.div_lup{float: right; width: 32px;}
.div_lup button.lupa_button{padding: 2px 10px;}
#Act_Buttons .navButton {text-align: left; padding-left: 20px}
#Act_Buttons .navButton a{height: 37px; width: 37px; padding: 6px; font-size: 15px; line-height: 24px;}
#div_export_buttons {text-align:center; margin-top:11px;}
.txt_comentario_informe{width:100%; height:60px}
.ui-jqgrid .ui-jqgrid-htable .ui-th-div .s-ico{position: absolute; right: 40px !important;}
.ui-jqdialog.modal-content .ui-jqdialog-titlebar.modal-header{background-color: #363a7d; color: #FFFFFF;}
.ui-jqdialog.modal-content .ui-jqdialog-titlebar.modal-header .ui-jqdialog-titlebar-close.active{color: #AEC8FF;}
.ui-jqdialog.modal-content .ui-jqdialog-content.modal-body{padding: 8px;}
.content_list_pdf .list-group-item{overflow: hidden;padding: 5px 10px;}
.content_list_pdf .badge{float: left; margin: 0px 2px;}
.content_list_pdf input.col_imprimir{float: left; margin: 3px 2px; height: auto;}
.content_list_pdf .list-group-item label{float: left;}

/*Iconos del mostrar medios pago*/
.icon_efectivo{
	background-image:url("../Imagenes/efectivo.png");
	float:left;
	height: 75px;
	width:75px;
}
.icon_pago_electronico{
	background-image:url("../Imagenes/pago_electronico.png");
	float:left;
	height: 75px;
	width:75px;
}
.icon_tarjeta {
	background-image:url("../Imagenes/tarjeta.png");
	float:left;
	height: 69px;
	width:100px;
}

.ui-widget {font-family: "Roboto", sans-serif !important;}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Roboto", sans-serif !important;
}

/* Iconos para el mostrar_cuadro*/
.icon_error {	
	background-image:url("../Imagenes/icon_error.png");	
	float:left;	
	height: 32px;
	width:32px;
}
.icon_information {	
	background-image:url("../Imagenes/icon_information.png");
	float:left;	
	height: 32px;
	width:32px;
}
.icon_question.png {	
	background-image:url("../Imagenes/icon_question.png");	
	float:left;	
	height: 32px;
	width:32px;
}


/*Se reduce el tamaño de los controles en los formularios de la grilla*/
.ui-jqdialog-content input.FormElement {
	margin: 0px;
	height: 80%;
	font-size: 12px;
	line-height: 1;
}

.ui-jqdialog-content select.FormElement {
	margin: 0px;
	height: 80%;
	font-size: 11px;
	line-height: 1;
}

.EditTable .FormData td {
	height:90% !important;
}
.EditTable .FormData td .lupa_button{
	line-height:15px;
}

td.DataTD div.formError.inline {
    width: 191px;
    margin-left: 3px;
}

.ui-state-active{background: #005596 !important;}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active{
	background: #c3c3c3  !important;
}

.ui-widget-header{background: #363a7d;}
/*
.ui-dialog-titlebar.ui-widget-header{background: #005596 !important;}
.ui-datepicker-header.ui-widget-header{background: #005596 !important;}
*/
.ui-button.ui-dialog-titlebar-close{border-color: #005596 !important;}

.page-content .page-title {
    margin: 15px 0px 0px;
	font-size: 20px;
}

#column_menu{
    padding-right:8px;
}

.fixed-dialog{
  position: fixed;
}

.page-header.navbar {
    background-color: #02165f;
}

.page-header.navbar .page-logo .logo-default{
	margin-top: 3px;
	margin-left: 8px;
	width: 125px;
}

.page-content-wrapper{
    background-color: #05185d;
}

.page-footer{
    background-color: #05185d;
    height: 0px;
    padding: 0px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle{
    background-color: #414141;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle:hover > .username{
    color: #fff;
}

.page-header.navbar .menu-toggler.sidebar-toggler {
    float: right;
    margin: 12px 0 0;
    border: 1px solid #FFF;
    padding: 5px 3px 2px 3px;
    border-radius: 5px !important;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-control.input-sm{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
	color: #fff;
	background-color: #363a7d;
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle {
    color: #ffffff;
    background-color: #286090;
    border-color: #286090;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab{
	background-color: #6e6e6e !important;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-state-hover{
	/* color: black; */
	background-color: #c3c3c3  !important;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active{
	color: white;
	background-color: #c3c3c3  !important;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover{
	color: white;
	background-color: #c3c3c3  !important;
}

.btn-primary {
    color: #fff;
    background-color: #363a7d;
    border-color: #363a7d;
}

button.ui-button.ui-corner-all.ui-widget{
    color: #fff;
    background-color: #363a7d;
    border-color: #363a7d;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    /* border: 1px solid #cccccc !important; */
    background: #363a7dcc !important;
    border-color: #363a7dcc !important;
    font-weight: normal !important;
    color: #fff !important;
}

.ui-state-active {
    background: #005596 !important;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
    background: #23265f !important;
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #286090 !important;
}

.btn-default {
    color: #fff;
    background-color: #363a7d;
    border-color: #363a7d;
}

.page-footer{
    height: 0px;
    padding: 0px;
}

.ui-widget.ui-widget-content.keypad-popup{
    width: auto !important;
}

.page-header.navbar .top-menu .navbar-nav .dropdown-toggle{
    height: 100%
}

.ui-jqgrid .loading {
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    padding: 5px 10px;
    z-index: 101;
    margin: 5px;
    text-align: center;
    display: none;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 14px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 5px #959595;
}

.input-group{
	/* float: left; */
	width: 100%;
}

p{
    margin: 9px 0px 10px;
}

/* Para poner de color blanco las flecha hacia la derecha de eleccion de meses en los datepickers */
div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-next.ui-corner-all span.ui-icon{
	background-image: url("../Recursos/JqueryUI/1.12.1/images/ui-icons_ffffff_256x240.png") !important;
}

/* Para poner de color blanco las flecha hacia la izquierda de eleccion de meses en los datepickers */
div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-prev.ui-corner-all span.ui-icon{
	background-image: url("../Recursos/JqueryUI/1.12.1/images/ui-icons_ffffff_256x240.png") !important;
}

.project_title{
	background-color:#363A7D;
	color:#ffffff;
}

.btn-success{
	color: #fff;
	background-color: #363A7D;
	border-color: #363A7D;
}

.btn-success.active, .btn-success:active, .btn-success:hover, .open > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #286090;
	border-color: #286090 !important;
}

.btn-danger {
    color: #fff;
    background-color: #e31d2d;
    border-color: #e31d2d;
}

.btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #e73d4a;
    border-color: #e73d4a;
}

.modal-backdrop.fade.in{
	z-index:950;
}

.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
	background-color: #05185d;
}

select.input-sm {
    height:23px;
	padding-top:4px;
}

.page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
    background: 0 0;
    margin: 1px;
        margin-top: 1px;
    padding: 0;
    margin-top: 0px !important;
}

#btn_buscar_lupa{
	height: 34px;
}

.nav-tabs li{
	background-color: #eaeaea;	
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus{
    color: #fff;
    background-color: #05185d;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color: #fff;
    background-color: #05185de6;
}

.nav  li.disabled  a {
	color: white;
	background-color: #05185d80;
}

.nav  li.disabled  a:hover, .nav  li.disabled  a:focus{
	color: white;
	background-color: #05185d99;
}

.nav-tabs  li  a ,.nav-tabs  li{
	border-radius: 6px 6px 0 0;
}

.solo_entero{
	text-align: right;
}

.entero_4_digitos{
	text-align: center;
}