/*
Azul: #007cc2
Azul oscuro: #005A8D
Gris texto: var(--color-black)
Gris claro: #eae8e8
*/

:root{
    --color-black: #000000;
    --color-white: #ffffff;
    --color-red: #d00f3c;
    --color-blue: #2c2c76;
    --color-red-dark: #a0002b;
    --color-text: #000000;
    --color-light: #eae8e8;
}

/*********** FONTS **************/

@font-face {
    font-family: 'encode_sans';
    src: url("/gocs/javax.faces.resource/fonts/encodesans/encodesans-thin-webfont.woff2.jsf?ln=default") format('woff2'),
         url("/gocs/javax.faces.resource/fonts/encodesans/encodesans-thin-webfont.woff.jsf?ln=default") format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sans';
    src: url("/gocs/javax.faces.resource/fonts/encodesans/encodesans-regular-webfont.woff2.jsf?ln=default") format('woff2'),
         url("/gocs/javax.faces.resource/fonts/encodesans/encodesans-regular-webfont.woff.jsf?ln=default") format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sans';
    src: url("/gocs/javax.faces.resource/fonts/encodesans/encodesans-semibold-webfont.woff2.jsf?ln=default") format('woff2'),
         url("/gocs/javax.faces.resource/fonts/encodesans/encodesans-semibold-webfont.woff.jsf?ln=default") format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sans';
    src: url("/gocs/javax.faces.resource/fonts/encodesans/encodesans-bold-webfont.woff2.jsf?ln=default") format('woff2'),
         url("/gocs/javax.faces.resource/fonts/encodesans/encodesans-bold-webfont.woff.jsf?ln=default") format('woff');
    font-weight: 700;
    font-style: normal;
}

/*********** GENERAL **************/
html {
	font-size: 1rem !important;
}

body, tr, td, span {
	font-family: "encode_sans", system-ui, -apple-system, BlinkMacSystemFont, "Encode Sans", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	color: var(--color-black) !important;
	font-weight: 500;
	font-size: 0.9rem !important;
	line-height: normal !important;
}
.ui-widget, .rich-panel-body, .version, .rich-stglpanel-header,.rich-stglpanel-body,  .rich-table-subheadercell, .rich-table-cell, .rich-ddmenu-label, .rich-ddmenu-label-disabled, label, textarea[type="textarea"], input[type="text"], input[type="password"], select, option, .rich-dtascroller-table, .rich-datascr-button, .rich-datascr-ctrls-separator, .rich-datascr-inact, .rich-datascr-inact, .rich-datascr-act, .rich-datascr-button, .rich-datascr-button-dsbld, .ui-datatable th.ui-sortable-column, th.ui-selection-column, th.ui-state-default{
	font-family: "encode_sans", system-ui, -apple-system, BlinkMacSystemFont, "Encode Sans", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	font-weight: 500;
	font-size: 0.9rem !important;
	line-height: normal !important;
}
.rich-mpnl-header, .rich-panel-body, .btn-primary, .btn-warning, .btn-info, .rich-tab-active, .rich-panel-header, legend  {
	font-family: "encode_sans", system-ui, -apple-system, BlinkMacSystemFont, "Encode Sans", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	font-style: normal;
}

a, a:link, a:visited {
    font-size: inherit;
    color: var(--color-red);
 	font-weight: 500;
}
/*a:hover{
    color: #284251 !important;
}*/
.fa {
    font-family: FontAwesome !important;
}

#pie {
    border-top: 1px solid #B0BEC5;
}

 .welcome, .loginok, #pie a:link, #pie a:visited{
 	font-weight: 500;
    color: var(--color-black);
 }
 
 .azul {
    color: var(--color-black) !important;
}

pre {
    padding: 10px;
    background-color: #F5F7FA;
    border: 1px solid #E4E7E9;
    border-radius: 5px;
    word-wrap: normal;
}

.separator {
    background-color: #B0BEC5 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: 500 !important;
    /*background-color: white !important;*/
    color: var(--color-black) !important;
    background-image: none !important;
}

.btn-primary.ui-state-default {
    background-color: var(--color-red) !important;
}

.btn-primary.ui-state-hover, .btn-primary:hover {
    background-color: var(--color-red-dark) !important;
}

.ui-datepicker-buttonpane .ui-datepicker-close{
	color: white !important;
}
.ui-datepicker-close button:hover {
    border-color: #B0BEC5 !important;
    box-shadow: none !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    background-color: #F5F7FA !important;
}
/*
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    font-weight: 500 !important;
    background-color: var(--color-red) !important;
    color: var(--color-white) !important;
    background-image: none !important;
}
*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    font-weight: 500 !important;
    background-color: #B0BEC5 !important;
    color: #313D4A !important;
    background-image: none !important;
}

.ui-tree .ui-treenode-label.ui-state-hover, .ui-tree .ui-treenode-label.ui-state-highlight {
    font-weight: 500;
}

.danger{
	background-color: #f2dede !important;
}

/*********** HEADER **************/

.navbar-default{
    background-image: none;
    background-color: white;
	border-bottom: 2px solid #b0bec5 !important;
	box-shadow: none;
}

.navbar-default .navbar-nav > li > a {
    color: var(--color-black) !important;
  }

/*********** DROPDOWN SUBMENU **************/
.navbar {
	background-color: white !important;
	border-bottom: 2px solid #b0bec5 !important;
}

.navbar .navbar-brand {
    color: var(--color-red) !important;
}

.navbar .navbar-brand img {
    height: 100%;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--color-black) !important;
}

.dropdown-menu-large > li > ul > li > a {
    font-weight: 500;
}

.dropdown-menu-large .dropdown-header {
    color: var(--color-red) !important;
    text-transform: uppercase;
    font-weight: 600;
}

.dropdown-menu em {
    color: var(--color-black);
}
/*********** GROWL **************/

.ui-growl-item-container{
	background-image: none;
    background-color: var(--color-red) !important;
}
  
.ui-growl-item-container .ui-growl-title {
    color: white !important;
}

.ui-growl-item-container p{
	color: white !important;
	font-weight: 500;
}

/*********** TITLES **************/

h1 {
    color: var(--color-black) !important;
}

h2, h3, .h3, .rich-stglpanel-header, .rich-panel-header, .rich-panel-header td, .rich-tab-active {    
    color: var(--color-red) !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    font-style: normal;
    border-bottom: none;
}

h2 span, h3 span {    
    font-weight: 600 !important;
}

.negrita.azul{  
    color: var(--color-black) !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    font-style: normal;
    border-bottom: none;
}

.rich-separator{
	background-image: none !important;
}

/*********** CALENDAR **************/

.ui-datepicker-calendar .ui-state-default {
	background-image: none !important;
	background: white !important;
	box-shadow: none !important;
	border: none !important;
}

.ui-datepicker-calendar .ui-state-hover {
	background: #F5F7FA !important;
}

.ui-datepicker-calendar .ui-state-active {
    background-color: #B0BEC5 !important;
    color: var(--color-black) !important;
}

/*********** FORMS **************/

input, optgroup, select, textarea, .dropdown-menu > li > a{
	font-family: "encode_sans", system-ui, -apple-system, BlinkMacSystemFont, "Encode Sans", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	font-weight: 500 !important;
    border: 1px solid #CCCCCC;
}
label {
    font-weight: 600 !important;
}

input[type=text]:hover, input[type=text].ui-state-hover, optgroup:hover, select:hover, select.ui-state-hover, textarea:hover, textarea.ui-state-hover, .ui-column-filter.ui-state-hover{
    border-color: #B0BEC5 !important;
    box-shadow: none !important;
    outline: none !important;
    background: white !important;
} 

.form-control[disabled].ui-state-hover, .form-control[readonly].ui-state-hover, fieldset[disabled] .form-control.ui-state-hover {
    background-color: #eee !important;
}

input[type=text]:focus, optgroup:focus, select:focus, textarea:focus, 
input[type=text]:active, optgroup:active, select:hover, textarea:active, 
.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {
    border-color: var(--color-black) !important;
    box-shadow: none !important;
    outline: none !important;
}

.obligatorio::after {
    color: var(--color-black);
}

.form-control:hover {
    border-color: #B0BEC5 !important;
    box-shadow: none !important;
}
.form-control:focus {
    border-color: var(--color-black) !important;
    box-shadow: none !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    font-weight: 500;
}

/*********** TABLES **************/


table th .fa, table td .fa {
    color: var(--color-black) !important;
}

table td .icon-danger{
	color: #d9534f !important;
}

table td .icon-success{
	color: #5CB85C !important;
}

tr.ui-state-highlight td {
    color: #FFFFFF !important;
}
tr.ui-state-highlight td .fa {
    color: #FFFFFF !important;
}
body .ui-datatable th.ui-sortable-column, body th.ui-selection-column, body th.ui-state-default, body th {
    color: var(--color-black) !important;
    background-color: #F5F7FA !important;
    border: 2px solid white !important;
    font-weight: 500 !important;
}
.ui-datatable th.ui-state-hover, th:hover {
	background-color: #E4E7E9 !important;
}
.ui-datatable tr:hover {
	background-color: #F5F7FA !important;
}
.ui-datatable-odd, .ui-datatable-even {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD !important;
}
.panel-body tbody tr:nth-child(odd), .panel-body tbody tr:nth-child(even) {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD !important;
}
.ui-datatable th.ui-state-highlight.ui-state-hover, tr.ui-state-highlight:hover td {
	background-color: #3A515D !important;
	color: white !important;
}
.ui-state-highlight td, .ui-widget-content .ui-state-highlight td, .ui-widget-header .ui-state-highlight td {
    color: #3A515D !important;
}

.ui-state-highlight td .btn-icn {
    color: var(--color-red) !important;
}

 tr.ui-state-highlight:hover td .btn-icn{
    color: white !important;
 }

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 8px 10px;
}

.danger.ui-datatable-odd{
	background-color: #ebcccc !important;
}
.danger.ui-datatable-odd:hover{
	background-color: #d6a8a8 !important;
}
.danger.ui-datatable-even:hover{
	background-color: #e4b9b9 !important;
}

.ui-datepicker-calendar th:hover {
    background-color: var(--color-black) !important;
}

/* Unification V2 */
/*
body .ui-datatable th.ui-sortable-column, body th.ui-selection-column, body th.ui-state-default, body th {
    background-color: var(--color-black) !important;
    border: 2px solid white !important;
    font-weight: 500 !important;
}

body .ui-datatable th.ui-sortable-column span, body th.ui-selection-column span, body th.ui-state-default span, body th span {
    color: var(--color-white) !important;
}

body .ui-datatable th.ui-sortable-column.ui-state-hover {
    color: var(--color-white) !important;
    background-color: var(--color-black) !important;
}
body th span, body th label {
   font-weight: 700 !important;
}
.ui-datatable-odd {
  background-color: #eef0f4 !important;
}
.ui-datatable-odd, .ui-datatable-even {
    border-bottom: none !important;
}

.ui-datatable tr:hover {
	background-color: #e4e7ee !important;
}

.ui-datatable tbody td{
    border-bottom: none !important;
    border-top: none !important;
}

tr.ui-state-highlight:hover td span {
	color: white !important;
}
*/

body .ui-datatable th.ui-sortable-column, body th.ui-selection-column, body th.ui-state-default, body th {
    color: #284251 !important;
    background-color: #d4e0e7 !important;
    border: 2px solid white !important;
    font-weight: 500 !important;
}
body .ui-datatable th.ui-sortable-column.ui-state-hover {
    color: #284251 !important;
	background-color: #c7d3da !important;
}
body th span, body th label {
   font-weight: 700 !important;
}
.ui-datatable-odd {
  background-color: #eef0f4 !important;
}
.ui-datatable-odd, .ui-datatable-even {
    border-bottom: none !important;
}

.ui-datatable tr:hover {
	background-color: #e4e7ee !important;
}

.ui-datatable tbody td{
    border-bottom: none !important;
    border-top: none !important;
}

tr.ui-state-highlight:hover td span {
	color: white !important;
}

/*********** PAGINATION **************/

.ui-paginator-prev .ui-icon, .ui-paginator-first .ui-icon, .ui-paginator-page .ui-icon, .ui-paginator-next .ui-icon, .ui-paginator-last .ui-icon {
    color: transparent;
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    vertical-align: middle;
    text-indent: 0px;
    text-align: center;
}

.ui-paginator a{
    font-size: 0.9rem !important;
} 

.ui-paginator .ui-paginator-page, .ui-paginator .ui-state-default{
	color: var(--color-black) !important;
	font-weight: 600 !important;
	border: none !important;
    padding: 4px !important;
    border-radius: 2px !important;
    display: inline-block;
} 
.ui-paginator .ui-paginator-page:hover, .ui-paginator .ui-state-default:hover{
	background-color: #f5f5f5 !important;
} 
.ui-paginator .ui-state-disabled{
	color: #CCCCCC !important;
	font-weight: 600 !important;
	border: none !important;
} 
.ui-paginator-pages a.ui-state-active{
	color: white !important;
	background-color: #3A515D !important;
	border: none !important;
    padding: 4px !important;
    border-radius: 2px !important;
    display: inline-block;
} 
.ui-paginator-pages a.ui-state-active:hover{
	color: white !important;
	background-color: #284251 !important;
} 

.ui-paginator .ui-icon{
    color: transparent !important;
    background-image: auto;
} 

.ui-paginator-prev .ui-icon, .ui-paginator-first .ui-icon, .ui-paginator-page .ui-icon, .ui-paginator-next .ui-icon, .ui-paginator-last .ui-icon {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.ui-paginator-prev .ui-icon:before, .ui-paginator-first .ui-icon:before, .ui-paginator-page .ui-icon:before, .ui-paginator-next .ui-icon:before, .ui-paginator-last .ui-icon:before {
    color: var(--color-black);
}

/*********** BUTTONS **************/

button, .btn{
	font-family: "encode_sans", system-ui, -apple-system, BlinkMacSystemFont, "Encode Sans", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	font-weight: 600 !important;
}

input[type=button], input[type=submit], input[type=reset], .btn-primary {
	border: none !important;
    background-color: var(--color-black) !important;
    font-weight: 600 !important;
    /*padding: 10px 20px !important;*/
    display: inline-block;
    color: white !important;
    background-image: none !important;
  	box-shadow: none !important;
}

input[type=button] .fa, input[type=submit] .fa, input[type=reset] .fa, .btn-primary .fa {
    color: white !important;
}

input[type=button] span, input[type=submit] span, input[type=reset] span, .btn-primary span {
	color: white !important
}
/*
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, .ui-button:hover, 
input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus, .ui-button:focus, 
input[type=button]:active, input[type=submit]:active, input[type=reset]:active, .ui-button:active {
    background-color: #284251 !important;
    background-image: none !important;
  	box-shadow: none !important;
}
*/
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary {
    background-color: var(--color-red-dark) !important;
    border-color: var(--color-red-dark) !important;
    color: #ffffff !important;
  	box-shadow: none !important;
}

.boton.cancelar, .boton.eliminar, .btn-secundary, .btn-default, .ui-selectbooleanbutton, .options_lvl1, .options_lvl2, .options_lvl3, .options_lvl4, .options_modal, .ui-fileupload-choose{
  display: inline-block;
  color: var(--color-red) !important;
  background-color: #FFFFFF !important;
  border: 1px solid var(--color-red) !important;
  font-weight: 600 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.boton.cancelar:hover, .boton.eliminar:hover, .btn-secundary:hover, .btn-default:hover, .ui-selectbooleanbutton:hover, .ui-fileupload-choose:hover , .options_lvl1:hover, .options_lvl2:hover, .options_lvl3:hover, .options_lvl4:hover, .options_modal:hover {
  color: var(--color-red-dark) !important;
  background-color: #E4E7E9 !important;
  border-color: var(--color-red-dark) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.boton.cancelar span, .boton.eliminar span, .btn-secundary span, .btn-default span, .ui-selectbooleanbutton span, .options_lvl1 span, .options_lvl2 span, .options_lvl3 span, .options_lvl4 span, .options_modal span, .ui-fileupload-choose span{
  color: var(--color-red) !important;
}

.boton.cancelar:hover span, .boton.eliminar:hover span, .btn-secundary:hover span, .btn-default:hover span, .ui-selectbooleanbutton:hover span, .ui-fileupload-choose:hover span , .options_lvl1:hover span, .options_lvl2:hover span, .options_lvl3:hover span, .options_lvl4:hover span, .options_modal:hover span {
  color: var(--color-red-dark) !important;
}

.options_lvl1 > a, .options_lvl2 > a, .options_lvl3 > a, .options_lvl4 > a, .options_modal:hover > a{
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

.options_lvl1:hover > a, .options_lvl2:hover > a, .options_lvl3:hover > a, .options_lvl4:hover > a, .options_modal:hover > a{
  color: var(--color-red-dark) !important;
  background-color: #E4E7E9 !important;
}

.btn-icn, table td .btn-icn .fa:not(.btn .fa):not(.ui-state-highlight .btn-icn .fa) {
    color: var(--color-red) !important;
}

.btn-icn:hover, table td .btn-icn .fa:not(.btn .fa):not(.ui-state-highlight .btn-icn .fa):hover {
    color: var(--color-red-dark) !important;
}

.btn-icn:hover {
    color: var(--color-red-dark) !important;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    color: var(--color-white) !important;
    text-shadow: none;
    background-color: var(--color-red) !important;
}

.ui-priority-primary.ui-state-hover, .ui-widget-content .ui-priority-primary.ui-state-hover, .ui-widget-header .ui-priority-primary.ui-state-hover {
    color: var(--color-white) !important;
    text-shadow: none;
    background-color: var(--color-red-dark) !important;
}

/*********** MODALS **************/
body .ui-dialog .ui-dialog-titlebar {
    background-color: var(--color-black) !important;
    padding: 20px !important;
    border: none !important;
    border-bottom: 0px solid #a6a6a6 !important;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    color: #FFFFFF !important;
    font-size: 1.7rem !important;
    font-weight: 400 !important;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: #FFFFFF !important;
    font-size: 1.2rem !important;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover {
    color: #B0BEC5 !important;
}
body .ui-dialog .ui-dialog-footer {
    border: none !important;
    border-top: 0px solid #a6a6a6 !important;
    background-color: #f5f6f7 !important;
    text-align: center !important;
    padding: 10px 20px !important;
}

.panel-footer {
    background-color: transparent !important;
	text-align: center !important;
}

.ui-dialog-footer .col-xs-1, .ui-dialog-footer .col-xs-2, .ui-dialog-footer .col-xs-3, .ui-dialog-footer .col-xs-4, .ui-dialog-footer .col-xs-5, .ui-dialog-footer .col-xs-6, .ui-dialog-footer .col-xs-7, .ui-dialog-footer .col-xs-8, .ui-dialog-footer .col-xs-9, .ui-dialog-footer .col-xs-10, .ui-dialog-footer .col-xs-11, .ui-dialog-footer .col-xs-12 {
    float: none;
}

/*********** TABS **************/

.ui-tabs-nav.ui-widget-header {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;   /**/
    justify-content: center;
    border: none !important;
    border-bottom: 1px solid #D6DADC !important;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li, .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li {
    border: none !important;
	border-bottom: 3px solid #d4e0e7 !important;  /**/
    background: #d4e0e7 !important; /**/
    border-radius: 6px 6px 0 0 !important;     /**/

}
.ui-tabs .ui-tabs-nav.ui-widget-header li a {
    border: none !important;
    color: var(--color-black) !important;
	font-weight: 600 !important;
	font-size: 0.9rem;
	padding: 10px 30px;
	/*border-bottom: 1px solid #dddddd !important;*/
}
.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-hover {
	border-bottom: 3px solid var(--color-black) !important;  /**/
    background-color: #c7d3da !important;   /**/
}


.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active {
    margin-bottom: 0;
	/*border: none !important; */  /**/
    color: black !important;
	background-color: white !important;
	font-weight: 600 !important;
    border: 1px solid #ddd !important;
    border-bottom: none !important;  /**/
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active a {
    margin-bottom: 0;
	border: none !important;
	border-bottom: 3px solid white !important;    /**/
    color: black !important;
	background-color: white !important;
	font-weight: 600 !important;
    border-radius: 6px 6px 0 0 !important;     /**/
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active.ui-state-hover {
    margin-bottom: -1px;
}

/*********** ACCORDION **************/

.ui-accordion {
    /*border: 1px solid #D6DADC;*/
	border-radius: 3px !important;
    padding: 3px 4px !important;
}

.ui-accordion .ui-accordion-header {
    color: var(--color-black) !important;
    font-weight: 700 !important;
    border: 0 !important;
    background-color: #F5F7FA !important;
}

.ui-accordion .ui-accordion-content.ui-widget-content {
    margin-top: 2px !important;
	border-radius: 3px !important;
    border: 1px solid #e7edf1 !important;
}

.ui-accordion-header:before {
    color: var(--color-black);
}

/*********** TEXT COLOR **************/
.color-default{
	color: initial;
}

/*********** ICON COLOR **************/
.icon-success{
	color: #5CB85C !important;
}

.icon-danger{
	color: #d9534f !important;
}

.icon-primary-grey{
	color: #555555 !important;
}

/*********** SECTIONS **************/
.section-grey{
	padding: 15px !important;
	border-radius: 15px !important;
	background-color: #f7f9f9 !important;
}

/*********** COOKIES **************/

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: var(--color-red) !important;
}

.cc_container .cc_btn:hover {
    background-color: var(--color-red-dark) !important;
    color: var(--color-white) !important;
}

/*********** PANELES REUTILIZABLES **************/
.panel-container{
    & .panel-container__icon-wrap{
        background-color: var(--color-red);

        & .gi{
            color: var(--color-white);
        }
    }
}

/* Iconos botones

a .fa{
    color: var(--color-red) !important;
}
a:hover .fa{
    color: var(--color-red-dark) !important;
}
 */
/* Corrección iconos */
.glyphicon:before {
  font-family: 'Glyphicons Halflings';
}