@font-face {
  font-family: 'roboto-regular-webfont';
  src: url('../fonts/roboto-regular-webfont.eot');
  src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-regular-webfont.woff') format('woff'),
       url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
       url('../fonts/roboto-regular-webfont.svg#abril_fatfaceregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body
{
    font-size: 75%;
    font-family: var(--font-family-primary);
    color: #232323;
    background-color: #fff;
}
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}
legend 
{
    font-size:1.2em;
    font-weight: bold;
}
textarea 
{
    min-height: 75px;
}
.editor-label 
{
    margin: 1em 0 0 0;
}
.editor-field 
{
    margin:0.5em 0 0 0;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid
{
    display: none;
}
.custom-control-label
{
    width: 50% !important;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.hidden {
    display: none;
}
.visible {
    display: block;
}
.popup-container {
    display: none;
}
.popup {
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    margin: 0px;
    overflow: hidden;
}
.align-center {
    display: inline-block;
    vertical-align: middle;
}
.element-rotate-180 {
    -webkit-transform: rotate(180deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg);  /* IE9+ */
    -o-transform: rotate(180deg);  /* Opera 10.5-12.00 */
    transform: rotate(180deg);  /* Firefox 16+, Opera 12.50+ */
}
.element-rotate-180-ie8 {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
    
}
.box_rotate_0 {
    -webkit-transform: rotate(0deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(0deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(0deg);  /* IE9+ */
    -o-transform: rotate(0deg);  /* Opera 10.5-12.00 */
    transform: rotate(0deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_30 {
    -webkit-transform: rotate(30deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(30deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(30deg);  /* IE9+ */
    -o-transform: rotate(30deg);  /* Opera 10.5-12.00 */
    transform: rotate(30deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_60 {
    -webkit-transform: rotate(60deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(60deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(60deg);  /* IE9+ */
    -o-transform: rotate(60deg);  /* Opera 10.5-12.00 */
    transform: rotate(60deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_90 {
    -webkit-transform: rotate(90deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(90deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(90deg);  /* IE9+ */
    -o-transform: rotate(90deg);  /* Opera 10.5-12.00 */
    transform: rotate(90deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_120 {
    -webkit-transform: rotate(120deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(120deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(120deg);  /* IE9+ */
    -o-transform: rotate(120deg);  /* Opera 10.5-12.00 */
    transform: rotate(120deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_150 {
    -webkit-transform: rotate(150deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(150deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(150deg);  /* IE9+ */
    -o-transform: rotate(150deg);  /* Opera 10.5-12.00 */
    transform: rotate(150deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_180 {
    -webkit-transform: rotate(180deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg);  /* IE9+ */
    -o-transform: rotate(180deg);  /* Opera 10.5-12.00 */
    transform: rotate(180deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_210 {
    -webkit-transform: rotate(210deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(210deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(210deg);  /* IE9+ */
    -o-transform: rotate(210deg);  /* Opera 10.5-12.00 */
    transform: rotate(210deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_240 {
    -webkit-transform: rotate(240deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(240deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(240deg);  /* IE9+ */
    -o-transform: rotate(240deg);  /* Opera 10.5-12.00 */
    transform: rotate(240deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_270 {
    -webkit-transform: rotate(270deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(270deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(270deg);  /* IE9+ */
    -o-transform: rotate(270deg);  /* Opera 10.5-12.00 */
    transform: rotate(270deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_300 {
    -webkit-transform: rotate(300deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(300deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(300deg);  /* IE9+ */
    -o-transform: rotate(300deg);  /* Opera 10.5-12.00 */
    transform: rotate(300deg);  /* Firefox 16+, Opera 12.50+ */
}
.box_rotate_330 {
    -webkit-transform: rotate(330deg);  /* Safari 3.1+, Chrome */
    -moz-transform: rotate(330deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(330deg);  /* IE9+ */
    -o-transform: rotate(330deg);  /* Opera 10.5-12.00 */
    transform: rotate(330deg);  /* Firefox 16+, Opera 12.50+ */
}

.gray_transparent_03 {
    background-color: rgba(246, 245, 234,.3);
}

.up-button-top {
    top:16px;
}

.loading-img-item {
    background-color: rgb(40,40,40); width: 20px; height: 5px; position: relative; opacity: 0.3;
}
.register-for-theme 
{
    background-color: #504936;/*#4a4a4a;*/
    color: white;
}
input[type=submit]
{
    background-color: #5d5a40;/* #4a4a4a;*/
     color: white !important;
}
.register-for-theme-icon {
    color: orange;
}

.ui-widget-header {
    background-color: #5d5a40; /*#4a4a4a;*/ 
    color: #fff;
    font-size: 1.2em;
    border-bottom: 3px solid orange;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default {
    color: #212121;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    /*color: green;*/
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background-color: #5d5a40;/*#4a4a4a;*/
    background: #5d5a40;
    font-weight: normal; 
    color: #fff !important;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    border-top: 2px solid #ccc !important; 
    border-bottom: 2px solid #ccc !important; 
    border-left: 2px solid #ccc !important; border-radius: 0px !important;
    background-color: #5d5a40;/*#4a4a4a;*/
    font-weight: normal; 
    color: #fff !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff !important; text-decoration: none; }
.ui-tabs-vertical .ui-tabs-nav { border-bottom: 0px solid #000; }
.select {
}
.textarea {
}

/* Checkbox hover styles - Opción 1: Color highlight con opacidad
   Se adapta automáticamente a todos los esquemas de color del tema
-----------------------------------------------------------*/
label:hover input[type=checkbox].checkbox + span:before {
    background-color: rgba(var(--bs-primary-rgb, 51, 122, 183), 0.1);
    border-color: var(--primary-highlight-color);
}