@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 {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:not([type='checkbox']):not(.form-control),select,textarea{font-family:inherit;font-size:12px;line-height:1.1;height:23px;border:1px solid #ccc;border-radius:3px}
/* hovers */
@keyframes hover_blue {
	from {background-color: #2D2D2D;}
	to {background-color: #939393;}
}

/* grales */
.logo-default{
	height:50px;
	position: absolute;
}
.page-header.navbar .page-logo{
	width: auto;
}
.page-header.navbar .menu-toggler.sidebar-toggler{padding:6px 3px 2px 3px}
.div_proc_overlay .proc_txt > img{display: flex;margin: 0px auto;}
.page-sidebar-closed .page-header.navbar .page-logo{padding: 0px 9px; 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{margin: 11px 0px 0px 0px;}
.btn {padding:5px 18px 5px 15px; height: auto; line-height: 25px; font-size: 12px;}
#div_btn_toggler{padding: 0px 9px;}
#div_logo_link{margin-left:8px}
.jb_lupa {height: 25px; padding: 3px 8px !important}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{z-index: 955;}

/* Para agrandar los iconos de los botones del dialog exportacion */
#div_export_buttons > button > span{color: black}
#div_export_buttons .fa.fa-file-excel-o{font-size: 31px; margin-left:-4px}
#div_export_buttons .fa.fa-file-pdf-o{font-size: 31px; margin-left:-4px}
#div_export_buttons .fa.fa-commenting-o{font-size: 36px; margin-top:-4px; margin-left:-8px}
#div_export_buttons .glyphicon.glyphicon-remove{font-size: 32px; margin-left:-6px}

#div_export_buttons button {background-color:#fcfcfc; border-color:#fcfcfc;}
#div_export_buttons button:hover {background-color:#ddd; border-color:#fcfcfc;}

#nData span, #pData span{ 
	margin-top: 7px;
	font-size: 17px;
}

#sData span, #cData span { 
	margin-top: 3px;
	font-size: 17px;
}

/* .ui-pg-table.navtable.ui-common-table{font-size:12px !important} */
/* .ui-pg-table.ui-common-table.ui-pager-table.table{font-size:12px !important} */

table > tbody .active td {background-color: #CE7AFF !important;}

table > tbody .active.success td,
table > tbody .success td {background-color: #79006C  !important; color: #fff;}

/* Para registros par - impar */
.table-striped>tbody>tr:not(.success):not(.rojo):not(.verde):nth-child(odd)>td,
.table-striped>tbody>tr:not(.success):not(.rojo):not(.verde):nth-child(odd)>th{background-color: #eee;}


/*colores*/
div .page-content-wrapper {background-color:rgb(80, 80, 80)}
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{background-color:rgb(80,80, 80)}
.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a{background:rgb(80, 80, 80); color:black}
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a{background:#4f5154 !important}
.page-sidebar .page-sidebar-menu ul.sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu{background-color:rgb(80, 80, 80) !important;}
.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {color:white}
.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {color: #c4c4c4}
.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {color: #c4c4c4}

.ui-jqgrid .ui-jqgrid-htable .colmenu {color:white}
.ui-th-div.ui-jqgrid-sortable  {color:white}

tbody > tr > td.DataTD {vertical-align:middle !important; margin-bottom:0px}

tbody > tr > td.CaptionTD > label{font-size:12px; margin-bottom:0px}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close{padding:0}
tr > td.DataTD input{font-size:12px}
div.div_lup > .lupa_button{line-height:22px}

/* div  table  thead  tr  th .ui-th-column.ui-th-ltr {background-color: red} */
/* div > table > thead > tr > th .active.ui-th-column.ui-th-ltr {background-color: red} */

input[readonly]{background-color: #eef1f5; border:1px solid #9e9e9e !important}

.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:#460C46;color:#fff}
.ui-jqgrid-labels{background-color: #DFDFDF;}
th.ui-th-column.ui-th-ltr{background-color: #460C46;}
th.ui-th-column.ui-th-ltr:hover{background-color: #6E0C6E;}
.ui-jqgrid-labels .active{background-color: #6E0C6E;}
th.ui-th-column.ui-th-ltr.active{background-color: #6E0C6E;}
.page-content-white .page-title{margin:0;font-size:24px}
#main.row {margin: 0 !important;}

.page-footer {
     padding: 0px; 
    font-size: 13px;
    height: 0px;
}

/** 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: #460C46; color: #ffffff !important;}
.page-header.navbar, .clearfix, .page-container{background-color:rgb(60, 60, 60)}
.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: #460C46;
	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:#460C46;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;}

/* agrago por tdi */

.table-bordered,
.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th{
	border: none;
}

.tab_recuadrado{
	border-bottom-width:1px !important;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

#column_menu{
	padding-right:8px;
}

#column_menu>li table > tbody > tr td.menu_text{
	font-size:11px;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    font-size: 11px;
    font-weight: bold;
	height: 100%;
}

.fondo_blanco{
	background-color:#ffffff;
	border-color:#ffffff;
}

.input-sm{
	margin-right:3px;
	width: 98%;
}

.ui-button.ui-corner-all.ui-widget.fondo_blanco{
	background-color:#ffffff;
	border-color:#ffffff;
}

table{font-size: small !important}

.ui-button.ui-corner-all.ui-widget.fondo_blanco:hover{
	background-color:#B0B0B0;
	border-color:#ffffff;
}

.btn-sm.btn-success{

	border-color: #460C46;
	background-color: #460C46;
}

.btn-sm.btn-success:hover{

	border-color: #79006C;
	background-color: #79006C;
}

.btn-sm.btn-success:hover:focus,
.btn-sm.btn-success:focus{

	border-color: #79006C;
	background-color: #79006C;
}

.btn-sm.btn-danger{
	border-color: #C10800;
	background-color: #C10800;
}

.btn-sm.btn-danger:hover{
	border-color: #D82322;
	background-color: #D82322;
}

.btn-sm.btn-danger:hover:focus,
.btn-sm.btn-danger:focus{

	border-color: #AE2322;
	background-color: #AE2322;
}


.seacrh_form_submit > button,
.btn-default,
.btn-primary{
/*
	border-color: rgb(70, 12, 70);
	background-color: rgb(70, 12, 70);
	*/
	border-color: rgb(70, 12, 70);
	background-color: #fff;
	color: rgb(70, 12, 70);
}

.seacrh_form_submit > button:hover,
.btn-default.active,
.btn-default.active:hover,
.btn-default:hover,
.btn-primary:hover,
.btn-default[disabled]:hover,
.btn-primary[disabled]:hover{

	color: #fff;
	border-color: rgb(110, 12, 110);
	background-color: rgb(110, 12, 110);
}

.btn-sm{
	padding: 3px 10px 5px 10px;	
	height: 23px;
}

.seacrh_form_submit > button:focus,
.btn-default:focus:active,
.btn-default:active:hover,
.btn-default:active,
.btn-primary:focus,
.btn-primary:focus:active,
.btn-primary:active:hover,
.btn-primary:active{
	color: #fff;
	border-color: rgb(110, 60, 110);
	background-color: rgb(110, 60, 110);
}
/*

button[name="src_submit"],
button[name="btn_borrar"]{
    color: black;
    background-color: #fcfcfc;
    border-color: #ffffff;
}

button[name="src_submit"]:hover,
button[name="btn_borrar"]:hover{
    color: black;
    background-color: #cccccc;
    border-color: #ffffff;
}
*/
button[type="submit"].btn.btn-default{
	font-size:18px;
	height: 35px;
	width: 45px;
	padding: 4px;
}

/*a.btn.btn-primary.btn_filtros_estaticos,*/
button.btn.btn-primary.btn_filtros_estaticos{
	width:33px;
	height:31px;
	padding:4px 10px;
}

a.collapsed.btn.btn-primary.btn_filtros_estaticos,
button.collapsed.btn.btn-primary.btn_filtros_estaticos{
	background-color:white;
	color:black;
}

a.collapsed.btn.btn-primary.btn_filtros_estaticos:hover,
button.collapsed.btn.btn-primary.btn_filtros_estaticos:hover{
	background-color: #B0B0B0;
	color:black;
}

a.btn.btn-primary.btn_filtros_estaticos,
button.btn.btn-primary.btn_filtros_estaticos{
	background-color:#460C46;
	color:white;
}

a.btn.btn-primary.btn_filtros_estaticos:hover,
button.btn.btn-primary.btn_filtros_estaticos:hover{
	border-color: rgb(110, 12, 110);
	background-color: rgb(110, 12, 110);
}


.div_busq > div > ul > li[role="tab"].ui-state-active{
	background-color:#460C46;
	color:white;
}
.div_busq > div > ul > li[role="tab"]{
	background-color:white;
	color:black;
}

td.DataTD div.formError.inline{
	width:191px;
	margin-left:3px;
}

/* Para que se vean los meses y anios en los datepicker*/
.ui-corner-all:not(:hover) .ui-icon {
    background-image: url(../Recursos/JqueryUI/1.12.1/images/ui-icons_ffffff_256x240.png);
}

.ui-datepicker .ui-datepicker-title select {
    color: #000;
}

.ui-widget-header {
	background-color: rgb(70, 12, 70);
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active,
.ui-button:focus,	
.ui-button.ui-state-active:hover{
	background: rgb(110, 12, 110);
}

.ui-button.ui-dialog-titlebar-close{
	    border: 1px solid grey !important;
}


.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
    border: 1px solid #CE7AFF;
    background: #CE7AFF;
    color: #000000;
}

/* para iconos agregados con imagenes manuales */
.bouton-image:before {
	content: "";
	width: 17px;
	height: 25px;
	display: inline-block;
	vertical-align: text-top;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	transform: scale(1.3);
}

.monBouton:before{
	 background-image : url(../../Framework/Imagenes/broom-icon.png);
}

/* PARCHES PARA CHROME */
/*.ui-pg-table {height: 25px !important;}*/
/* .page-container{-webkit-margin-before: 33px !important;} */
/* .menu-toggler.sidebar-toggler{-webkit-padding-before: 17px !important; -webkit-padding-after:5px !important} */
/*Para el ValidationEngine*/
/*div > form.FormGrid > div.FormError.bg-danger{position:static !important}
table > tbody > tr td.DataTD > div.formError.inline{
	visibility: hidden;
}

table > tbody > tr td.DataTD > div.formError.inline:after{
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "Este campo es obligatorio";
}

table > tbody > tr td.DataTD > div.formError.inline:after {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

table > tbody > tr td.DataTD > div.formError.inline:after {
	width: 88%;
	background: #ee0101;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 0px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 2px 10px 2px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

table > tbody > tr td.DataTD > div.formError.inline:after {
	z-index: 991;
	margin-left:5px;
}*/

/* Alto registros de grilla */
.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;
}

.titlebar {
	padding: 7px;
	vertical-align: middle;
	position:static;
	font-weight:bold;
	display:block;
	font-size:11px;
	font-family: "Roboto",! sans-serif important;
	text-align:left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #aaaaaa;
	color: #ffffff;
	background-color: #460C46;
}

/* 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: white;
	padding: 0px 10px;
	border-radius:0px;
}
.div_busq .panel-primary > a.btn:hover{background-color: #ddd;}
.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: 11px;}
.div_lup button.lupa_button{padding: 2px 10px;}
#Act_Buttons .navButton a{height: 37px; width:37px; padding: 0px; line-height: 34px;}
#div_export_buttons {text-align:center; margin-top:10px;}
.genera_pdf{margin-right:3%; height:40px; width:50px}
.bt_excel_xlsx{margin-right:3%; height:40px; width:50px}
.add_comentario{margin-right:3%; height:40px; width:50px}
.cancelar_pdf{margin-right:3%; height:40px; width:50px}
.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: #460C46; color: #FFFFFF;}
.ui-jqdialog.modal-content .ui-jqdialog-titlebar.modal-header .ui-jqdialog-titlebar-close.active{color: #A3A3A3;}
.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;}
/******/

.modal-header{
	color: #fff;
	background-color: #460C46;
}

.close{
	color: #fff;
	opacity: 1;
}

button[name="btn_buscar_lupa"]{
	height: 34px;
}

li.active > a {
    background-color: rgb(70, 12, 70) !important;
    color: #FFF !important;
}

.fixed-dialog{
  position: fixed;
}

.confirm.ui-jqconfirm{
	padding: 1.4em 1em;
	position: absolute;
	top: 38%;
	left: 33%;
	border-color: black;
	border-style: solid;
	border-width: 1px;
}

.confirm.ui-jqconfirm a:nth-last-of-type(1){
	visibility: hidden;
}

.confirm.ui-jqconfirm a:nth-last-of-type(2){
	background-color: #d3d3d3;
}

.confirm.ui-jqconfirm a:nth-last-of-type(3){
	margin-left: 11px;
	background-color: #d3d3d3;
}

.modal-backdrop.fade.in{
     z-index:950;
}