/* ----------------------------------------------------------------------------------
    Hoja de estilos global
     
    Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
    Contacto: comercial@viavansi.com
    http://www.viavansi.com 
         
    Encoding:   UTF-8
    Autor:      Juan G. Hurtado
    e-Mail:     jghurtado@viavansi.com
----------------------------------------------------------------------------------
Indice de contenidos
----------------------------------------------------------------------------------
    1.MISC
        1.1.Icons
        1.2.Expands
        1.3.Loading
        1.4.Pager
    2.GLOBALS
        2.1.List
        2.2.Links
        2.3.Forms
        2.4.Messages
        2.5.Tables
    3.HEADER
        3.1.Logo
        3.2.Junta
        3.3.User info
    4.NAV
        4.1.Links
        4.2.Search
    5.CONTENT
        5.1.Tabs - Main
        5.2.Tabs - Secondary
        5.3.Tools
        5.4.Headers
    6.FOOTER
    7.INTERNET-EXPLORER
        7.1.IE6
        7.2.IE7
        7.3.IE8
        7.4.IE9
---------------------------------------------------------------------------------- */

/* =MISC
---------------------------------------------------------------------------------- */
hr.separator {
	border: 0;
	border-top: 1px solid #EFEFEF;
	background: #EFEFEF;
	display: block;
	height: 1px;
	margin: 0 0 1.5em 0;
}

.ie hr.separator {
	margin: 1em 0;
}

/* =|Icons
------------------------------------- */
.ui-icon.ui-icon-add {
	background: url(../images/icons/fatcow/add.png) no-repeat 0 0;
}

.ui-icon.ui-icon-cross {
	background: url(../images/icons/fatcow/cross.png) no-repeat 0 0;
}

.ui-icon.ui-icon-rejected {
	background: url(../images/icons/flaticon/rejected.png) no-repeat 0 0;
}

.ui-icon.ui-icon-undo {
	background: url(../images/icons/flaticon/undo.png) no-repeat 0 0;
}

.ui-icon.ui-icon-info {
	background: url(../images/icons/flaticon/info.png) no-repeat 0 0;
}

.ui-icon.ui-icon-pause {
	background: url(../images/icons/flaticon/stop.png) no-repeat 0 0;
}

.ui-icon.ui-icon-process {
	background: url(../images/icons/flaticon/process.png) no-repeat 0 0;
}

.ui-icon.ui-icon-chart-bar {
	background: url(../images/icons/fatcow/chart_bar.png) no-repeat 0 0;
}

.ui-icon.ui-icon-pencil {
	background: url(../images/icons/fatcow/pencil.png) no-repeat 0 0;
}

.ui-icon.ui-icon-page-gear {
	background: url(../images/icons/fatcow/page_gear.png) no-repeat 0 0;
}

.ui-icon.ui-icon-arrow_left {
	background: url(../images/icons/fatcow/arrow_left.png) no-repeat 0 0;
}

.ui-icon.ui-icon-arrow_right {
	background: url(../images/icons/flaticon/right-arrow.png) no-repeat 0 0;
}

.ui-icon.ui-icon-pause {
	background: url(../images/icons/flaticon/stop.png) no-repeat 0 0;
}

.ui-icon.ui-icon-page_excel {
	background: url(../images/icons/fatcow/page_excel.png) no-repeat 0 0;
}

.ui-icon.ui-icon-page_white_text {
	background: url(../images/icons/fatcow/page_white_text.png) no-repeat 0
		0;
}

.ui-icon.ui-icon-page_white_put {
	background: url(../images/icons/fatcow/page_white_put.png) no-repeat 0 0;
}

.ui-icon-page_white_put {
	background: url(../images/icons/fatcow/page_white_put.png) no-repeat 0 0;
	padding-left: 20px;
}

.ui-icon.ui-icon-csv {
	background: url(../images/icons/fatcow/csv.png) no-repeat 0 0;
	height: 32px;
	width: 32px;
}

.ui-icon.ui-icon-disk {
	background: url(../images/icons/fatcow/disk.png) no-repeat 0 0;
}

.ui-icon.ui-icon-cloud_download {
	background: url(../images/icons/flaticon/cloud-download.png) no-repeat 0
		0;
	padding-bottom: 30px;
	padding-right: 30px;
}

.ui-icon.ui-icon-download {
	background: url(../images/icons/flaticon/download.png) no-repeat 0 0;
	padding-left: 30px;
	padding-bottom: 30px;
}

.ui-icon.ui-icon-message-success {
	background: url(../images/icons/message-success.png) no-repeat 0 0;
	height: 32px;
	width: 32px;
}

.ui-icon.ui-icon-message-warning {
	background: url(../images/icons/message-warning.png) no-repeat 0 0;
	height: 32px;
	width: 32px;
}

.ui-icon.ui-icon-message-error {
	background: url(../images/icons/message-error.png) no-repeat 0 0;
	height: 32px;
	width: 32px;
}

.ui-icon.ui-icon-zoom-11x13 {
	background: url(../images/icons/zoom-11x13.png) no-repeat 50% 50%;
}

/* =|Expands
------------------------------------- */

/* =|Loading
------------------------------------- */
div.wait {
	background: #efefef url(../images/layout/progressbar.gif) no-repeat 50%
		50%;
	border: 1px solid #ccc;
	height: 100px;
	margin: 0 auto;
	width: 300px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.loading, div#loading {
	left: 0;
	bottom: 0;
	position: fixed;
	z-index: 500;
	background: #2b3b4c;
	border: 1px solid #112336;
	color: #ddd;
	font-size: 11px;
	margin:8px;
	padding:4px 8px 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family:sans-serif;

}

/* =|Tools
------------------------------------- */
.tools {
	margin: 1em 0;
}

.tools.down {
	background: transparent;
	border: 0;
	margin: 1em 0;
	padding: 0;
}

.tools.up {
	background: #fff;
	border: 1px solid #e0e0e0;
	float: right;
	margin-top: -5em;
	padding: 0.75em 1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.tools p, .tools form {
	display: inline;
	margin: 0;
}

.tools label br {
	display: none;
}

.tools label {
	color: #7f7f7f;
	font-weight: bold;
	margin-right: 0.5em;
}

.tools input[type=text], .tools input.text, .tools input.cajaTexto,
	.tools select {
	background-color: #f6f6f6;
	margin-right: 0.5em;
	-webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
	-moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
	box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
}

/* =GLOBALS
---------------------------------------------------------------------------------- */
body, input[type=text], input.text, input.cajaTexto, input.ui-inputfield,
	textarea, select, input[type=submit], input[type=button], input.boton,
	input.button, button {
	font-family: 'Ubuntu', sans-serif;
	font-size: 99%;
}

body {
	background: #F4F4F4 none repeat scroll 0% 0%;
	font-size: small;
	line-height: 1.3;
	margin:0;
	padding: 0;
	display: flex;
	flex-direction: column;
	height: 100vh;
}

html>body {
	font-size: 13px;
}

#wrapper {
	flex:1;
}

.wrapper {
	margin: 0 auto;
	width: 960px;
}

code {
	background: transparent;
	border: 0;
	padding: 0.15em 0;
	text-shadow: 1px 1px #fff;
}

pre code {
	display: block;
}

.ui-datatable table {
	table-layout: fixed;
	/*     float: left; */
	border: 1px solid #d6d6d6;
}

dl {
	border-bottom: 1px dashed #E3E3E4;
	margin: 1.5em 0;
}

dl dt, dl dd {
	border-top: 1px dashed #E3E3E4;
}

/* =|Admin Menu
------------------------------------- */
.box-content a {
	display: block;
}

.box-content a img {
	float: left;
	margin-right: 0.5em;
	width: 45px;
}

.box-content a strong {
	border-bottom: 1px dotted #ddd;
	margin-bottom: 0.5em;
	margin-top: 0.25em;
	padding-bottom: 0.15em;
	text-align: left;
}

.box-content a em {
	margin-top: 0;
}

/* =|Boxes
------------------------------------- */

/* Box 01 */
.box-01 {
	background-color: #f8f8f8;
	border-color: #ccc;
}

.box-01 .box-title {
	color: #336699;
}

/* Box 02 */
.box-02 {
	background: var(--main-bg-color);
	border: 1px solid var(--main-bg-color);
	padding: 0;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.box-02 .box-title {
	color: #FFFFFF;
	margin-left: 0.5em;
	text-shadow: none;
}

.box-02 .box-content-top {
	background: var(--main-bg-color) url(../images/icons/arrow-down-18x13.png) no-repeat
		50% 90%;
	border: 1px solid var(--main-bg-color);
	color: #fff;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: -1px;
	padding: 1.5em 0 20px 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
	top: 0;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px
		-1px 0 rgba(255, 255, 255, .25);
	-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px
		-1px 0 rgba(255, 255, 255, .25);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px -1px 0
		rgba(255, 255, 255, .25);
}

.box-min-height {
	min-height: 100px;
}

.box-02 .box-content-top p {
	margin: 0;
	padding: 0 1.5em 1em 1.5em;
}

.box-02 .box-content {
	background: #fdfdfd;
	border: 1px solid #bdbdbd;
	margin: 0.5em -1px -1px -2px;
	padding: 1.5em 1em 1em 1.5em;
	position: relative;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.box-02 .box-content-center {
    display: flex;
    align-items: center;
    padding: 1.5em 1.5em 1.5em 1.5em;
    min-height: 115px;
}

.box-02 .box-content-center p {
    margin: 0px;
}

.box-02 .box-content .link {
	color: #656666;
	display: block;
	font-size: 1.3923em;
	line-height: 1.2em;
	padding-left: 45px;
	text-align: left;
	text-decoration: none;
}

#content .wrapper.video {
	height: 480px;
}

.start-video input, .start-video button {
	box-sizing: border-box;
	border-radius: 3px;
	height: 30px;
	margin-bottom: 1.5em;
}

#content .view-remoteAuth {
	background: url(../images/icons/view-remoteAuth.png) no-repeat 50% 35px;
	color: #1A69AA;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	text-align: center;
	text-decoration: none;
	padding-top: 150px;
	padding-bottom: 60px;
	border: 3px solid var(--main-bg-color);
	border-radius: 24px;
	margin-bottom: 2em;
}

#content .view-remoteAuth strong {
	display: block
}

.box-02 .box-content .view-activity {
	background: url(../images/icons/view-activity.png) no-repeat 0 50%;
}

.box-02 .box-content .myRA-config {
	background: url(../images/icons/myRA-config.png) no-repeat 0 50%;
}

.box-02 .box-content .reqs-notification {
	background: url(../images/icons/config-form.png) no-repeat 0 50%;
}

.box-02 .box-content .certs-notification {
	background: url(../images/icons/myRA-certs.png) no-repeat 0 50%;
}

.box-02 .box-content .emailConfig {
	background: url(../images/icons/flaticon/send.png) no-repeat 0 50%;
}


.box-02 .box-content .myRA-certs {
	background: url(../images/icons/myRA-certs.png) no-repeat 0 50%;
}

.box-02 .box-content .suspend-cert {
	background: url(../images/icons/suspend-cert.png) no-repeat 0 50%;
}

.box-02 .box-content .config-form {
	background: url(../images/icons/config-form.png) no-repeat 0 50%;
}

.box-02 .box-content .new-request {
	background: url(../images/icons/new-request.png) no-repeat 0 50%;
}

.box-02 .box-content .renew-cert {
	background: url(../images/icons/renew-cert.png) no-repeat 0 50%;
}

.box-02 .box-content .report {
	background: url(../images/icons/report.png) no-repeat 0 50%;
}

.box-02 .box-content .templates {
	background: url(../images/icons/templates.png) no-repeat 0 50%;
}

.box-02 .box-content .user {
	background: url(../images/icons/user-16x21.png) no-repeat 0 50%;
}

.box-02 .box-content .revoke-cert {
	background: url(../images/icons/revoke-cert.png) no-repeat 0 50%;
}

.box-02 .box-content .info {
	background: url(../images/icons/message-info.png) no-repeat 0 50%;
}

.box-02 .box-content .renew-request {
	background: url(../images/icons/renew-cert.png) no-repeat 0 50%;
	font-size: 1.23em;
	line-height: 1.7em;
}

.box-02 .box-content .revoke-request {
	background: url(../images/icons/revoke-cert.png) no-repeat 0 50%;
	font-size: 1.23em;
	line-height: 1.7em;
}

/* =|Data
----------------------------------------------------- */
ul.data-01 li {
	border-bottom: 1px dashed #E3E3E4;
}

/* =|Lists
------------------------------------- */
.no-bullet li {
	list-style-type: none;
}

li {
	margin-bottom: 0.5em;
}

/* =|Links
------------------------------------- */
a, .ui-widget-content a, button.ui-link {
	color: #1A69AA;
	outline: none;
	text-decoration: none;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

button.ui-link:focus, button.ui-link:hover {
	color: #fff;
}

.cursor-pointer {
	cursor: pointer;
}

/* =|UI-Tree
------------------------------------- */
.ui-tree {
	background: #fff;
	border: 1px solid #ddd;
}

.ui-tree, .ui-tree .ui-tree-nodes, .ui-tree .ui-tree-nodes li {
	list-style-type: none;
	width: auto;
}

.ui-tree .ui-tree-node-content {
	border: 0;
	background: transparent;
	color: #555;
}

.ui-tree .ui-tree-node-content.ui-state-hover {
	background: #eee;
	color: #222;
}

/* =|Forms
------------------------------------- */
fieldset {
	border-color: transparent;
	margin-top: 0;
	padding-top: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Gestión de perfiles */
fieldset.data-box {
	border: none;
}

fieldset.data-box legend {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}

fieldset.data-box label, .form-data label,
	#configForm\:form\:tab\:advancedTab label,
	#configForm\:form\:tab\:basicTab label {
	font-weight: 600;
	color: #444;
	padding: 0.33em 0em;
}

fieldset.fieldsetBlue {
	border-color: var(--main-bg-color);
}

form p {
	margin-top: 0;
}

form span.ui-tag-required {
	color: #8A1F11;
	font-style: italic;
}

form .error {
	display: block;
	margin: 0;
}

/* ui-inputtext */
input[type=text], input[type=password], input.text, select, textarea,
	#content input.ui-inputfield {
	background: #fff;
	border: 1px solid #cdcdcd;
	color: #444 !important;
	display: inline-block;
	font-size: 14px;
	font-weight: lighter;
	width: auto;
	border-radius: 5px;
}

input[type=text]:focus, input.text:focus, select:focus, textarea:focus,
	#content input.ui-inputfield:focus, input[type=text]:hover, input.text:hover,
	select:hover, textarea:hover, #content input.ui-inputfield:hover {
	color: #444;
}

/* ui-button */
input[type=submit], input[type=button], input.button, button, a.button,
	a.ui-button, .ui-fileupload .ui-fileupload-browser {
	background-color: var(--hover-btn);
	border: 1px solid #7daed5;
	color: #fff;
	display: inline-block;
	font-size: 1em;
	margin-right: 0.5em;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;
}

input[type=submit]:last-child, input[type=button]:last-child, input.button:last-child,
	button:last-child, a.button:last-child, a.ui-button:last-child,
	.ui-fileupload .ui-fileupload-browser:last-child {
	margin-right: 0;
}

a.button {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

input[type=submit]:focus, input[type=button]:focus, input.button:focus,
	button:focus, a.button:focus, input[type=submit]:hover, input[type=button]:hover,
	input.button:hover, button:hover, a.button:hover, a.ui-button:focus, a.ui-button:hover,
	.ui-fileupload .ui-fileupload-browser:focus, .ui-fileupload .ui-fileupload-browser:hover
	{
	background-image: none;
	background-color:var(--background-color);
	border-color: var(----main-bg-color);
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .65), inset -1px
		-1px 0 rgba(255, 255, 255, .65);
	-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .65), inset -1px
		-1px 0 rgba(255, 255, 255, .65);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .65), inset -1px -1px 0
		rgba(255, 255, 255, .65);
}

input[type=submit]:active, input[type=button]:active, input.button:active,
	button:active, a.button:active, a.ui-button:active {
	background-color: var(--hover-btn);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .25), inset -1px -1px
		0 rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .25), inset -1px -1px 0
		rgba(0, 0, 0, .25);
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .25), inset -1px -1px 0
		rgba(0, 0, 0, .25);
}

/* ui-button.secondary */
input[type=submit].secondary, input[type=button].secondary, input.button.secondary,
	button.secondary, a.button.secondary, a.ui-button.secondary {
	background-color: #f5f5f5;
	background-image: none;
	border-color: #ccc;
	color: #777;
	/*     padding: 0.50em 0.75em 0.75em 0.75em !important; */
	padding: 0.35em 0.75em 0.55em !important;
	text-shadow: none;
}

input[type=submit].secondary:focus, input[type=button].secondary:focus,
	input.button.secondary:focus, button.secondary:focus, a.button.secondary:focus,
	input[type=submit].secondary:hover, input[type=button].secondary:hover,
	input.button.secondary:hover, button.secondary:hover, a.button.secondary:hover,
	a.ui-button.secondary:focus, a.ui-button.secondary:hover {
	background-color: #f0f0f0;
	color: #555;
	border-color: #aaa;
}

input[type=submit].secondary:active, input[type=button].secondary:active,
	input.button.secondary:active, button.secondary:active, a.button.secondary:active,
	a.ui-button.secondary:active {
	background-color: #ddd;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* buttons ui-links */
input.ui-link, input.ui-link:focus, input.ui-link:hover, input.ui-link:active,
	button.ui-link, button.ui-link:focus, button.ui-link:hover, button.ui-link:active,
	input.link, input.link:focus, input.link:hover, input.link:active {
	background: none;
	border: 0;
	font-size: 1em;
	letter-spacing: 0;
	padding: 0;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* ui-fileupload */
.ui-fileupload .ui-fileupload-browser {
	padding: 0.35em 1em;
}

.ui-fileupload .ui-progressbar div {
	background: url(../images/layout/progressbar.gif) repeat-x 0 50%;
}

/* =|Messages
------------------------------------- */
.ui-messages {
	
}

.ui-messages .ui-messages-error, .ui-messages .ui-messages-fatal {
	background: #FBE3E4 url(../images/icons/message-error.png) no-repeat 8px
		50%;
	border-color: #FBC2C4;
	color: #8A1F11;
	padding-left: 48px;
}

.ui-messages .ui-messages-warn {
	background: #FFF6BF url(../images/icons/message-warning.png) no-repeat
		8px 50%;;
	border-color: #FFD324;
	color: #514721;
	padding-left: 48px;
}

.ui-messages .ui-messages-info {
	background: url(../images/icons/message-success.svg) no-repeat;
		8px 50%;;
	border-color: #C6D880;
	color: #264409;
	padding-left: 90px;
}

/* =|Tables
------------------------------------- */
.ui-datatable th.ui-datatable-header.ui-widget-header {
	background: #EAEAEA;
	border-color: #aaa;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
}

.ui-datatable td.ui-widget-header.ui-datatable-footer {
	background: var(--main-bg-color);
	border: 1px solid var(--main-bg-color);
	border-top: 0;
	color: #fff;
	font-weight: normal;
	margin: 0 1.5em;
	padding: 0.15em 1.5em;
}

.ui-datatable .ui-widget-header.ui-datatable-footer p {
	color: --var(--datatable-footer);
	font-style: italic;
	margin: 0.25em 0 0 0;
	text-shadow: none;
}

.ui-datatable .ui-widget-header.ui-datatable-footer a, .ui-datatable .ui-widget-header.ui-datatable-footer button
	{
	background: transparent;
	border: 0;
	color: #efefef;
	color: rgba(255, 255, 255, 0.85);
	font-weight: bold;
}

.ui-datatable .ui-widget-header.ui-datatable-footer a:focus,
	.ui-datatable .ui-widget-header.ui-datatable-footer button:focus,
	.ui-datatable .ui-widget-header.ui-datatable-footer a:hover,
	.ui-datatable .ui-widget-header.ui-datatable-footer button:hover {
	color: #fff;
}

/* .ui-datatable table { */

/* } */

/* Headers */
.ui-datatable th, .ui-datatable thead th.ui-state-default {
	border-left: 0;
	border-right: 0;
	color: #eee;
	color: rgba(255, 255, 255, .85);
	font-weight: bold;
	padding: 0.5em;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
	text-align: left;
	white-space: inherit;
}

.ui-datatable th.first, .ui-datatable thead th.ui-state-default.first {
	
}

.ui-datatable th.last, .ui-datatable thead th.ui-state-default.last {
	
}

.ui-datatable thead th.ui-state-hover, .ui-datatable thead th.ui-state-active
	{
	color: #fff;
}

/* Cells */
.ui-datatable .ui-datatable-data-empty td {
	border-color: #E9E9E9;
}

.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td
	{
	background-color: #F9F9F9;
	border-bottom: 1px solid #E9E9E9;
	border-top: 1px solid #FFFFFF;
	color: #797979;
	padding: 0.5em 0.5em;
	text-shadow: 1px 1px 0 #FFFFFF;
	-webkit-transition: all 0.05s ease-in;
	-moz-transition: all 0.05s ease-in;
	transition: all 0.05s ease-in;
}

.ui-datatable .ui-datatable-data tr:nth-child(even) td, .ui-datatable .ui-datatable-data tr.even td
	{
	background-color: #F2F2F2;
	-webkit-box-shadow: inset 0 2px 0 #F9F9F9;
	-moz-box-shadow: inset 0 2px 0 #F9F9F9;
	box-shadow: inset 0 2px 0 #F9F9F9;
}

.ui-datatable .ui-datatable-data tr:hover td {
	background-color: #ececec;
	color: #555;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Paginator */
.ui-datatable .ui-paginator {
	color: #666;
	font-size: .9230em;
	padding: 0.75em 0.5em 0.5em 0.5em;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
}

.ui-datatable .ui-paginator.ui-widget-header .ui-icon {
	background-image:
		url(../primefaces-skin/images/ui-icons_222222_256x240.png);
}

.ui-datatable .ui-paginator.ui-widget-header .ui-state-default,
	.ui-datatable .ui-paginator.ui-widget-header .ui-state-hover,
	.ui-datatable .ui-paginator.ui-widget-header .ui-state-active {
	background: #ddd;
	background: rgba(0, 0, 0, .05);
	border: 1px solid rgba(0, 0, 0, .05);
	color: #444;
}

.ui-datatable .ui-paginator.ui-widget-header .ui-state-default {
	
}

.ui-datatable .ui-paginator.ui-widget-header .ui-state-hover {
	background: rgba(0, 0, 0, .1);
}

.ui-datatable .ui-paginator.ui-widget-header .ui-state-active {
	background: rgba(0, 0, 0, .25);
	border: 1px solid rgba(0, 0, 0, .05);
	color: #fff;
	font-weight: bold;
	margin: 0 0.25em;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .45), inset -1px
		-1px 0 rgba(255, 255, 255, .45);
	-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .45), inset -1px
		-1px 0 rgba(255, 255, 255, .45);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .45), inset -1px -1px 0
		rgba(255, 255, 255, .45);
}

.ui-datatable .ui-paginator.ui-widget-header .ui-state-disabled {
	display: none;
}

/* Confirm */
.confirm-block-wrapper {
	background: url(../images/layout/bg-red-lines.png) repeat 0 0;
}

/* =|ui-picklist
-------------------------------------- */
table.ui-picklist {
	margin-bottom: 20px;
}

table.ui-picklist .ui-picklist-caption {
	background: var(--main-bg-color);
	border: 1px solid var(--main-bg-color);
	color: var(--box-background);
	font-weight: bold;
	margin-bottom: 2px;
	padding: 3px 7px;
	text-align: left;
	-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset, -1px -1px
		0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 0
		rgba(255, 255, 255, 0.5) inset;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 0
		rgba(255, 255, 255, 0.5) inset;
}

table.ui-picklist .ui-picklist-button {
	margin: 0.5em 2.5em;
}

table.ui-picklist .ui-picklist-list {
	background: #fafafa;
	border-color: #A9A9A9;
	padding: 0;
	width: 392px;
}

table.ui-picklist .ui-picklist-list li.ui-state-default, table.ui-picklist .ui-picklist-list li.ui-state-highlight
	{
	background: #fafafa;
	border: 0;
	border-bottom: 1px solid #e7e7e7;
	color: #444;
	list-style-type: none;
	margin: 0;
	padding: 0.25em 0.5em;
	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px
		-1px 0 rgba(255, 255, 255, .25);
	-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px
		-1px 0 rgba(255, 255, 255, .25);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px -1px 0
		rgba(255, 255, 255, .25);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

table.ui-picklist .ui-picklist-list li.last, table.ui-picklist .ui-picklist-list li:last-child
	{
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

table.ui-picklist .ui-picklist-list li:nth-child(odd) {
	background: #f3f3f3;
}

table.ui-picklist .ui-picklist-list li:hover, table.ui-picklist .ui-picklist-list li.hover {
	background: var(--background-color-picklist);
	color: #222222;
}

table.ui-picklist .ui-picklist-list li.ui-state-highlight {
	background: var(--background-color-picklist-highlight);
	border-bottom: 1px solid #7A95B1;
	color: #0B4A89;
	text-shadow: 1px 1px 0 #fff;
}

/* =HEADER
---------------------------------------------------------------------------------- */
#header_wrapper {
	margin-bottom: 48px;
}

#header {
	background: white;
	border-bottom: 1px solid gray;
	padding: 1em 0;
}

#header h1 {
	color: #7c7c7c;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

#header .wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* =USER INFO
---------------------------------------------------------------------------------- */
#header #user-info {
	color: var(--header-web-color);
	text-transform: uppercase;
}

#header #user-info a, #header #user-info button.ui-link {
	color: var(--header-web-color);
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

#header #user-info a {
	color: #7c7c7c;
}

#header #user-info form {
	border-left: 1px solid rgba(255, 255, 255, .25);
	margin: 0;
	padding: 0;
	margin-left: 1em;
	padding-left: 1em;
}

#header #user-info span, #header #user-info form {
	display: inline-block;
}

/* =LOGO
---------------------------------------------------------------------------------- */
.logo img {
	max-width: 175px;
	max-height: 100px;
	margin-left: 80px;
}

#welcome {
	padding: 0;
	position: absolute;
	right: 1em;
	top: 0.75em;
	display: inline-block;
}

#welcome div.saludo {
	background: none;;
	margin: 0;
	padding-left: 20px;
	margin-top: .66em;
}

#welcome .user {
	background: url(../images/icons/ic_user.png) no-repeat left -2px;
	color: #999;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 0px;
	padding-right: 0em;
	position: relative;
	transition: .3s;
	padding: 1em 0em 1em 36px;
}

#welcome .user:focus, #welcome .user:hover {
	color: #999;
}

#welcome .logout {
	background: url(../images/icons/ico-close-16x16-small.png) no-repeat
		center;
	color: #c72404;
	display: block;
	float: right;
	overflow: hidden;
	font-size: 1em;
	font-weight: bold;
	margin: .33em 0em 0em 1.25em;
	padding: 0;
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	position: static;
	text-align: right;
	text-indent: 101%;
	white-space: nowrap;
	width: 32px;
	position: static;
}

#welcome .logout:focus, #welcome .logout:hover {
	color: #EA2E00;
}

#welcome a {
	text-decoration: underline;
}

#welcome a.user:focus, #welcome a.user:hover, #welcome .logout:hover,
	#welcome .logout:focus {
	color: white;
	opacity: .75;
	transition: .3s;
}

#welcome a {
	text-decoration: none;
}



/* =|Junta
    ------------------------------------- */
#header .secondary {
	float: left;
	margin: 0;
	text-align: center;
	width: 100%;
}

#header .secondary img {
	
}

/* =|User info
    ------------------------------------- */
#header #user-info {
	background: #fff;
	box-shadow: 0px 3px 3px #d0d0d0;
	color: #fff;
	width: 100%;
	z-index: 1;
}

#header #logoRA {
	float: left;
	padding: 0.5em 0em;
	width: 50%;
}

#header #user {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.5px;
	margin-top: 1.75em;
	text-align: right;
}

#header #user-info .wrapper {
	height: 115px;
	padding: 0em;
	width: 960px;
}

#header #user-info p {
	font-weight: bold;
	color: #999 !important;
}

#header #user-info p a.close {
	background: url(../images/icons/cross-7x7.png) no-repeat 0 50%;
	color: #999;
	display: inline-block;
	font-weight: bold;
	margin-left: 0.75em;
	padding-bottom: 0.1em;
	padding-left: 12px;
	text-decoration: none;
}

#header #user-info p a.close:focus, #header #user-info p a.close:hover {
	text-decoration: underline;
}

/* =NAV
---------------------------------------------------------------------------------- */
#nav {
	background: #fff url(../images/layout/nav-bg.png) repeat-x 0 100%;
	border: 1px solid #D3D3D3;
	margin: 0 0 2.5em 0;
	-webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
	-moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
	box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#nav h2, #nav label {
	display: none;
}

/* =|Links
    ------------------------------------- */
#nav ul {
	font-size: .92307em;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
    display: flex;
}

#nav ul li {
	background: url(../images/layout/separator-01.png) no-repeat 100% 50%;
	float: left;
    font-size: 14px;
	font-weight: normal;
	list-style-type: none;
	margin-bottom: 0;
	position: relative;
	text-align: center;
}

#nav ul li.last {
	background: none;
}

#nav ul li.prev-current {
	background-image: none;
}

#nav ul li a {
	color: #7f7f7f;
	cursor: pointer;
	display: block;
	padding: 0.8em 48px;
	text-decoration: none;
}

/* Hover */
#nav ul li a:focus, #nav ul li a:hover {
	color: #2173b6;
}

/* Current */
#nav ul li.current a {
	background: #ededed;
	border-left: 1px solid #eeeeef;
	border-right: 1px solid #eeeeef;
	color: #2173b6;
	padding: 0.8em 33px;
	text-shadow: 1px 1px 0 #fff;
	-webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
	-moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
	box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
}

#nav ul li.first.current a {
	border-left: 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* Sub nav */
#nav ul li ul {
	background: #fff url(../images/layout/nav-bg.png) repeat-x 0 100%;
	border: 1px solid #D3D3D3;
	display: none;
	margin: -2px auto 0 auto;
	padding: 0;
	position: absolute;
	width: 98%;
	z-index: 10;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff, 0 1px
		2px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff, 0 1px 2px
		rgba(0, 0, 0, .1);
	box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff, 0 1px 2px
		rgba(0, 0, 0, .1);
}

#nav ul li ul li {
	background: none;
	border-bottom: 1px dashed #E3E3E4;
	float: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0em;
	text-align: center;
}

#nav ul li ul li span {
	color: #666;
	font-size: 14px;
	font-weight: lighter;
}

#nav ul li ul li:hover {
	background: #F4F4F4;
}

#nav ul li ul li a span:hover {
	color: #2173B6;
}

#nav ul li ul li:last-child {
	border-bottom: 0;
}

#nav ul li ul li a, #nav ul li.current ul li a {
	background: transparent;
	border: 0;
	color: #666;
	display: inline-block;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0.75em 0.25em;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#nav ul li ul li a:focus, #nav ul li ul li a:hover, #nav ul li.current ul li a:focus,
	#nav ul li.current ul li a:hover {
	
}

#nav ul li ul li a span, #nav ul li.current ul li a span {
	background-image: none;
	padding-left: 0;
}

/* Icons */
#nav ul li a span {
	background: url(../images/icons/sprite-nav.png) no-repeat 0 1px;
	padding-left: 24px;
}

#nav ul li.control-panel a span {
	background-position: 0 0;
}

#nav ul li.current.control-panel a span, #nav ul li.control-panel a:focus span,
	#nav ul li.control-panel a:hover span {
	background-position: 0 -51px;
}

#nav ul li.business a span {
	background-position: 0 -104px;
}

#nav ul li.current.business a span, #nav ul li.business a:focus span,
	#nav ul li.business a:hover span {
	background-position: 0 -156px;
}

#nav ul li.users a span {
	background-position: 0 -207px;
}

#nav ul li.current.users a span, #nav ul li.users a:focus span, #nav ul li.users a:hover span
	{
	background-position: 0 -259px;
}

#nav ul li.pencil a span {
	background-position: 0 -311px;
}

#nav ul li.current.pencil a span, #nav ul li.pencil a:focus span, #nav ul li.pencil a:hover span
	{
	background-position: 0 -362px;
}

#nav ul li.docs a span {
	background-position: -2px -413px;
}

#nav ul li.current.docs a span, #nav ul li.docs a:focus span, #nav ul li.docs a:hover span
	{
	background-position: -3px -464px;
}

/* =|Search
    ------------------------------------- */
#nav form {
	float: right;
	margin: 0 0.1em 0 0;
	text-align: right;
	width: auto;
}

#nav form .ui-tag, form.search .ui-tag {
	margin: 0.31em 0 0.1em 0;
	position: relative;
}

#nav form input.text, #form.search input.text {
	background: #fff;
	border: 1px solid #e1e1e1;
	color: #7f7f7f;
	font-size: .92307em;
	font-weight: bold;
	padding: 0.45em 25px 0.45em 0.75em;
	width: 110px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#nav form span.submit, form.search span.submit {
	background: url(../images/icons/zoom-11x13.png) no-repeat 50% 50%;
	cursor: pointer;
	display: block;
	height: 25px;
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
}

/* =CONTENT
---------------------------------------------------------------------------------- */
#content {
	background-color: var(--main-bg-color);
	border: 1px solid var(--main-bg-color);
	-wekbit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/*  -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.35), inset -1px -1px 0 rgba(255,255,255,.35);
    -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,.35), inset -1px -1px 0 rgba(255,255,255,.35);
    box-shadow: inset 1px 1px 0 rgba(255,255,255,.35), inset -1px -1px 0 rgba(255,255,255,.35); 
*/
}

#content .wrapper {
	background-color: #fdfdfd;
	border: 1px solid #bdbdbd;
	padding: 1.5em 1.5em 0 1.5em;
	margin: 10px -1px -3px -1px;
	min-height: 165px;
	position: relative;
	width: auto;
	-wekbit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content-bottom {
	margin-top: 1.5em;
}

/* =|Tabs - Main
------------------------------------- */
#content ul.tabs {
    margin: 23px 3em -2.9em 0;
	padding: 0;
	position: relative;
	left: 1.5em;
	top: -24px;
}

#content ul.tabs li {
	bottom: -1px;
	display: block;
	float: left;
	line-height: 1;
	list-style-type: none;
	margin-bottom: 0;
	margin-right: 1em;
	position: relative;
}

#content ul.tabs li a {
	background: #e9e8e8 url(../images/layout/bg-half-01.png) repeat-x 0 50%;
	border: 1px solid #aaa;
	border-bottom: 0;
	color: #888888;
	display: block;
	font-weight: bold;
	padding: 10px 2em;
	text-decoration: none;
	text-shadow: 2px 2px 0 rgba(255, 255, 255, .75);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#content ul.tabs li a:focus, #content ul.tabs li a:hover {
	color: #444;
}

/* Current */
#content ul.tabs li.current {
	top: -2px;
	z-index: 1;
}

#content ul.tabs li.current a {
	background-color: #fff;
	border-color: #c1c1c1;
	color: #444;
	padding: 12px 2.5em;
}

/* =|Tabs - Secondary
------------------------------------- */
.ui-tabs, .ui-tabs .ui-tabs-nav {
	background: none;
	border: 0;
	padding: 0;
}

.ui-tabs .ui-tabs-panel {
	background: #fff;
	border: 1px solid #D9DADB;
	margin-bottom: 1.5em;
	padding: 1.5em 1.5em 0 1.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ui-tabs .ui-tabs-nav {
	margin: 0 1em;
}

.ui-tabs .ui-tabs-nav li {
	background: none;
	border: 0;
	color: #444;
	font-style: normal;
	margin: 0 0.5em 0 0;
	padding: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: -1px;
	position: relative;
	z-index: 2;
}

.ui-tabs .ui-tabs-nav li a {
	background: #e9e9e9;
	border: 1px solid #d9dadb;
	color: #7f7f7f;
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 0.5em 1.5em;
	text-decoration: none;
	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5), inset -1px
		0 0 rgba(255, 255, 255, .5);
	-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5), inset -1px 0 0
		rgba(255, 255, 255, .5);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5), inset -1px 0 0
		rgba(255, 255, 255, .5);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #444;
}

.ui-tabs .ui-tabs-nav li a:focus, .ui-tabs .ui-tabs-nav li a:hover {
	color: #444;
}

.ui-tabs .ui-tabs-nav li a em {
	font-style: normal;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 84%;
    list-style: none;
}



/* =|Headers
------------------------------------- */
#content h2 {
	color: #1a69aa;
	font-size: 1.8461em;
	font-weight: normal;
	margin: .5em 0;
}

#content h2.user {
	background: url(../images/icons/user-16x21.png) no-repeat 7px 50%;
	padding-left: 35px;
}

#content h2.business {
	background: url(../images/icons/business-12x19.png) no-repeat 8px 50%;
	padding-left: 35px;
}

#content h2.pen {
	background: url(../images/icons/pen-19x20.png) no-repeat 6px 50%;
	padding-left: 35px;
}

#content h2.gear {
	background: url(../images/icons/gear-21x21.png) no-repeat 4px 50%;
	padding-left: 35px;
}

#content h2.document {
	background: url(../images/icons/document-28x20.png) no-repeat 0 50%;
	padding-left: 35px;
}

#content h3 {
	color: #999999;
	font-size: 1.8461em;
	font-weight: normal;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

#content h4 {
	color: #aaa;
	font-size: 1.6461em;
	font-style: normal;
	font-weight: normal;
	margin-top: 0.5em;
}

#content h5 {
	color: #aaa;
	font-size: 1.4461em;
	font-variant: normal;
	font-weight: normal;
	margin-top: 0.5em;
}

#content h6 {
	color: #aaa;
	font-size: 1.2461em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin-top: 0.5em;
}

/* =FOOTER
---------------------------------------------------------------------------------- */
footer {
	background-color: transparent;
	border-top: 1px solid #d8d9da;
	z-index: 20;
	color: #8d959f;
}


footer .footer-row {
	padding: 8px 16px;
	display:flex;
	gap:8px;
	flex-wrap: wrap;
	word-break: break-all;
}

footer .footer-spacer {
	flex: 1;
}

footer #fLanguages {
	margin: 0;
}

footer a, footer a:visited {
	color: #8d959f;
	transition: color .1s ease-in;
	text-decoration: none;
}

footer a:hover {
	color: #3c71a5;
}

footer input[type="submit"].language {
	background: transparent !important;
	border: none;
	color: #8d959f;
	padding: 0;
	margin-left: 8px;
	transition: color .1s ease-in;
}

footer input[type="submit"].language:hover {
	color: #3c71a5;
}

/* =INTERNET-EXPLORER
---------------------------------------------------------------------------------- */
.ie button {
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}

.ie #content {
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}

.ie #content .wrapper {
	position: relative;
}

/* =|IE6
--------------------------------- */

/* =|IE7
--------------------------------- */

/* =|IE8
--------------------------------- */

/* =|IE9
--------------------------------- */
.carouselNewCert {
	height: 500px;
	width: 300px;
}

.ui-carousel-viewport {
	width: 900px !important;
}

#ui-carousel-viewport {
	width: 900px !important;
}

#requestCertForm:form:smallCarousel {
	width: 900px !important;
}

input[type="checkbox"].checkEditarPublic {
	float: left;
	margin: .5em .5em 0 .5em;
}

input[ 'checkbox '].chekEditarPublic {
	/* 	float: left; */
	margin: 0.5em .5em 0em .5em;
}

div.ui-tag-select.disabled>label, div.ui-tag-select.disabled>select, div.ui-tag-select.disabled>strong
	{
	opacity: .5;
}

input[disabled="disabled"] {
	opacity: .66;
}

.inputFile {
	height: 100px;
}

div.inputFile input {
	border-width: 0 0 0 100px !important;
	left: 10px !important;
}

.checkCampos {
	
}

.textCheckCampos {
	align: left;
	font-size: 10px;
	font-style: italic;
	text-align: left;
}

li.profile span.ui-tree-node-content span.ui-tree-node-label {
	float: none !important;
}

.ui-icon.ui-icon-mail-go {
	background: url(../images/icons/fatcow/email_go.png) no-repeat 0 0;
	height: 16px;
	width: 16px;
}

.ui-icon.ui-icon-mail-send {
	background: url(../images/icons/flaticon/forward.png) no-repeat 0 0;
	background-size: 16px;
}

div a.caducan30 {
	color: red;
}

div a.caducan60 {
	color: orange;
}

div a.caducan90 {
	color: green;
}

div a.caducan120 {
	color: blue;
}

.ui-icon.ui-icon-error {
	background: url(../images/icons/fatcow/error.png) no-repeat 0 0;
	height: 16px;
	width: 16px;
}

td.certNotificado_false {
	background-color: #ffbbbd !important;
}

td.certNotificado_true {
	background-color: #addfa5 !important;
}

/*
STYLE UPDATED - NOVEMBER 2015
*/
.ui-widget {
	font-family: 'Ubuntu', sans-serif;
}

.ui-tag-aftercomponent {
	color: #999;
	display: block;
	font-family: 'Ubuntu', sans-serif;
}

#profile\:form\:tokList {
	margin-bottom: 1em;
	width: 33%;
}

#profile\:form\:tokList .ui-selectonemenu-trigger.ui-state-default.ui-corner-right
	{
	background: #fff;
	border: none;
}

#profile\:form\:tokList_panel.ui-widget-content {
	box-shadow: 2px 2px 3px rgb(208, 208, 208), -1px -1px 2px #d0d0d0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: none;
	border-radius: 0px;
}

#profile\:form\:tokList.ui-selectonemenu {
	background: #fff;
	border: 1px solid #aaa;
	color: #444 !important;
	margin-bottom: 1em;
	min-width: 200px;
	width: 50% !important!;
}

#profile\:form\:tokList.ui-selectonemenu label {
	color: #444;
}

#profile\:form\:tokList_panel ul.ui-selectonemenu-items {
	border: none;
	margin-top: -7px;
	padding: 0.5em 0em 0em 0em;
	min-width: 200px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#profile\:form\:tokList .ui-state-hover, #profile\:form\:tokList .ui-state-focus
	{
	background: transparent;
}

#profile\:form\:tokList_panel.ui-selectonemenu-panel ul.ui-selectonemenu-items li.ui-selectonemenu-item
	{
	background: #fafafa none repeat scroll 0% 0%;
	border: none;
	border-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-sizing: border-box;
	padding: 0.5em 0em 0.5em 0.5em;
	margin: 0px;
	list-style: none;
}

#profile\:form\:tokList_panel.ui-selectonemenu-panel ul.ui-selectonemenu-items li.ui-state-active
	{
	background: var(--main-bg-color) none repeat scroll 0% 0%;
	border: none;
	color: #fff;
	cursor: pointer;
}

/* TIPOS de CERTIFICADOS */
#profile\:form\:typeList .ui-selectonemenu-trigger.ui-state-default.ui-corner-right
	{
	background: #fff;
	border: none;
}

#profile\:form\:typeList_panel.ui-widget-content {
	box-shadow: 2px 2px 3px rgb(208, 208, 208), -1px -1px 2px #d0d0d0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: none;
	border-radius: 0px;
}

#profile\:form\:typeList.ui-selectonemenu {
	background: #fff;
	border: 1px solid #aaa;
	color: #444 !important;
	margin-bottom: 1em;
	min-width: 200px;
	width: 50% !important!;
}

#profile\:form\:typeList.ui-selectonemenu label {
	color: #444;
}

#profile\:form\:typeList_panel ul.ui-selectonemenu-items {
	border: none;
	margin-top: -7px;
	padding: 0.5em 0em 0em 0em;
	min-width: 200px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#profile\:form\:typeList .ui-state-hover, #profile\:form\:typeList .ui-state-focus
	{
	background: transparent;
}

#profile\:form\:typeList_panel.ui-selectonemenu-panel ul.ui-selectonemenu-items li.ui-selectonemenu-item
	{
	background: #fafafa none repeat scroll 0% 0%;
	border: none;
	border-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-sizing: border-box;
	padding: 0.5em 0em 0.5em 0.5em;
	margin: 0px;
	list-style: none;
}

#profile\:form\:typeList_panel.ui-selectonemenu-panel ul.ui-selectonemenu-items li.ui-state-active
	{
	background: var(--main-bg-color) none repeat scroll 0% 0%;
	border: none;
	color: #fff;
	cursor: pointer;
}

/*LISTA DE DOCUMENTOS ASOCIADOS AL PERFIL*/
#profile\:form\:documents {
	margin-bottom: 1em;
	width: 95%;
}

#profile\:form\:documents .ui-selectlistbox-item.ui-corner-all.first.odd
	{
	margin-top: 0px;
}

#profile\:form\:documents .ui-selectlistbox-item.ui-corner-all.last.odd
	{
	margin-bottom: 0px;
}

#profile\:form\:documents .ui-selectlistbox-item {
	font-family: Ubuntu, sans-serif;
	font-weight: lighter;
	margin: 1px 0px;
	padding: 0.33em 0.5em;
}

#profile\:form\:documents .ui-selectlistbox-item.ui-state-active:hover {
	background: var(--main-bg-color) none repeat scroll 0% 0%;
	color: white;
}

#profile\:form\:documents .ui-selectlistbox-item:hover {
	background: #ccdae7;
	border-radius: 0px;
	color: var(--main-bg-color);
	margin: 1px 0px;
}

#profile\:form\:documents .ui-state-active, .ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active {
	background: var(--main-bg-color) none repeat scroll 0% 0%;
	border-radius: 0px;
	margin: 1px 0px;;
	padding: 0.33em 0.5em;
}

.textCheckCampos {
	color: #666;
	font-size: 12px;
	font-weight: lighter;
}

.fileupload-buttonbar {
	background: none;
	border: none;
}

.fileinput-button {
	text-shadow: none;
}

#listCompanys #formDataId\:form\:company {
	background: white;
	border: 1px solid #ccc;
	width: 100% !important;
	text-shadow: none;
}

#listCompanys #formDataId\:form\:company .ui-state-hover, #listCompanys #formDataId\:form\:company .ui-state-default,
	#listCompanys #formDataId\:form\:company .ui-state-active,
	#listCompanys #formDataId\:form\:company .ui-state-focus {
	background: white !important;
	border-color: #ccc;
}

.btn-new-certificate, .btn-fortress {
	background: white !important;
	border: 1px solid #e0e0e0 !important;
	box-shadow: 1px 1px 1px #e0e0e0, -1px -1px 1px #e0e0e0;
	transition: 0.3s;
}

.btn-new-certificate:hover, .btn-fortress:hover {
	background: #fafafa !important;
	box-shadow: 1px 1px 1px #f0f0f0, 0px 0px 1px #f0f0f0;
	transition: 0.3s;
}

.btn-fortress {
	padding-left: 1em !important;
}

.btn-fortress .primary-btn, .btn-fortress .primary-btn:hover {
	background-color: transparent !important;
	background-image: url(../images/content/logo-viafirma-fortress.png)
		!important;
	background-position: left -4px !important;
	background-repeat: no-repeat !important;
	color: #656565;
	display: block;
	font-size: 1.2em !important;
	line-height: 1.25em;
	margin-top: 0;
	margin-left: 0 !important;
	padding: 0;
	padding-left: 2.75em;
}

.button-save {
	border: none;
	text-align: right;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled,
	.ui-widget-header .ui-state-disabled, .disabled>label, .disabled>select
	{
	opacity: 0.66;
	background-image: none;
}

.ui-state-disabled label, .ui-state-disabled input {
	opacity: 0.75;
}

.ui-state-default.fileinput-button {
	background: transparent !important;
	border: none;
}

#notas .ui-datatable td.ui-widget-header.ui-datatable-footer {
	background: transparent;
	border-color: transparent;
}

.primary-btn, .secondary-btn, .delete-btn, .fileupload-buttonbar .fileinput-button {
	background: var(--main-bg-color) !important;
	border: medium none !important;
	border-radius: 4px;
	font-size: 14px !important;
	padding: 0.25em 0.5em;
	text-shadow: none;
	transition: all 0.5s ease 0s;
}

.delete-btn {
background: red !important;
}

.primary-btn:hover, .secondary-btn:hover, .delete-btn:hover {
	background: var(--hover-btn) !important;
	transition: 0.3s;
}

.delete-btn:hover {
background: red !important;
}


.main-btn, input[type="submit"].main-btn {
	background: var(--main-bg-color);
	margin-bottom: 1em;
	padding: .6em 1em;
}

.main-btn:hover, input[type="submit"].main-btn:hover {
	background: #00a55f;
	border-color: #00a55f;
	box-shadow: none;
	text-shadow: none;
}

.secondary-btn, .fileupload-buttonbar .fileinput-button {
	box-shadow: 0px 2px 0px var(--hover-btn) !important;
	margin: 0.25em 0em;
	padding: 0.33em 1em;
	font-size: 12px !important;
}

.cancel-btn {
	background: #999 !important;
	border: none !important;
	margin: 0em 1em;
	padding: 0.26em 0.66em !important;
}

.cancel-btn span {
	color: #fff;
	font-size: 14px;
	text-shadow: none;
}

button.cancel-btn:hover {
	background: #777 !important;
	cursor: pointer !important;
}

.secondary.cancel-btn {
	padding: 0.27em !important;
}

.ui-link.secondary.cancel-btn {
	margin: 0em 1em !important;
	/*     padding: 0.48em 0.76em 0.68em 0.76em !important; */
	padding: 0.4em 0.76em 0.55em !important;
	border-radius: 4px;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	background: var(--main-bg-color);
	color: #fafafa !important;
	font-weight: normal !important;
	text-shadow: none !important;
}

.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td
	{
	background: #f4f4f4;
}

fieldset .group label {
	font-weight: bolder;
}

#user\:form\:boolean {
	margin: 0em 0.5em;
}

.ui-datepicker-calendar a.ui-state-default {
	color: #444 !important;
}

.ui-tag-inputdate input {
	color: #444 !important;
	font-weight: lighter !important;
}

/*Styling tabs */
.wrapper #content .tabs.group {
	background: rgb(244, 244, 244) none repeat scroll 0% 0%;
	left: -1px;
	width: 101%;
}

.wrapper #content .tabs.group li {
	margin-right: 0.66em;
	top: -2px;
}

.wrapper #content .tabs.group li.current a {
	background: var(--main-bg-color);
	color: white;
	font-weight: bolder;
	padding: 10px 2em;
	text-shadow: none;
}

.wrapper #content .tabs.group li a {
	background: #d7d7d7;
	border: none;
	color: #868686;
	font-size: 14px;
	font-weight: normal;
	text-shadow: none;
}

.advanced-search.ui-widget-content, .simple-search.ui-widget-content {
	background: #f0f0f0;
	border: none;
}

.advanced-search label, .advanced-search .ui-tag-afterlabel,
	.simple-search label {
	color: #444;
	font-style: normal;
	font-weight: bolder;
}

.advanced-search .ui-selectonemenu.ui-state-default, .advanced-search .ui-selectonemenu-trigger.ui-state-default.ui-corner-right
	{
	background: white;
	border: 1px solid #ccc;
}

.advanced-search .search-container .box {
	background: none;
	border: none;
	margin: 1em 0em;
	padding: 1em;
}

.advanced-search .search-container .box h6 {
	color: #444 !important;
	font-weight: bolder !important;
	margin: 0em !important;
	line-height: 32px;
	text-transform: uppercase;
}

.advanced-search .search-container .box>.group {
	background: white;
	border-radius: 4px;
	color: #444;
	padding: 1em 0.5em;
}

.advanced-search .search-container .box>.group>.width-30 {
	font-weight: bolder;
	text-transform: uppercase;
}

.ui-selectonemenu-trigger {
	border: none !important;
}

button.ui-button.ui-state-default {
	border: none;
	padding: .10em .25em;
}

.advanced-search.ui-widget-content, .simple-search.ui-widget-content {
	background: #f0f0f0;
	border: none;
}

.advanced-search label, .advanced-search .ui-tag-afterlabel,
	.simple-search label {
	color: #444;
	font-style: normal;
	font-weight: bolder;
}

.advanced-search .ui-selectonemenu.ui-state-default, .advanced-search .ui-selectonemenu-trigger.ui-state-default.ui-corner-right
	{
	background: white;
	border: 1px solid #ccc;
}

.advanced-search .ui-selectonemenu-label.ui-state-hover,
	.advanced-search .ui-selectonemenu-label.ui-state-focus {
	background: none;
	border: none;
	color: #444;
}

.advanced-search .search-container .box {
	background: none;
	border: none;
	margin: 1em 0em;
	padding: 1em;
}

.advanced-search .search-container .box h6 {
	color: #444 !important;
	font-weight: bolder !important;
	margin: 0em !important;
	line-height: 32px;
	text-transform: uppercase;
}

.advanced-search .search-container .box>.group {
	background: white;
	border-radius: 4px;
	color: #444;
	margin: 1em 0em;
	padding: 1em 0.5em;
}

.advanced-search .search-container .box>.group>.width-30 {
	font-weight: bolder;
	text-transform: uppercase;
}

ui-selectonemenu-trigger, .ui-fieldset-toggler {
	border: none !important;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

button.ui-button.ui-state-default {
	border: none;
	padding: .10em .25em;
}

.advanced-search button {
	margin-left: 8px;
}

.template-filter, .template-filter td {
	border: none;
}

.template-filter td .ui-selectonemenu.ui-state-default, .template-filter td .ui-selectonemenu-trigger.ui-state-default
	{
	background: white;
	border-color: #ccc;
}

.template-filter label.ui-selectonemenu-label {
	color: #444;
}

.template-filter td label.ui-state-hover, .template-filter td label.ui-state-focus
	{
	background: none;
	color: #444;
}

.template-filter .ui-button-icon-left {
	border: none;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	font-weight: bolder;
}

.template-filter button {
	background: var(- -main-bg-color);
	box-shadow: 0px 3px 0px var(- -hover-btn);
}

.template-filter button:hover {
	background: var(- -hover-btn);
	border: none;
}

table.template-result {
	border: none;
}

.template-result th.ui-datatable-header.first {
	background: var(--main-bg-color);
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, .25);
	color: white;
	padding: .5em;
	text-shadow: none;
	text-transform: uppercase;
}

.template-result .ui-state-default {
	background: var(--main-bg-color);
	border: none;
}

.template-result th {
	border-right: 1px solid rgba(255, 255, 255, .25) !important;
}

.template-result th.last {
	border-right: none !important;
}

.template-result th.first div, .template-result th.last div {
	text-align: center;
	text-transform: uppercase;
}

.template-result tbody.ui-datatable-data-empty tr td {
	color: #888;
	font-weight: lighter;
	height: 100px;
	letter-spacing: .75px;
	text-align: center;
	text-shadow: none;
}

.template-result tbody.ui-datatable-data .ui-dt-c {
	text-align: center;
}

.template-result tfoot tr td {
	background: white;
}

.advanced-search .ui-selectonemenu.ui-state-default {
	min-width: 240px !important;
	max-width: 240px !important;
}

div.ui-tag-select.disabled {
	background: white;
	font-style: normal;
}

div.ui-tag-select.disabled>select {
	background: #f8f8f8;
}

.ui-state-disabled input {
	background: #f8f8f8;
}

.ui-link .ui-icon {
	*display: inline;
	zoom: 1;
	float: left;
	margin-bottom: -0.5em;
}

#content h4.captionTable {
	background: #EAEAEA;
	border: 1px solid #aaa;
	border-bottom: none;
	color: #666;
	font-weight: bolder;
	font-size: 13px;
	margin: 0;
	padding: .33em 0em;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
}

.forget-pwd, .login-buttons {
	margin: 0 auto;
	text-align: center;
	width: 50%;
}

.forget-pwd a {
	float: right;
	margin-top: -.75em;
}

.login-buttons {
	padding: 2em 0em;
}

.login-buttons button, .login-buttons a {
	padding: .5em 0em;
	width: 100%;
}

.register-text {
	font-size: 14px;
	font-style: italic;
	margin: 0.5em;
	padding: 0em;
	opacity: .75;
}

.register-fields, .recovery-pass {
	border: none;
}

.register-fields input:focus {
	border: 1px solid #145b94 !important;
	transition: .5s;
}

.ui-icon.ui-icon-pos-right.ui-icon-add {
	float: right;
	margin-bottom: -.20em;
}

.ra-ui-message-error {
	background: transparent;
	border: 0;
	display: block;
	font-size: 0.9371em;
	font-style: italic;
	margin: 0;
	padding: 0.35em 0;
	color: #8A1F11;
}

.withoutBorder {
	border: none;
	!
	important;
}

.withoutBorder td {
	border: none;
	!
	important;
}

.ui-chkbox-icon.ui-icon-check, .ui-chkbox-box.ui-state-default {
	background-color: white;
}

.error {
	background-color: #cc0000 important!;
}

.ui-datatable table .ui-widget-content .error {
	display: table-row;
}

.ui-datatable .ui-datatable-data .error td {
	color: #8a1f11;
}

.digit {
	display: block;
	font-size: 2.5em;
	padding: .33em 0em;
	text-align: right;
}

.butAuth {
	background: var(--main-bg-color);
	color: #fafafa;
	text-shadow: none;
	border-radius: 5px;
	margin-left: 1em;
	margin-top: 1.5em;
	padding: .5em 2.2em;
}

.butAuth:hover {
	background-image: none;
	background-color: #61A9E3;
	color: white;
}

.videoTable {
	margin-top: 1em;
}

.profileSelection label {
	padding-right: 1em;
}

.profileSelection .ui-selectonemenu {
	background: white;
	border-color: #777;
	display: inline-block;
	padding: .25em 0em;
	top: 20px;
	width: 250px;
}

.profileSelection .ui-selectonemenu label {
	color: #444;
}

.profileSelection .ui-selectonemenu .ui-selectonemenu-trigger {
	background: transparent;
}

.profileSelection .ui-selectonemenu .ui-icon-triangle-1-s {
	margin-top: 6px;
}

.profileSelection label.ui-state-hover, .profileSelection label.ui-state-focus
	{
	background: transparent;
}

.profileKeywords {
	margin-top: 1.5em;
	position: relative;
}

.ui-widget-content .ui-selectonemenu-item.ui-state-active {
	border: none;
}

#requestNotification\:form\:messageAtgroup, .profileKeywords ul {
	padding: 1em 0em;
}

.ui-icon-closethick {
	background-position: -95px -128px;
}

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close:hover {
	background-color: transparent;
	border: 0;
	padding: 1px;
}

#list\:form\:tabs\:avanzado .col:last-child .col button,
	#list\:form\:tabs\:avanzadoCert .col:last-child button,
	#list\:form\:pestanias\:searchForm .col:last-child button,
	#list\:form\:pestanias\:avanzado .col:last-child .col button {
	border-radius: 3px;
	margin-top: 1.33em;
	padding: 0em .15em;
}

#requestNotification\:form a:hover, #formReqType\:reqTypeList_data a:hover,
	#formStatus\:statusList a:hover {
	color: #1a5584;
}

.combo-bonito.ui-selectonemenu.ui-state-default {
	background: white;
	border-color: #d0d0d0;
	border-radius: 3px;
	padding: .25em .25em;
}

.combo-bonito .ui-state-default a, .combo-bonito .ui-selectonemenu-label,
	.combo-bonito .ui-state-default a:link, .combo-bonito .ui-state-hover,
	.combo-bonito .ui-state-focus {
	background: transparent;
	color: #999;
	outline: 0;
}

.combo-bonito .ui-selectonemenu-trigger.ui-state-default {
	background: transparent;
	border: 0;
}

.combo-bonito .ui-selectonemenu-trigger .ui-icon {
	margin-top: .5em;
	filter: brightness(50%);
}

* {
	box-sizing: border-box;
}

.generalCountGroup, .countFromGroup, .countBetweenGroup {
	background: #f4f4f4;
	padding: 1em;
}

.generalCountGroup {
	float: left;
	width: 100%;
}

.countFromGroup, .countBetweenGroup {
	float: left;
	width: 50%;
}

.countFromGroup fieldset, .countBetweenGroup  fieldset {
	height: 100px;
	padding: 0;
}

.countFromGroup input.hasDatepicker, .countBetweenGroup input.hasDatepicker
	{
	margin-bottom: .33em;
}

.countFromGroup .ui-datepicker-trigger, .countBetweenGroup .ui-datepicker-trigger
	{
	margin-bottom: .33em;
}

.controlSessionTable .ui-icon.ui-icon-message-error,
	.controlSessionTable .ui-icon.ui-icon-message-success {
	background-size: 19px;
	background-position: center;
}

.tooltip {
	padding: 3px 10px;
	background-color: rgb(76, 76, 76);
	background-image: none;
	color: #ffffff;
}

.check-padding .ui-chkbox-box {
	padding: 0px;
	background-color: transparent;
}

.check-padding .ui-chkbox-icon.ui-icon-check {
	background-color: transparent;
}

.ui-confirm-dialog-severity {
	background: #FBE3E4 !important;
}

.ui-confirm-dialog-severity .ui-widget-header {
	background: #8A1F11 url(../images/icons/flaticon/rejected.png) no-repeat
		8px 50%;
	border-color: #8A1F11;
	color: white;
	font-weight: normal;
	text-shadow: none;
	padding-left: 48px;
}

.ui-confirm-dialog-severity .ui-dialog-content {
	background: #FBE3E4;
	border-color: #FBC2C4;
	color: #8A1F11;
}

.ui-confirm-dialog-severity .ui-dialog-buttonpane {
	background: #FBE3E4 !important;
	border-color: #FBC2C4;
	color: #8A1F11;
}

.ui-confirm-dialog-severity .ui-button {
	background: #8A1F11 !important;
	border-color: #FBC2C4;
}

.ui-confirm-dialog-severity .ui-icon-closethick {
	background: url(../images/icons/flaticon/error.png) no-repeat 0 0
		!important;
}

.transparent .ui-button {
	background-color: transparent !important;
	border: none;
}

.box-content .transparent {
	background-color: transparent !important;
}

.ui-state-default.btnCsv, .ui-state-default.btnCsv:hover {
	background: none;
	border: none;
	color: #000 !important;
	text-align: right;
}

.ui-state-default.btnCsv span.ui-button-text {
	margin: 15px 0 0 15px;
}

#acreditation\:form input+span {
	display: block;
}

.error-message {
	color: red;
	margin-bottom: 0.6em;
}

#acreditation\:form h3 {
	color: #4b4b4b;
	margin: 0;
}

.acreditation-input {
	width: 100% !important;
}

.acreditation-label {
	font-weight: bold;
	color: #4b4b4b;
	margin: 1em 0 .25em 0;
}

#acreditation\:form .error-message {
	margin-bottom: 0;
}

#acreditation\:form button span {
	font-weight: bold;
}

.required {
	color: red;
	font-style: italic;
	font-weight: normal;
}

.group.transition {
	background-color: transparent;
	border: none;
}

input[type="submit"].language {
	background: transparent;
	border: none;
	color: #939292;
}

.searcher table, .searcher td {
	border: 0;
}

.searcher p {
	margin: 0;
}

.searcher label {
	margin-top: .66em;
}

.searcher .hasDatepicker {
	margin-right: .5em;
}

.searcher .ui-datepicker-trigger {
	margin-right: 1em;
}

.searcher p {
	font-size: 10px;
	line-height: 14px;
	opacity: .75;
}

.searcher .ui-widget-content {
	background: transparent;
	border: 0;
}

.searcher .ui-state-default, .searcher .ui-widget-content .ui-state-default
	{
	background: transparent;
	color: black !important;
}

.searcher .ui-fieldset, .searcher .ui-fieldset .ui-fieldset-legend {
	background-color: transparent;
	border-color: transparent;
}

.searcher.ui-state-default, .searcher .ui-widget-content .ui-state-default
	{
	padding: 5px;
	color: var(--main-bg-color) !important;
}

.flexcontainer {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* You can set flex-wrap and
      flex-direction individually */
	flex-direction: row;
	flex-wrap: wrap;
	/* Or do it all in one line
     with flex flow */
	/*    flex-flow: row wrap; */
	/* tweak where items line
      up on the row
      valid values are: flex-start,
      flex-end, space-between,
      space-around, stretch */
	align-content: flex-start;
	max-width: 1024px;
}

.flexcontainer .box {
	margin-right: 1.5em;
	width: 210px;
	min-height: 100px;
}

.flexcontainer-security {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    max-width: 1024px;
}

.flexcontainer-security .box {
	margin-right: 1.5em;
	width: 210px;
	min-height: 100px;
	text-align: justify;
    border: none;
    background: none;
}

.flexcontainer-security .box:last-child {
    margin-right: 0px;
}

.flexcontainer-security .box div {
    padding-right: 25px;
    border-radius: 5px;
}

.flexcontainer-security .box div img {
    margin-bottom: 20px;
    margin-right: 10px;
}

.flexcontainer-security .box-min-height {
    min-height: 110px;
}

table.table-no-boder, table.table-no-boder th, table.table-no-boder td {
	border: none;
}

tokenSelect.ui-selectoneradio.ui-widget td, .tokenSelect.ui-selectoneradio.ui-widget table
	{
	border: 0 none !important;
}

.configDocuments {
	display: block;
}

.configDocuments h3 {
	color: #000 !important;
	font-weight: bold !important;
	font-size: 1.25em !important;
}

.configDocuments hr {
	margin: 2em 0 1em 0;
}

.configDocuments table {
	width: auto;
}

.configDocuments table, .configDocuments td {
	border: 0;
}

.configDocuments label {
	display: block;
	margin: 1em 0 .33em 0;
}

.configDocuments input+label {
	display: inline-block;
	margin-left: .25em;
	margin-right: 2em;
	position: relative;
	top: .2em;
}


/*  Configuración de Viafirma Documents  */
#selectProfileForm\:form\:confDocList a label.ui-selectonemenu-label {
    margin: 5px 0px 5px 0px;
}

#selectProfileForm\:form\:confDocList div.ui-selectonemenu-trigger {
    padding: 0px;
}

#selectProfileForm\:form\:confDocList div.ui-selectonemenu-trigger span.ui-icon-triangle-1-s {
    margin-top: 9px;
}

#formConfig div.configDocuments input.primary-btn {
    padding: 5px 10px 5px 10px;
}

#formConfig\:boolEditContract label,
#formConfig\:boolIntegrate label,
#formConfig\:boolDebug label {
    margin-top: 0px;
}

.cc-picker.cc-picker-code-select-enabled {
	border-radius: 4px;
	padding: .5em;
	position: absolute;
}

.cc-picker-code-select-enabled::after {
	top: 10px;
}

#formRemoteSign\:txtCellular {
	padding-left: 5em;
}

/*Radio button data table ficha de la solicitud*/
.attachDoc .ui-selection-column .ui-radiobutton .ui-state-default,
	.attachDoc .ui-selection-column .ui-radiobutton .ui-state-active {
	background: transparent;
	border-color: var(--main-bg-color);
	border-radius: 100%;
}

.attachDoc .ui-selection-column .ui-radiobutton .ui-state-active .ui-radiobutton-icon.ui-icon-bullet
	{
	background-image:
		url(../primefaces-skin/images/ui-icons_164369_256x240.png);
	margin-top: -5px;
	margin-left: -7px;
}

.legalDoc .ui-selection-column .ui-radiobutton .ui-state-default,
	.attachDoc .ui-selection-column .ui-radiobutton .ui-state-active {
	background: transparent;
	border-color: var(--main-bg-color);
	border-radius: 100%;
}

.legalDoc .ui-selection-column .ui-radiobutton .ui-state-active .ui-radiobutton-icon.ui-icon-bullet
	{
	background-image:
		url(../primefaces-skin/images/ui-icons_164369_256x240.png);
	margin-top: -5px;
	margin-left: -7px;
}

.selectToken .ui-radiobutton .ui-state-default, .selectToken .ui-radiobutton .ui-state-active
	{
	background: transparent;
	border-color: var(--main-bg-color);
	border-radius: 100%;
}

.selectToken .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet
	{
	background-image:
		url(../primefaces-skin/images/ui-icons_164369_256x240.png);
	margin-top: -1px;
	margin-left: 0px;
}

.deleteLink {
	background: url(../images/icons/fatcow/cross.png) no-repeat 0 0;
	display: block;
	text-indent: -999px;
}

table.files {
	border: none;
}

table.files th, table.files td {
	border: none
}

.files.ui-widget-content .ui-icon {
	background-image: none;
}

.revocationReason {
	margin-top: 1em;
}

.revocationReason label {
	font-weight: bold;
}

.revocationReason div.ui-selectonemenu.ui-state-default {
	background: white;
	border-color: #d0d0d0;
	border-radius: 3px;
	padding: .25em .25em;
}

.revocationReason .ui-state-default a, .revocationReason .ui-state-default a:link,
	.revocationReason .ui-state-hover, .revocationReason .ui-state-focus {
	background: transparent;
	color: #999;
	outline: 0;
}

.revocationReason .ui-selectonemenu-trigger.ui-state-default {
	background: transparent;
	border: 0;
}

.revocationReason .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	margin-top: .5em;
	filter: brightness(50%);
}

/*Estilo para eliminar bordes en los radio buttons*/
table.one-radio {
	border: 0;
	padding: 0;
	width: auto;
}

table.one-radio td {
	border: 0;
	padding: 0;
}

table.one-radio td label {
	margin-left: 0.5em;
	margin-right: 1.5em;
}

.ui-tabs .ui-tabs-panel {
	border: none;
}

table.panelGridA {
	border: 0;
	padding: 0;
	width: auto;
}

table.panelGridA td {
	border: 0;
	padding: 0;
}

table.panelGridA td label {
	margin-left: 0.5em;
	margin-right: 1.5em;
}

.tag {
	background: #ccc;
	padding: 0.15em 0.75em;
	border-radius: 24px;
	margin-right: 0.5em;
	font-weight: bold;
	font-size: 11px;
	vertical-align: text-bottom;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tag.CANCELED, .tag.REVIEW, .tag.MANUAL, .tag.PROCESSING, .tag.PREVERIFIED {
	background: rgba(224, 145, 46, 0.2);
	color: #e0912e;
}

.tag.APPROVED, .tag.VERIFIED, .tag.COMPLETED {
	background: rgba(38, 156, 43, 0.2);
	color: #148853;
}

.tag.DECLINED, .tag.REJECTED {
	background: rgba(165, 4, 4, 0.2);
	color: #a50404;
}

.tag.WAITING {
	background: rgba(204, 204, 204, 0.2);
	color: #ccc;
}

.definition .title {
	flex: 1 1 25%;
	color: #aaa;
	margin-top: 1em;
	padding-bottom: .25em;
}

.definition .value {
	flex: 1 1 75%;
	padding-left: 2em;
}

.definition .title, .definition .value {
	box-sizing: border-box;
	padding-right: 0.5em;
	padding-left: 0.5em;
	word-break: break-all;
}

div.expand-wrapper .expand-title.opened {
	background-image: url(../images/icons/control_play_down.png);
	margin-bottom: 15px;
}

div.expand-wrapper .expand-title {
	background: url(../images/icons/control_play.png) no-repeat 0 50%;
	background-image: url("../images/icons/control_play.png");
	display: inline-block;
	margin: 0;
	margin-bottom: 0px;
	padding: 0 0 0 30px;
	cursor: pointer;
	-moz-user-select: none;
}

.box .box-extra {
	font-size: 12px;
	font-style: italic;
	color: #999;
	float: right;
}

.tag.wrap {
	flex-wrap: wrap;
	display: flex;
}

.tag.detail-text {
    border-radius: unset;
    padding: 5px 10px;
    white-space: normal;
}

.advice {
	color: #dc7b1f;
	background-color: #FBF2E9;
	border-color: #f0ece9;
	padding: 15px;
	width: 98%;
	margin-bottom: 10px;
}

.warning {
    color: #514721;
    background-color: #FFF6BF;
    border: solid 1px #FFD324;
    padding: 15px;
    margin-bottom: 1.5em;
    border-radius: 5px;
}

ul.data .matiResponse {
	display: block;
	float: left;
	margin-left: 10%;
	width: 100%
}

ul.data .value {
	display: block;
	float: left;
	margin-left: 1.5%;
	width: 78%;
}

textarea.ui-state-default {
	background-color: #fff !important;
	color: #000 !important;
}

.inputFile  .fileupload-buttonbar {
	background: white;
}

.inputFile .fileupload-content ui-widget-content ui-corner-bottom {
	background: white;
}

.box-02.identity-box {
	background: none;
	border: 1px solid #bdbdbd;
}

.identity-box .box-title {
	background: var(--main-bg-color);
	margin: 0;
	padding: 1em;
}

.box-02 .box-content.docs {
	background: #fdfdfd;
	padding: 1.5em 1em 1em 1.5em;
	position: relative;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border:none;
	margin:auto;
}



/*
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
    border-top-color: rgba(0, 0, 0, 0.125);
    border-right-color: rgba(0, 0, 0, 0.125);
    border-bottom-color: rgba(0, 0, 0, 0.125);
    border-left-color: rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
  color: #555 !important;
  background-color: #edeae4 !important;
}
.card, .card-header {
  border-color: #d2ba7f !important;
}
.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  color: inherit;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
    border-bottom-color: rgba(0, 0, 0, 0.125);
}

.card-body {
  position: relative;
  padding: 30px;
  min-height: 150px;
}
.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

 .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

   .font-weight-xl-normal, .gt-check-legend-xl, .gt-form-label-xl {
      font-weight: 400 !important;
    }

    .gt-check-legend-xl, .gt-form-label-xl, .text-xl-right {
        text-align: right !important;
      }
      .col-form-label, .gt-check-legend-xl, .gt-form-label-xl {
        padding-top: calc(.375rem + 1px);
        padding-bottom: calc(.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5;
      }

.col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%;
  }

  .btn, .form-control, .input-group-addon {
      font-size: .9rem !important;
    }

.form-group {
  margin-bottom:1.5rem
}
.form-text {
  display:block;
  margin-top:.25rem
}
.form-row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-5px;
  margin-left:-5px
}
.form-row>.col,
.form-row>[class*=col-] {
  padding-right:5px;
  padding-left:5px
}
.form-check {
  position:relative;
  display:block;
  padding-left:1.25rem
}
.form-check-input {
  position:absolute;
  margin-top:.3rem;
  margin-left:-1.25rem
}
.form-check-input:disabled~.form-check-label {
  color:#6c757d
}
.form-check-label {
  margin-bottom:0
}
.form-check-inline {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding-left:0;
  margin-right:.75rem
}
.form-check-inline .form-check-input {
  position:static;
  margin-top:0;
  margin-right:.3125rem;
  margin-left:0
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}*/


 .emailConfigContainer {
      max-width: 800px;
      margin: auto;
      background-color: #fff;
      padding: 30px;
     /* border-radius: 5px;*/
    /*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      border: 1px solid #ccc;*/
    }


  .emailConfigContainer h2 {
      text-align: left;
      color: #333;
      background-color: #e0ebfd;
      padding: 10px;
      border-radius: 5px;
      margin-bottom: 20px;
    }

   .emailConfigContainer label {
      display: inline-block;
      width: 120px;
      margin-bottom: 8px;
      color: #555;
    }

     .configContainer label{
      display: inline-block;
      width:  316px !important;
      margin-bottom: 8px;
      color: #555;

     }


    .emailConfigContainer input[type="text"] , .configContainer input[type="text"]{
      width: calc(100% - 130px);
      padding: 10px;
      margin-bottom: 15px;
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-radius: 4px;
      display: inline-block;
      transition: border-color 0.3s;
    }

   .emailConfigContainer input[type="text"]:focus , .configContainer input[type="text"]:focus{
      border: 1px solid #006cbe;
    }


  .emailConfigContainer  input[type="radio"] , .configContainer input[type="radio"]{
      width: auto;
      margin-right: 5px;
    }


  .radio-group {
      margin-bottom: 15px;
    }

    .radio-label {
      display: inline-block;
      margin-right: 20px;
      padding: 0;
    }

    .emailConfigContainer legend {
        color:#1a69aa;
    }


     .emailConfigContainer fieldset {
      border-color: #ccc;
      margin-top: 30px;
      padding: 20px 20px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

  .emailConfigContainer validateMessage {
  margin:auto;
  }

     /* Estilos específicos para pantallas con ancho de 375px o menos */
        @media screen and (max-width: 375px) {
          label {
            width: 100%;
            display: block;
          }

          input[type="text"] {
            width: 100%;
          }

          .radio-group {
            display: flex;
            flex-direction: row;
            align-items: center;
          }

          .radio-label {
            margin-right: 10px;
          }

          .button-group {
            text-align: left;
          }

          input[type="submit"],
          input[type="button"] {
            width: 48%; /* Ajusta el ancho para evitar que se superpongan */
          }

          input[type="button"].cancel {
            margin-right: 0;
          }

        }

        .ui-datatable table .ui-widget-content {
          border-color: #ddd;
          height:60px;
        }


.ui-button.ui-button-download
{
  background: transparent !important;

}

.ui-button.ui-button-remove
{
  background: transparent !important;
}

#formDataId\:form\:confirmDialog .ui-dialog-content p {
    margin-top: 15px;
}

#formDataId\:form\:confirmDialog .ui-dialog-content p span {
    margin-right: 5px;
    margin-bottom: 0px;
}

#formDataId\:form\:confirmDialog .ui-dialog-content p span {
    background-image: url(../primefaces-skin/images/ui-icons_222222_256x240.png) !important;
    background-position-y: -145px !important;
    background-color: transparent !important;
}

#formDataId\:form\:confirmDialog .ui-dialog-buttonpane {
    display: flex;
    justify-content: flex-end;
}

#list\:form\:pestanias\:reqProf span.ui-icon,
#list\:form\:pestanias\:reqStat span.ui-icon  {
	background-image: url(../primefaces-skin/images/ui-icons_222222_256x240.png);
}