@charset "UTF-8";

html {
    position: relative; 
    min-height: 100%;
    background: #285493;    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/new/stamp_index.png');
}

body {
	padding: 0px !important;
	margin: 0px 0px 84px 0px !important;
	width: 100% !important;
	font-family: Arial,Verdana,sans-serif;
	font-size: 8px !important;
	background:url(../images/new/background_blue.gif) repeat-x !important;
	height: 100% !important;
	background-color: blue;	
}

/*
li p, li li, li address, li dt, li dd, dd p, dd li, td p, td li, th p, th li, td dt, td dd, th dt, th dd, address p, address li, h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
}
*/

/* CABECERA */
#cabecera {
    background:url(../images/new/top_background.png) repeat;
}

.stamp {
	position: absolute;
	float: left;
	left: 0px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='#{facesContext.externalContext.requestContextPath}/theme/img/stamp_index.png');
	top: 78px;
}

div.container {
	position: relative;
}

#cabecera div.container {
	width: 100%;
	height: 84px;
}

#cabecera div.container h1 {
	margin: 0px;
	height: 100%;
    display: block;
}

#cabecera .container #logo {
	width: 62%;
}

#cabecera .container #logo .logotipo {
	width: 90px;
    height: 80px;
    float: left;
    background: url(../images/new/top_logo_nuevo.png) no-repeat 0 0;
    overflow: hidden;
    display: block;
    position: relative;
}

#cabecera .container #logo .logo {
	position: relative;
	margin-left: 2em;
	padding-top: 7px;
}

#cabecera .container #logo .sublogo {
    background: none;
    position: absolute;
	left: 12em;
    top: 2.2em;
}

#cabecera .container #logo .sublogo>span {
	font-size: 2.0em;
	color: #087021;
	font-family: TeXGyreHerosCnRegular, Arial, Helvetica, sans-serif;
}

#cabecera .container #logo .miga {
    background: none;
    position: absolute;
    left: 10em;
    top: 4.2em;
    font-size: 11px;
}

#cabecera .container #logo .miga span.miga_green {
    color: #087021;
    font-weight: bold;
}

#cabecera .container #user {
    position: absolute;
    right: 1em;
    top: 0.5em;
    padding-top: 0.5em;
    font-size: 11px;
    z-index: 1;
}

#cabecera .container #user_opt {
    position: absolute;
    right: 1em;
    top: 4.5em;
    padding-top: 0.5em;
    font-size: 11px;
    z-index: 1;
}

#cabecera .container #user_login {
    position: absolute;
    right: 1em;
    top: 2.5em;
    padding-top: 0.5em;
    font-size: 11px;
    z-index: 1;
}

#cabecera .container #menu {
    position: absolute;
    right: 1em;
    top: 70px;
    padding-top: 0.5em;
    padding-right: 0.5em;
    font-size: 11px;
    z-index: 1;
    background-color: grey;
}

#cabecera .container #menu a {
    color: white;
}

#cabecera .container #user_opt .user_info a,
#cabecera .container #user .user_info a {
    color: white;
}

#cabecera .container {
    color: white;
}

/* LOADING */
#loading {
    text-align: center;
    width: 50%;
    margin-top: 20%;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

#loading div {
	clear: both;
	display: block;
	position: relative;
	text-align: center;
}

#loading div i {
    margin-top: 10px;
    color: #4A75B5;
}

.panel-success>.panel-heading {
    color: #4A75B5;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

#waitModal .modal-dialog {
	width: 280px !important;
	min-width: 200px !important;
	margin-top: 18% !important;
	text-align: center;
}

#waitModal div.modal-body, #loading div span {
	color: #000000;
	font-size: 2em;
	padding: 1em;
	color: #4A75B5;	
}

#waitModal div.loading, #loading div.loading {
	height: 4.4em;
}

#confReportModal .modal-sm {
	width: 350px;
}

#confReportModal div.modal-dialog div.modal-body div.form-group label.radio-inline {
	padding-bottom: 10px;
	padding-left: 35px;
}

/* CONTENIDO */
#contenidos {
	padding-top: 2em;
	/*position: absolute;*/
}

#contenidos #login-container {
    width: 40%;
    margin: auto;
    padding-top: 7%;
}

#contenidos .panel {
	border: none;
    border-radius: 0px;
}

.panel-title2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: inherit;
}

.panel-default>.panel-heading2 {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-bottom: 1px solid grey;
    padding: 2em 2em 1em 2em;
}

#contenidos .panel .panel-heading {
    background-color: #4A75B5 !important;
    border: none;
    border-bottom: 1px solid grey;
    margin-bottom: 0px !important;
    filter: none !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#contenidos .panel .panel-heading h3 {
    color: white;
    padding: 0px;
    font-size: 13px;    
    font-weight: bold;
    text-align: center;
}

#contenidos .panel .panel-body {
    background: whitesmoke none repeat scroll 0 0;
    font-size: 11px;
}

#contenidos #login-container #login-botonera-wrapper, #contenidos #login-container #validator-botonera-wrapper {
	text-align: center;
}

#contenidos #login-container #login-wrapper p, #contenidos #login-container #validator-wrapper p {
	font-size: 12px;
}

#contenidos .expanded-container {
	padding-bottom: 2em !important;
	padding-left: 2em !important;
	padding-right: 2em !important;
	width: 100%;
}

#contenidos #content-wrapper {
    display: block;
}

#contenidos #content-wrapper.logged_true {
    float: left;
	padding-left: 1em;
}

#contenidos #content-wrapper.logged_true.administrator_true {
    width: 100%;
}
#contenidos #content-wrapper.logged_true.administrator_false {
    width: 86%;
}

#contenidos #content-wrapper.logged_true.administrator_false.signExternal_true {
    width: 100%;
}

/* SLIDEBAR */
#slidebar-container {
    float: left;
    width: 14%;
    padding-right: 1em;    
}

#slidebar-container .panel {
    margin-bottom: 2em !important;
}

#slidebar-container .panel .panel-heading {
    margin-bottom: 0px !important;
    color: white !important;
    filter: none !important;
    padding: 5% 25%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    background-color: #4A75B5;
    border-color: #4A75B5;
    /*background-image: url(../images/new/cabeceraMenu.png);*/
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;    
	padding: 2% 2%;
}

#slidebar-container .panel .panel-heading span.glyphicon {
    margin-right: 5px;
}

#slidebar-container .panel .panel-body {
	font-size: 1em;
	padding: 1em;
}

#slidebar-container .panel .panel-body div.item label, #slidebar-container .panel .panel-body div.item label div.label, td.tag-example div {
    font-size: 11px;
    color: #4A75B5;
}

/* NAVEGACION */
#navegacionBandejas, #userConfig-container .nav-tabs-div, #request-menu-info-wrapper{
    width: 100%;
    background-color: whitesmoke;
    border-bottom: 1px;
    border-bottom-color: grey;
    border-bottom-style: solid;
}

#navegacionBandejas .container {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#navegacionBandejas .container #menu_btn {
    display: none;
}

.nav-tabs-div {
    width: 100%;
}

.nav-tabs-div .main-nav-horizontal {
    display: block;
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.nav-tabs-div .main-nav-horizontal li {
    float: left;
    display: block;
    text-align: left;
    position: relative;
    padding: 0.4em 2em 0.4em 2em;
    border: none;
}

.nav-tabs-div .main-nav-horizontal li.li_inicio {
    padding-left: 1.5em;
}

.nav-tabs-div .main-nav-horizontal li .drop {
    font-size: 1.8em;
    line-height: 1.2em;
    color: #2B2B2B;
    display: block;
    outline: 0;
    text-decoration: none;
}

.nav-tabs-div .main-nav-horizontal li .badge {
    /*border-radius: 2px;*/
}

.nav-tabs-div .main-nav-horizontal li.menu_current {
    background-color: #4A75B5;
}

.nav-tabs-div .main-nav-horizontal li.menu_current a {
    color: #fff;
}

.nav-tabs-div .main-nav-horizontal li.menu_current .badge {
    background-color: #fff !important;
    color: #4A75B5 !important;
}

.enlaceItem {
	font-size: 11.5px;
}

.enlaceItemSelected {
	font-weight: bold;
	text-decoration: none !important;
	color: #337ab7 !important;
}

/* CONTENIDO LISTADOS */
#administracion, #peticiones-pendientes-data-table, #peticiones-espera-data-table, #peticiones-terminadas-data-table, #peticiones-enviadas-data-table {
	background-color: whitesmoke;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
}

#main-container .peticiones-data-table {
	font-size: 11px;
	padding-bottom: 1.6em;
}

#main-container .admin-data-table {
	font-size: 1em;
	padding-bottom: 1.4em;
}

#main-container #extra-panel-info {
    position: absolute;
    margin-top: -4.0em;
    right: 5.5em;
    color: white;
}

#main-container #extra-panel-info .progress {
    margin: 0px;
}

#main-container .tool-buttons {
	background-color: whitesmoke;
	font-size: 11px;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1.5em;
}

#main-container .tool-buttons .pull-left {
	margin-right: 0.5em;
}

#main-container .tool-buttons .pull-right {
	margin-left: 0.5em;
}

/* DATA TABLE */
.dataTables_wrapper {
	padding-top: 1.6em;
}

.dataTables_wrapper div[class^="col-"] {
	padding-left: 0px;
	padding-right: 0px;
}

.dataTables_wrapper .dataTables_length {
	color: #666 !important;
	padding-top: 9px;
}

.dataTables_wrapper .dataTables_paginate{
	float: none;
	text-align: center !important;
	padding-top: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	/*border-radius: 0px;*/
	background: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #000 !important;
} 

.dataTables_wrapper .dataTables_filter {
	color: #666 !important;
	padding-top: 9px;
}

.dataTables_wrapper .dataTables_filter input {
	border: 1px solid;
}

.dataTables_wrapper .dataTables_info {
	color: #666 !important;
	padding-top: 15px;
}

.dataTables_wrapper .dt-buttons {
	float: right !important;
	padding-top: 5px;
}

.dataTables_wrapper .dt-buttons a {
	/*border-radius: 0px;*/
	margin-right: 0px;
	margin-left: 0.5em;
	background: none !important;
    padding: 0.1em 0.5em;
    font-size: 1.5em;
    color: #087021;
}

/*
.dataTables_wrapper .sorting_asc, #main-container .dataTables_wrapper .sorting_desc, #main-container .dataTables_wrapper .sorting {
    background-image: none !important;
}
*/
.dataTables_wrapper tbody tr:hover {
    background-color: gainsboro !important;
}

table.dataTable.display tbody tr.odd:hover>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1:hover {
	background-color: gainsboro !important;
}

table.dataTable.display tbody tr.even:hover>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1:hover {
    background-color: gainsboro !important;
}

.dataTables_wrapper tbody tr.disabled {
    background-color: #ffdd9c !important;
}

.dataTables_wrapper tbody td {
    border: 0px;
}

.dataTables_wrapper .label-tag {
    margin-left: 3px;
    float: right;
}

.dataTables_wrapper .label {
    font-size: 0.8em;
    padding: 0.3em 0.8em;
    text-transform: uppercase;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: white;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.even {
    background-color: #EAF0F8;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
	background-color: white;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #EAF0F8;
}

table.dataTable.display tbody td {
    padding: 4px 4px 4px 4px;
}

table.dataTable.display {
    border-top: solid 1px #C0C0C0;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background-color: #FFF;
    empty-cells: show;
    border-collapse: collapse;
}

table.dataTable.displayShort {
    border-top: solid 1px #C0C0C0;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background-color: #FFF;
    empty-cells: show;
    border-collapse: collapse;
    width: 30%;
}

table.dataTable.displayMedium {
    border-top: solid 1px #C0C0C0;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background-color: #FFF;
    empty-cells: show;
    border-collapse: collapse;
    width: 50%;
}

.sorting {
    border: none !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 5px 9px; 
    border: solid 1px #C0C0C0 !important;
    background-color: #EAF0F8;
}

table.tablaEstilos tr:nth-child(odd) {	
    background-color:white;	
}

table.tablaEstilos tr:nth-child(even) {	
    background-color:#EAF0F8;	
}

table.tablaEstilos td {
    padding: 4px 4px 4px 4px;
}

table.tablaEstilos {
    border-top: solid 1px #C0C0C0;
    border-left: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background-color: #FFF;
    empty-cells: show;
    border-collapse: collapse;
}


table.tablaEstilos thead th, table thead td {
    padding: 5px 9px; 
    border-bottom: solid 1px #C0C0C0;
    background-color: #EAF0F8;
}



/* FORMULARIOS */

.bootstrap-datetimepicker-widget {
	z-index: 9999;
}
/*
.btn {
	border-color: #C0C0C0;
    font-size: 11px;
    font-family: Arial,Verdana,sans-serif;
    color: #FFF;
    background-color: #4A75B5;
    background-image: url(../images/new/fondoBoton.png);
    padding: 1.5px 3px;
    padding-top: 1.5px;
    padding-right: 3px;
    padding-bottom: 1.5px;
    padding-left: 3px;
    text-shadow: 0 0px 0;
}
*/

.btn {
	/*border-radius: 0px;*/
	border-color: #000;
	background: none;
	background-color: #4A75B5;
	text-shadow: none;
	padding: 0.31em 1em;
	font-size: 1em;
    color: white;
}

.btn-file {
	background-image:none;
	padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 3.9px;
    padding-left: 7px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #5c83bc; 
    border-color: #204d74;
}

.btn.disabled, .btn[disabled], .btn:disabled {
    background-color: #989898;
}

.btn-default:focus, .btn-default:hover, .btn-default:active
.btn-success:focus, .btn-success:hover, .btn-success:active {
    background-color: #5c83bc !important;
    background-position: 0 -15px;
    border-color: #204d74;
}

.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
    background-color: #337ab7 !important;
    border-color: #204d74;
}

/************************************************************************************/
/*	color de fondo de los botones(Acciones) de la pantalla de redactar peticion.	*/
.btn-info:hover, .btn-info:focus {
	background-color: #337ab7 !important;
	background-position: 0 -15px;
}
/***********************************************************************************/

.firmar {
    background-color: green;
    color: white;
}

.vistoBueno {
    background-color: olive;
    color: white;
}

.rechazar {
    font-size: 11px;
    background-color: red;
    color: white;
}



.firmar:hover {
    color: #fff;
    background-color: #009900; 
    border-color: #204d74;
}

.firmar:active {
    color: #fff;
    background-color: green;
    border-color: #204d74;
}

.firmar:focus {
    color: #fff;
    background-color: green !important;
    border-color: #204d74;
}

.vistoBueno:hover {
    color: #fff;
    background-color: #b3b300; 
    border-color: #204d74;
}

.vistoBueno:active {
    color: #fff;
    background-color: olive; 
    border-color: #204d74;
}

.vistoBueno:focus {
    color: #fff;
    background-color: olive !important; 
    border-color: #204d74;
}

.rechazar:hover {
    color: #fff;
    background-color: #ff4d4d; 
    border-color: #204d74;
}

.rechazar:active {
    color: #fff;
    background-color: red; 
    border-color: #204d74;
}

.rechazar:focus {
    color: #fff;
    background-color: red !important; 
    border-color: #204d74;
}

.form-control {
    padding: 0.10em;
    font-size: 11px;
    border-color: #C0C0C0;
}

input[type=checkbox], input[type=radio] {
	top: 6px;
}

/*
input[type=checkbox], input[type=radio] {
	top: 6px;
    width: 18px;
    height: 18px;
    background: #fff;
    margin: 0px;
    border-radius: 0px;
    -webkit-appearance: button;
    border: 1px solid;
    cursor: pointer;
    margin-bottom: -5px;
}

input[type=checkbox]:checked:before {
    content: '✓';
    display: block;
    color: #087021;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
}

input[type=radio]:checked {
	display: block;
	border-radius: 0px;
	background: #087021;
	border: 1px solid #000;
}
*/

.dropdown-menu {
	border-radius: 0px;
    margin: 0px;
    padding: 0px;
    background-color: #4A75B5;
    font-color: white;
}

.dropdown-menu .divider {
	margin: 0px;
}

.dropdown-menu > li > a {
	padding: 5px 10px;
}

.file-input .file-preview{
	margin: 0px;
}

.file-input .file-preview, .file-input .file-preview .file-drop-zone {
	border-radius: 0px;
}

.file-input .file-preview .file-drop-zone .file-drop-zone-title {
	padding-bottom: 2.5em;
    font-size: 1.17em;
    min-height: 3em;
    padding-top: 0.6em;
}

.file-input .file-preview .file-error-message {
	margin-top: -2.4em;
}

.file-input .file-preview .file-preview-frame {
	display: none;
}

.file-input .kv-upload-progress {
	margin: 2em !important;
}

.file-input .btn {
    font-size: 15.5px;
}

.input-group-addon {
	border-radius: 0px;
    background-color: #fff;
}

.ui-autocomplete {
	background-color: #fff;
	border: 0 none;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-sizing: content-box;
	color: #333;
	cursor: pointer;
	font-size: 1.4em;
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	list-style: outside none none;
	margin: 0;
	outline: 0 none;
	padding: 2px;
	text-decoration: none;
	width: 1px;
	z-index: 9999;
}

.ui-autocomplete li {
	clear: both;
	color: #333;
	display: block;
	font-weight: normal;
	line-height: 1.42857143;
	padding: 3px 20px;
	white-space: nowrap;
}

.ui-autocomplete li:hover {
	background-color: #f5f5f5;
	color: #262626;
	text-decoration: none;
}

/* UTILES */
.hidden, .hidden_true, .hidden-startup {
	display: none;
}

.panel {
	border: none;
	border-radius: 0px;
}

.panel .panel-heading {
	background: none;
	background-color: none;
	border: none;
	border-bottom: 1px solid grey;
	margin-bottom: 0px;
}

.panel .panel-body {
	background: #FFFFFF none repeat scroll 0 0;
	padding: 2em;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.help-block {
    display: inline;
}

.cke_toolbar_break, #cke_21, #cke_25, #cke_41, .cke_bottom {
	display: none !important;
}

.label {
	/*border-radius: 0px;*/
    display: inline;
    padding: 1px;
    line-height: 1px;
    border: 1px solid #000;
}

.text {
	padding-top: 0.7em;
}

.glyphicon {
    top: 2px;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
}

.tachado {
	text-decoration: line-through;
	color: red;
}

.request_read_false {
	font-weight: bold;
}

.pointer {
	cursor: pointer;
}

.downMassive {
	padding-left: 2em;
}

/* TAGS */
.TAG_FIRMADO {
	background-color: #F1F5EC;
	border: 1px solid #006633;
	color: #006633;
}

.TAG_VISTOBUENO {
	background-color: #F1F5EC;
	border: 1px solid #006633;
	color: #006633;
}

.TAG_RECHAZADO {
	background-color: #FFE3E3;
	border: 1px solid #CC0000;
	color: #CC0000;
}

.TAG_DEVUELTO {
	background-color: #FFE3E3;
	border: 1px solid #CC0000;
	color: #CC0000;
}

.TAG_ABORTADO {
	background-color: #FFE3E3;
	border: 1px solid #f56b05;
	color: #f56b05;
}

.TAG_ENESPERA {
	background-color: #FDE9F4;
	border: 1px solid #854F61;
	color: #854F61;
}

.TAG_NUEVO {
	background-color: #DEE5F2;
	border: 1px solid #5A6986;
	color: #5A6986;
}

.TAG_LEIDO {
	background-color: #E0ECFF;
	border: 1px solid #206CFF;
	color: #206CFF;
}

.TAG_PREFIRMADO {
	background-color: #90EE90;
	border: 1px solid #006400;
	color: #006400;
}

.TAG_ARCHIVADO {
	background-color: #CCCCFF;
	border: 1px solid #660066;
	color: #660066;
}

.TAG_FIRMANDO {
	background-color: #F1F5EC;
	border: 1px solid #006633;
	color: #006633;
}

.TAG_RECHAZANDO {
	background-color: #FFE3E3;
	border: 1px solid #CC0000;
	color: #CC0000;
}

.TAG_EN_PROCESO {
	background-color: #F1F5EC;
	border: 1px solid #006633;
	color: #006633;
}

.TAG_FIRMA_FALLIDA {
	background-color: #FFE3E3;
	border: 1px solid #CC0000;
	color: #CC0000;
}

/* ICONS */
.zip_disabled {
	color: grey;
}

.zip_disabled:active {
	pointer-events: none;
}

.icon_disabled {
	color: lightgrey;
}

.icon_disabled:active {
	pointer-events: none;
}

.icon_enabled {
	color: #4A75B5;
}

.icon_refunded {
	color: red;
}

.icon_aborted {
	color: red;
}

.icon_grey {
	color: #626262;
}

.icon_orange {
	color: orange;
}

.icon_mandatory {
	pointer-events: none;
	color: #4A75B5;
}

/* MODAL */
#login-container .modal-dialog {
	width: 50% !important;
}

.modal-dialog {
	width: 95%;
    margin: 2em auto !important;
}

.modal-dialog.modal-medium {
	width: 75%;
    margin: 10em auto !important;
}

.modal-dialog.modal-little {
	width: 50%;
    margin: 20em auto !important;
}

.modal-dialog .modal-content {
	border-radius: 0px;
	background-color: whitesmoke;
}

.modal-header-small
 {
	background: url(../images/new/fondoCabecera.png);
    border: none;
    border-bottom: 1px solid grey;
    margin-bottom: 0px !important;
    filter: none !important;
    padding: 0px !important;
    color: #fff;
    background-color: #337ab7;
    box-sizing: border-box;
    font-size: 11px;
    height: 20px;
}

.modal-dialog .modal-header {
    border: none;
    border-bottom: 1px solid grey;
    margin-bottom: 0px !important;
    filter: none !important;
    padding: 0.2px 0.2px 0.2px 0.2px !important;
    color: #fff;
    background-color: #4A75B5;
    box-sizing: border-box;
    font-size: 11px;
}

.modal-dialog .modal-header .close {
    margin-top: -10px;
    margin-bottom: -10px;
}

.modal-dialog .modal-header .close span {
    font-size: 2.5em;
}

.modal-dialog .modal-body {
	padding-top: 2em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 0px;
	overflow: auto;
	background-color: whitesmoke;
}

.modal-dialog .modal-body.without-color {
	background-color: whitesmoke;
}

.modal-dialog .modal-body div[class^="col-"] {
	padding-left: 2em;
	padding-right: 0em;
}

#login-container .modal-dialog .modal-body div[class^="col-"] {
	padding-left: 0em;
	padding-right: 0em;
}

.modal-dialog .modal-body div[class^="col-"]:first-child {
	padding-left: 0em;
	padding-right: 0em;
}

.modal-dialog .modal-body div[class^="col-"] div[class^="col-"] {
	padding-left: 0em;
	padding-right: 0em;
}

.modal-dialog .modal-body .form-group {
	font-size: 11px;
	background-color: white;
	margin-left: 0px;
	margin-right: 0px;
	color: #626262;
}

.modal-dialog .modal-body .form-group label {
	padding-top: 0.7em;
    padding-bottom: 0.7em;
}

.modal-dialog .modal-body .input-group {
	position: relative;
	float: left;
}

.modal-dialog .modal-body .input-group .form-control {
	border-radius: 0;
}

.modal-dialog .modal-body #destinatarios-div {
	min-height: 264px;
}

.modal-dialog .modal-body #destinatarios-div td {
	padding: 8px;
}

.modal-dialog .modal-body #firmantes-div {
	min-height: 178px;
}

.modal-dialog .modal-body #firmantes-div #firmante-table td {
	white-space: nowrap;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.modal-dialog .modal-body #firmantes-div #firmante-table td .name {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 75%;
    padding: 0px;
    display: inline-block;
}

.modal-dialog .modal-body #firmantes-div #firmante-table td i {
	top: -5px;
}

.modal-dialog .modal-body #destinatarios-div label, .modal .modal-dialog .modal-body #firmantes-div label {
	padding-left: 1.8em;
	padding-right: 1.8em;
	padding-top: 1.8em;
	padding-bottom: 0px;
}

.modal-dialog .modal-body #destinatarios-div div, .modal .modal-dialog .modal-body #firmantes-div div {
	padding: 1.8em;
}



.modal-dialog .modal-body #uploadFileZone {
	margin: 0px;
}

.modal-dialog .modal-body .text-area-hidden {
    visibility: hidden;
    display: none;
}

.modal-dialog .modal-body .requestInfoSection {
	padding: 2em;
}

.modal-dialog .modal-body .requestInfoSection h3 {
	font-size: 1.4em;
	color: #4A75B5;
	margin: 0px;
}

.modal-dialog .modal-body #information-div, .modal .modal-dialog .modal-body #confirmation-div, .modal .modal-dialog .modal-body #declaration-div {
	background-color: lightgray;
	font-size: 11px;
}

.modal-dialog .modal-body #information-div {
	background-color: whitesmoke;
	font-size: 11px;
	color: #626262;
}

.modal-dialog .modal-body #confirmation-div #confirmationText-div, .modal .modal-dialog .modal-body #declaration-div #declarationText-div {
	display: inline-block;
}

.modal-dialog .modal-body #request-text-view-wrapper {
	padding-left: 1.6em;
    padding-right: 1.6em;
    padding-bottom: 1em;
}

.modal-dialog .modal-body #request-menu-info-wrapper {
	display: inline-block;
	font-size: 0.7em;
}

.modal-dialog .modal-body .tab-pane {
	padding: 2em;
}

.modal-dialog .modal-body #request-documents {
	padding-top: 0;
	background-color: whitesmoke;
}

.modal-dialog .modal-body .tag-example div.tag-example-wrapper {
	/*margin-top: 8px;*/
}

.modal-dialog .modal-body .tag-example div.tag-example-wrapper .tag {
    float: left;
    margin-left: 15em;
    margin-right: 2em;
}

.modal-dialog .modal-body .label {
    font-size: 0.8em;
    padding: 0.3em 0.8em;
    text-transform: uppercase;
}

.modal-dialog .modal-footer {
	background-color: whitesmoke;
	padding: 0px;
	margin: 0px;
	border-top: 0px;
    font-size: 11px;
}

.modal-dialog .modal-footer div.item {
	background-color: whitesmoke;
	padding: 1.6em;
}

.modal-dialog .modal-footer div.item div.button-wrapper {
	display: inline;
}

/* ADMINISTRACION */
#administracion .administracion  {
	padding-bottom: 2em;
	font-size: 11px;
}

#administracion .administracion div[class^="col-"] {
	padding-left: 0em;
	padding-right: 0em;
}

#administracion .administracion div[class^="col-"] div[class^="col-"] {
	padding-left: 0em;
	padding-right: 0em;
}

#administracion .administracion .accordion h3 {
    color: #515151;
    font-size: 18px;
    line-height: 1em;
    display: block;
    padding: 0.5em;
    border-radius: 0px;
}

#administracion .administracion .accordion {
	border-radius: 0px;
}

#administracion .administracion .accordion .ui-state-active {
    border: 1px solid #4A75B5;
    background: #4A75B5;
    color: white;
}

.ui-widget.ui-widget-content {
     border: 1px solid #4A75B5; 
}

#administracion .administracion .accordion .ui-accordion-content {
	font-size: 1em;
}

#administracion .administracion .accordion .ui-accordion-content .form-group {
	margin: 0px;
}

#administracion .administracion .accordion .ui-accordion-content label {
	padding-top: 0.7em;
    padding-bottom: 0.7em;
}

#administracion .administracion .tool-buttons {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 2em;
}

#administracion .administracion h5.separatorLine {
	font-size: 1.5em;
	border-bottom: 1px solid grey;
	margin: 0;
}

#administracion .modal {
	font-size: 0.8em;
}

/* USER CONFIGURACION */
#userConfig-container {
	display: grid;
}

#userConfig-container .tab-content{
	padding-bottom: 2em;
}

#userConfig-container .tab-pane {
	background-color: whitesmoke;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
}

#userConfig-container .tab-pane .logoUsuario {
	float: left;
    font-size: 12em;
    text-align: center;
}

#userConfig-container .tab-pane .logoUsuarioName {
	padding-top: 7em;
}

#userConfig-container .tab-pane h4.separatorLine {
	font-size: 2em;
	border-bottom: 1px solid grey;
	margin: 0px;
    margin-bottom: 1em;
}

#userConfig-container .tab-pane div[class^="col-"] {
	padding-left: 0em;
	padding-right: 0em;
}

#userConfig-container .tab-pane table {
	font-size: 1.1em;
}

/* PIE */
#pie {
    height: 84px;
    display: block;
    background: white;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 100;
}

#pie .container {
    width: 100%;
    height: 80px;
}

#pie .container #version-properties {
    padding-top: 12px;
    padding-left: 5px;
    font-size: 11px;
    width:50%;
    float:left;
}

#pie .container #agencyAppFooter {
    width:50%;
    float:right;
    padding-top: 12px;
    padding-left: 5px;
    font-size: 11px;
}


/* Multi level dropdown menu */
.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.not_visible_mobile {
	display: inline;
}
	
.visible_mobile {
	display: none;
}


.stamp_mini {
    position: absolute;
    float: left;
    left: 0px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/new/stamp_index.png');
    top: 0px;
}

.hand_mini {
    position: absolute;
    float: right;
    right: 0px;
    top: 0px;
    opacity: 0.3;
}


.labelTittle {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px; 
    font-weight: 700;
    padding: 5px;
}

.dropdown-menu>li>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:visited, .dropdown-menu>li>a:active {
    color: white;
    background-color: #337ab7;
    background: none;
}

.dropdown-menu>li, .dropdown-menu>li:hover, .dropdown-menu>li:focus, .dropdown-menu>li:visited, .dropdown-menu>li>a:active {
    color: white;
    background-color: #337ab7;
    background: none;
    font-size: 11px;
}

.divDocument{
	background-color: whitesmoke !important;
}

.logoUsuarioClass{
	font-size: 11px;
}

.nameApplication{
	font-size: 14px;
}

.form-group2{
	background-color: whitesmoke !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    position:static !important;
}

/************************************/
/*	alta de usuarios				*/
label.altusuario {
	margin-top: 5px;
}

/************************************/
/************************************************************/
/*	icono del correcto de la pantalla peticiones terminadas	*/
.icon_enabled {
	color: green !important;
}
/************************************************************/

.jBox-Notice .jBox-content {
    font-size: 11px;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #4A75B5;
    background: #EAF0F8;
    font-weight: normal;
    color: #454545;
}

.ui-widget-content {
    border: 1px solid #4A75B5;
    background: #fff;
    color: #333;
}

.not_visible_tablet {
	display: inline;
}

.visible_tablet {
	display: none;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.checkboxDeclaration {
	vertical-align: bottom;
}

.divTextDeclaration {
	font-size: 11px;
	background-color: lightgray;
	color: #626262;
	text-align: left;
	padding: 0.4em;
}

.divDeclaration {
	padding: 1.6em;
}

#favoriteUsers .modal-sm {
	width: 375px;
}

.connectedMQTT {
	color: green; 
	font-weight: bold;
}

.disconnectedMQTT {
	color: red; 
	font-weight: bold;
}