body {
font-size: 14px;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Helvetica Neue", sans-serif;
color: #3A3E45;
background-color: #ffffff;
/*zoom: 95%;*/
}
.cell,
.col {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
max-width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}

.file, .input, .select, .spinner, .tag-input, .textarea, input[type=datetime-local], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
border: none;
font-size: 14px;
color: #3A3E45;

}

.semillero-label-manual
{
    padding: 0.5rem 0.75rem;
    color: teal;
white-space: nowrap;
border: none;
}

.file .prepend, .input .prepend, .select .prepend, .textarea .prepend, .tag-input .prepend, .spinner .prepend, .file .append, .input .append, .select .append, .textarea .append, .tag-input .append, .spinner .append {
padding: 0.5rem 0.75rem;
color: teal;
/*font-weight: bold;
text-shadow: 1px 1px 0.5px pink;*/
line-height: 1.25rem;
white-space: nowrap;
border: none;
background-color: #FFFFFF;
padding: 0.5rem 0.75rem;
}

.semillero-select-prepend
{
margin: 0px;
padding: 0.5rem 0.75rem;
background-color: #ffffff;
color: teal;
/*font-weight: bold;*/
line-height: 1.25rem;
white-space: nowrap;
border: none;
}
.metro-input.required, .file.required, .input.required, .textarea.required, .select.required, .tag-input.required, .spinner.required {
border: 1px solid #FFFFFF; !important;
}

.select.multiple{
background-color: #FFFFFF;
}
.claseautocomplete_input {
border-right: 0px;
}

.semillero-select
{
border-radius: 0px;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-appearance:none;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
width: calc(100% - .1rem);
line-height: 100%;
height: 100%;
border: none;
padding-left: 10px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: #FFFFFF;
border: 0px;
}

[disabled] {
pointer-events: none!important;
color: #a9a8a8!important;
color: #3A3E45;
}
.metro-input:disabled, .file:disabled, .input:disabled, .textarea:disabled, .select:disabled, .tag-input:disabled, .spinner:disabled, .metro-input.disabled, .file.disabled, .input.disabled, .textarea.disabled, .select.disabled, .tag-input.disabled, .spinner.disabled {
pointer-events: none;
boder: none;
background-color: #FFFFFF;
color: #3A3E45!important;
-webkit-text-fill-color: #3A3E45;
opacity: .5; /* required on iOS */

}

.tabs > ul.tabs-list > li:hover {
background-color: #f8f8f8;
}
.tabs > ul.tabs-list > li.active {
background-color: #dfdfdf;
}


.disabled, .-disabled {
pointer-events: none!important;
color: #e4e4e4 !important;
}
.toast{ z-index: 1094;}

.table.compact th,
.table.compact td,
.table.compact .th,
.table.compact .td {
font-size: .96em;
}
.table.striped tbody tr:nth-child(odd),
.table.striped .tbody .tr:nth-child(odd) {
background: #EEEEEE;
}


.table.row-hover tbody tr:hover,
.table.row-hover .tbody tr:hover,
.table.row-hover tbody .tr:hover,
.table.row-hover .tbody .tr:hover {
cursor: pointer;
background-color: #D9EFFF;
color:#000000;
}
.table.cell-hover tbody td:hover,
.table.cell-hover .tbody td:hover,
.table.cell-hover tbody .td:hover,
.table.cell-hover .tbody .td:hover {
background-color: #D9EFFF;
color:#000000;
cursor:pointer;
}

.table.striped-hover tbody tr:nth-child(odd):hover,
.table.striped-hover .tbody .tr:nth-child(odd):hover {
background-color: #D9EFFF;
color:#000000;
}


.navview .pull-button:hover,
.navview .holder:hover,
.navview .navview-menu li a:hover {
background-color:   #D9EFFF;
color: #FFFFFF;
}
.icon-box-selmillero {
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
background-color: #ffffff;
color: #3A3E45;
font-weight: bold;

}

.icon-box-selmillero  h5 { line-height: 0; padding-left: 5px; font-size: 30px; font-weight: bold;}
#tipo_archivo_general { line-height: 0;  margin-top: 20px; color: #A7A8A9; font-weight: normal;  font-size: 18px;}

.icon-box-selmillero .icon,
.icon-box-selmillero .content {
position: relative;
}
.icon-box-selmillero .icon {
height: 35px;
width: 35px;
-ms-flex-negative: 0;
flex-shrink: 0;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
color:#3A3E45;
}
.icon-box-selmillero .icon > * {
font-size: 35px;
width: 35px;
height: 35px;
line-height: 1;
}


.panel{
margin-bottom: .5em;
margin-left: 0px;
margin-right: 0px;
border: 0px ;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column nowrap;
position: relative;
background-color: #ffffff;
border: 1px solid #dfdfdf;
/*border-radius: 10px;*/
}

.panel .panel-title .caption {
-webkit-box-ordinal-group: 3;
order: 2;
width: 100%;
padding: 0 0.8125rem;
color: inherit;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 500;
letter-spacing: 2px;
}

.panel .panel-title .dropdown-toggle {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
height: 100%;
width: 3.625rem;
border-left: 1px solid #dfdfdf;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.panel .panel-title {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
-webkit-box-ordinal-group: 2;
order: 1;
height: 2.25rem;
border-bottom: 1px solid #dfdfdf;
line-height: 2.25rem;
cursor: default;
flex-shrink: 0;

}

.button, .flat-button {
font-size:11px;
letter-spacing: 1px;
}


.panel .panel-title .custom-buttons {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;

}
.panel .panel-title .icon {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
height: 2rem;
line-height: 2rem;
width: 2.625rem;
border-right: 1px solid #A7A8A9;
-ms-flex-negative: 0;
flex-shrink: 0;
color: inherit;
text-align: center;
}

.panel .panel-title .btn-custom {
width: 42px;
text-transform: uppercase;
font-size: 10px;
max-width: 300px;
height: 35px;
}


.navview .navview-menu .item-header_2 {
color: #3A3E45;
background: #EEEEEE;
font-weight: bolder;
font-size: 12px;
padding-left:12px;
letter-spacing:4px;
}



.app-bar-menu li {
list-style: none!important;
}

.tabs-expand:not(.vertical):not(.bottom) ul.tabs-group > li {
border: 0px ;
border-bottom: 0px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
width: 100%;
}
.table thead th
{
font-weight: 600 !important;
}



.header_semillero {
color: #3A3E45;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 1.6em;
font-weight: 500;
line-height: 1.5em;
}

.footer_semillero
{
padding-top:13px ;
font-size: 0.9em;
font-weight:normal;
color:#3A3E45;
letter-spacing: 3px;
text-transform: uppercase ;
font-weight: 300;
margin-bottom: 10px;
line-height: 1em;
}

.semillero-boton-irarriba {
display: none;
position: fixed;
bottom: 10px;
right: 20px;
z-index: 99;
cursor: pointer;
background-color: #FF671B;
color: #FFFFFF;
}

.semillero-boton-irarriba:hover {
background-color: #FF671B;
}
.rcorners {
border-radius: 6px;
}

.button.large img {
height: 2rem;
padding-bottom:12px;
}

.rounded {
border-radius: 0.5rem !important;
}



.button.large {
padding:0px;
font-size: 1.7rem;
line-height: 30px;
}

.button.square.large, .button.cycle.large {
width: 2.8rem;
height: 2.8rem;
}



.window  {
z-index: 3;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #efdfd7; }
.autocomplete-suggestions strong { font-weight: normal; color: #0567D6; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.my-pagination-wrapper .pagination .page-link {
display: block;
position: relative;
padding: 0.5rem ;
margin-top:6px;
font-size: .9rem;
text-decoration: none;
color: inherit;
background-color: inherit;
}
.switch .check, .switch .caption {
display: block;
line-height: 38px;
font-size: 14px;
margin:  0px;
position: relative;
}

.switch .check{
    background: white;
    color: #000;
}





.table.compact_semilla thead th,
.table.compact_semilla thead .th
{
padding: 13px 3px 13px 3px;
font-size: .7em;
background:#3A3E45 ;
color:#FFFFFF;
width: auto; /* sobreescribe  a [class*=cell-], [class*=col-] para tener responsive cells  */
}

.table.compact_semilla thead th,
.table.compact_semilla thead .th
{
padding: 13px 3px 13px 3px;
font-size: .7em;
background:#FFFFFF ;
color:#3A3E45;
font-weight: 300;
width: auto; /* sobreescribe  a [class*=cell-], [class*=col-] para tener responsive cells  */
}
.table.compact_semilla td
.table.compact_semilla .td {
padding: 1px 3px 1px 3px;
font-size: .85em;
width: auto; /* sobreescribe  a [class*=cell-], [class*=col-] para tener responsive cells  */
}
.table .sortable-column.sort-asc, .table .sorting.sort-asc, .table .sortable-column.sort-desc, .table .sorting.sort-desc, .table .sortable-column.sorting_asc, .table .sorting.sorting_asc, .table .sortable-column.sorting_desc, .table .sorting.sorting_desc {
background-color: #A7A8A9;
}


.table.compact_semilla tbody td{
padding: 0.25rem;
font-size: .85em;
vertical-align: middle;
width: auto; /* sobreescribe  a [class*=cell-], [class*=col-] para tener responsive cells  */
}

.dialog {
z-index: 5000 !important;
}

.table-skip-input
{
width: 100px;
float: left;
}

.divcell_con_radio
{
border:  solid 1px #A7A8A9;
}


mif-2x {
font-size: 0.8em;
}



.info-box.alert {
z-index: 6000 !important;
}



.fg-tarifa{
color: #FFD432;
}
.bg-tarifa{
background-color: #FFD432;
}

.bg-reportes{
background-color: #327056;
}
.fg-reportes{
color: #327D33;
}

.bg-gris_tablero{
background-color: #E0E0E0;
}



.bg-naranjaclaro-hover :hover {
cursor: pointer;
background-color: #FFA20F;
}

.table.compact_semilla_monitor th,
.table.compact_semilla_monitor .th
{
padding: 7px 3px 7px 3px;
font-size: .7em;
background:#f1f1f1 ;
color: #A7A8A9;
}
.table.compact_semilla_monitor tbody td
.table.compact_semilla_monitor tbody .td {
padding: 1px 3px 1px 3px;
font-size: .7em;
}

.hint {
z-index: 6000;
}
.showHint {
animation-name: hintIn;
animation-duration: 0.5s;
}
.hideHint {
animation-name: hintOut;
animation-duration: 0.5s;
}
@keyframes hintIn {
0% {
transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
opacity: 0; }
40% {
opacity: 1;
animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08); }
60% {
animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
80% {
animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03); }
100% {
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}


@keyframes hintOut {
0% {
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: scale3d(1, 1, 1); }
60% {
animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
transform: scale3d(1.08, 1.08, 1.08); }
80% {
opacity: 1;
animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
100% {
opacity: 0;
animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transform: scale3d(0.3, 0.3, 0.3);
}
}

.opacity_01
{
opacity: 0.1;
}
.opacity_02
{
opacity: 0.2;
}
.opacity_05
{
opacity: 0.5;
}
.opacity_10
{
opacity: 1;
}
.message-avatar-semillero
{
border-radius: 30px;
border: solid 1px #fff;
width: 33px;
height: 33px;
line-height: 33px;
text-align: center;
}


/**

ESTILOS DEL TIMELINE

*/

/* The actual timeline (the vertical ruler) */
.timeline {
position: relative;
max-width: 1200px;
margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
content: '';
position: absolute;
width: 6px;
background-color:#FF671B;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}

/* Container around content */
.timeline-container {
padding: 10px 40px;
position: relative;
background-color: inherit;
width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
content: '';
position: absolute;
width: 25px;
height: 25px;
right: -13px;
background-color: #ffe7de;
border: 5px solid #ffbeab;
top: 15px;
border-radius: 50%;
z-index: 1;
}

/* Place the envase to the left */
.timeline-left {
left: 0;
}

/* Place the envase to the right */
.timeline-right {
left: 50%;
}

/* Add arrows to the left envase (pointing right) */
.timeline-left::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
right: 30px;
border: medium solid rgba(255, 103, 27, 0.57);
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent rgba(255, 103, 27, 0.57);
}

/* Add arrows to the right envase (pointing left) */
.timeline-right::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
left: 30px;
border: medium solid rgba(255, 103, 27, 0.57);
border-width: 10px 10px 10px 0;
border-color: transparent rgba(255, 103, 27, 0.57) transparent transparent;
}

/* Fix the circle for envases on the right side */
.timeline-right::after {
left: -13px;
}

/* The actual content RIGHT */
.timeline-content-right {
border-radius: 6px;
border : solid 1px rgba(255, 103, 27, 0.57);
padding: 10px 15px;
background-color: rgba(255, 103, 27, 0.57);
position: relative;
color : #FFF;
}
/* The actual content LEFT */
.timeline-content-left {
border-radius: 6px;
padding: 10px 15px;
background-color: rgba(255, 103, 27, 0.57);
position: relative;
color:#FFF;
}

/* The actual content */
.timeline-content {
padding: 0;
position: relative;
border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
.timeline::after {
left: 31px;
}

/* Full-width envases */
.timeline-container {
width: 100%;
padding-left: 70px;
padding-right: 25px;

}

/* Make sure that all arrows are pointing leftwards */
.timeline-container::before {
left: 60px;
border: medium solid #f1f1f1;
border-width: 10px 10px 10px 0;
border-color: transparent #f1f1f1 transparent transparent;
}

/* Make sure all circles are at the same spot */
.timeline-left::after, .timeline-right::after {
left: 15px;
}

/* Make all right envases behave like the left ones */
.timeline-right {
left: 0%;
}
}
.h2_header{
font-size: 13px;
color: #082742;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
}
.text-minismall {
font-weight: 300;
font-size: 0.55rem;
}
.bg-bluesemillero{
background-color: #082742;
}



.w-5 {
width: 5% !important;
}
.w-10 {
width: 10% !important;
}
.w-15 {
width: 15% !important;
}
.w-20 {
width: 20% !important;
}
.w-30 {
width: 30% !important;
}
.w-35 {
width: 35% !important;
}
.w-40 {
width: 40% !important;
}
.w-45 {
width: 45% !important;
}


.wizard > section:nth-child(1) {
border-color: #EEEEEE;
}
.wizard > section:nth-child(2) {
border-color: #A7A8A9;
}
.wizard > section:nth-child(3) {
border-color: #747575;
}
.wizard > section:nth-child(4) {
border-color: #424242;
}


.linea_semillero {
border-left: 6px solid  #FF671B;
height: 40px;
margin-left:10px;
margin-right:10px;
}

.bg-griclaro_semillero {
background-color: #EEEEEE !important;
}
.fg-grisoclaro_semillero {
color: #EEEEEE !important;
}
.bg-grisoclaro_semillero-hover:hover {
background-color: #EEEEEE !important;
}

.bg-naranja_semillero {
background-color: #FF671B !important;
}
.fg-naranja_semillero {
color:  #FF671B !important;
}
.bg-naranja_semillero-hover:hover {
background-color:  #FF671B !important;
}


.bg-gris_semillero {
background-color:  #A7A8A9 !important;
}
.fg-gris_semillero {
color:  #A7A8A9 !important;
}
.bg-gris_semillero-hover:hover {
background-color:#A7A8A9  !important;
}

.bg-negro_semillero {
background-color:  #3A3E45 !important;
}
.fg-negro_semillero {
color:  #3A3E45 !important;
}
.bg-negro_semillero-hover:hover {
background-color:#3A3E45  !important;
}

.my-info-wrapper_monitreo,
.my-info-wrapper-t,
.my-info-wrapper-transferencias,
.my-info-wrapper-corresponsalia,
.my-info-wrapper-datastage,
.my-info-wrapper-gridtranslados,
.my-info-wrapper-gridtranslados,
.my-info-wrapper-gridmercancias,
.my-info-wrapper_modelos,
.my-info-wrapper-t,
.my-info-wrapper{
color: #3A3E45  ;
}



.metro-input:focus,
.file:focus,
.input:focus,
.textarea:focus,
.select:focus,
.tag-input:focus,
.spinner:focus,
.metro-input.focused,
.file.focused,
.input.focused,
.textarea.focused,
.select.focused,
.tag-input.focused,
.spinner.focused,
.input.focused
{
border: 1px solid #5490BA;
}

input:focus, textarea:focus, select:focus{
color:#000000;
background-color: #D9EFFF;
}

input select:focus {
background-color: #D9EFFF;
border: 1px solid #5490BA;
}

[readonly]:focus
{
boder:none;
background-color: #F1F1F1;
}

.charms {
display: block;
position: fixed;
z-index: 1090;
background-color: #DBDBDB;
color: #ffffff;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
padding: 16px;
}

.charmshadow
{-webkit-box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2);
}


.select .option-list li.active {
background-color: #A7A8A9;
color: #3A3E45;
font-weight: bold;
}

.select .option-list li:hover {
background-color: #D9EFFF;
}



.w-55 {
width: 55% !important;
}
.w-95 {
width: 95% !important;
}

.w-60 {
width: 60% !important;
}
.w-65 {
width: 65% !important;
}

.w-70 {
width: 70% !important;
}


.w-65-lg {
width: 65% !important;
}

.accordion.material > .frame > .heading {
padding: 6px 42px 10px 6px;
font-size: 16px;
background-color: #EEEEEE;
color:#000000;
}

.progress.line::before {
height: 100%;
width: 100%;
background-color: #ffffff;
content: '';
-webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

navview .navview-menu .item-header {
font-size: 22px;
height: 32px;
line-height: 32px;
padding-left: 16px;
cursor: default;
background-color: transparent;
white-space: nowrap;
display: block;
z-index: 1;
}

.table-component .table-container
{
border: none;
}

.footer_semillero_acceso
{
position: fixed;
padding: 10px 10px 0px 10px;
bottom: 15px;
width: 100%;
/* Height of the footer*/
height: 100px;
padding-top:13px ;
font-size: 0.9em;
color:white;
letter-spacing: 3px;
text-transform: uppercase ;
font-weight: 300;


}

.footer_semillero_menu_version
{
font-size: 0.8em;
color: #B1BEC7;
letter-spacing: 10px;
text-transform: uppercase ;
line-height: .8em;
padding-bottom: 3px;
padding-top: 2px;
font-weight: 300;
}

.holderpdf{
position:relative;
}
.frame{
width: 100%;
height:100%;
background-color:blue;
}
.barraposicionarlectura{
position:absolute;
top:230px;
left:0;
width:100%;
height:5px;
background-color: red;
z-index:1;
}


.cuerpecito_mesanjes{
/* top | right | bottom | left */
padding: 5px 25px 5px 25px ;
width: 100%;
background:  rgba(167, 168, 169, .90 );
margin-bottom: 20px;
}
.linea_semillero {
border-left: 3px solid  #EBC22F ;
height: 40px;
margin-left:10px;
margin-right:10px;
}



.bg-fondo1
{
background-color: #EBC22F !important;
}

.bg-fondo2
{
background-color: #004b74 !important;
}

.bg-fondo3
{
background-color: #002940 !important;
}

.bg-fondo1-hover:hover
{
background-color: #EBC22F !important;
}

.bg-fondo2-hover:hover
{
background-color: #004b74 !important;
}

.bg-fondo3-hover:hover
{
background-color: #002940 !important;
}
.fg-color1
{
color: #004b74 !important;
}
.fg-color2
{
color: #002940 !important;
}
.fg-color3
{
color: #EBC22F !important;
}
.fg-color1-hover:hover
{
color: #EBC22F !important;
}
.fg-color2-hover:hover
{
color: #004b74 !important;
}
.fg-color3-hover:hover
{
color: #002940 !important;
}

.navview .pull-button:hover,
.navview .holder:hover,
.navview .navview-menu li a:hover {
background-color:  #002940;

}

.tile-medium {
width: 145px;
height: 90px;
opacity: 1;
z-index:1;
background-color: #004b74;
}
.tile-wide {
width: 145px;
height: 90px;
background-color: #004b74;
opacity: 1;
z-index:1;
}
.lineabaja_barramenu
{
border-bottom: 1px solid #EBC22F;
}
.navview .navview-menu .caption {
font-size:17px;
font-weight: 400;
}

.tabs-expand:not(.vertical):not(.bottom) ul.tabs-group > li.active {
border:0px;
border-left: 5px solid #004b74;
border-right: 5px solid #004b74;
color: #ffffff;
background-color:#EBC22F;
}

.tabs > ul.tabs-list > li > a > [class*=mif-] {
height: 31px;
width: 31px;
border-radius: 45%;
padding-left:5px;
padding-top: 5px;
display: inline-block;
color: #ffffff;
background-color:#A7A8A9;
}
.vl {
border-left: 6px solid  #EBC22F;
height: 40px;
margin-left:10px;
margin-right:10px;
}

.tablero_bola_rendimento{
height: 70px;
width: 70px;
border-radius: 50%;
padding-left: 1px;
padding-top: 20px;
display: inline-block;
background-color: #ffffff;
border: 3px solid #EBC22F;
}

/********** Switch semillero **********/

.switch input[type="checkbox"]:checked ~ .check {
background: #EBC22F;
border-color: #EBC22F;
color: #EBC22F;
}
.switch  {
border-color: 2px  #EBC22F solid;
}


.mySwitch .check::after {
background: #A7A8A9 !important;
border-color: #A7A8A9!important;
}
.mySwitch input[type="checkbox"]:checked ~ .check {
background:  !important;
}
.mySwitch input[type="checkbox"]:checked ~ .check::after {
border-color: #ffffff!important;
background: #ffffff!important;
}

.semilleroSwitch .check::after {
background:  #EBC22F!important;
border-color:  #004b74!important;
}
.semilleroSwitch input[type="checkbox"]:checked ~ .check {
background:  #EBC22F!important;
}
.semilleroSwitch input[type="checkbox"]:checked ~ .check::after {
border-color: #ffffff!important;
background: #ffffff!important;
}

.switch-material input:checked ~ .check {
background-color: #004b74;
}
.switch-material input:checked ~ .check {
background-color: #EBC22F);
}
.switch-material .check::after {
background-color: #EBC22F;
}
.backmensajebienvenida
{
background-color: #EBC22F;

}
.navview.compacted .navview-menu .navview-menu, .navview.js-compact:not(.expanded) .navview-menu .navview-menu {
position: absolute;
left: 100%;
top: 0;
width: 320px;
max-width: 280px;
}
.lineabaja_barramenu_externo{
border-bottom: 1px solid #004b74;
}



.table-skip-button{
outline-color: #002940;
background-color: #002940;
color: #ffffff;
}
/**************ESTILOS DEL TIMELINE*********************/

.timeline::after {
content: \'\';
position: absolute;
width: 3px;
background-color: #EBC22F;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}

@media screen and (max-width: 600px) {
/* Place the timelime to the left */
.timeline::after {
left: 8%;
}
}
.timeline-container::after {
content: \'\';
position: absolute;
width: 25px;
height: 25px;
right: -13px;
background-color: #EBC22F;
border: 5px solid #004b74;
top: 15px;
border-radius: 50%;
z-index: 1;
}
.timeline-left::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
right: 30px;
border: medium solid #004b74;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #004b74;
}

/* Add arrows to the right envase (pointing left) */
.timeline-right::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
left: 30px;
border: medium solid #004b74;
border-width: 10px 10px 10px 0;
border-color: transparent #004b74 transparent transparent;
}
.timeline-content-right {
border-radius: 6px;
border : solid 2px #004b74;
padding: 10px 15px;
background-color: rgba(0, 75, 116, .86 );
position: relative;
color : #FFF;
}
/* The actual content LEFT */
.timeline-content-left {
border-radius: 6px;
padding: 10px 15px;
background-color: #004b74;
position: relative;
color:#FFF;
}
.linea_semillero_delgada{
border-left: 2px solid  #002940;
height: 35px;
margin-right:10px;
margin-top: 0px;
}



.tool-button:hover {
background-color: #5490BA;
color:#ffffff;
}

.activity-square .square {
position: absolute;
width: 19px;
height: 19px;
background: #ffffff;
}
.activity-square .square:nth-child(1) {
left: 0;
top: 21px;
}
.activity-square .square:nth-child(2) {
left: 21px;
top: 21px;
-webkit-animation: ani-drop 1s linear infinite;
animation: ani-drop 1s linear infinite;
}
.activity-square .square:nth-child(3) {
left: 0;
top: 0;
-webkit-animation: ani-drop2 1s linear infinite;
animation: ani-drop2 1s linear infinite;
}
.activity-square .square:nth-child(4) {
left: 21px;
top: 0;
-webkit-animation: ani-drop3 1s linear infinite;
animation: ani-drop3 1s linear infinite;
}
.activity-square.dark-style > .square {
background-color: #FF671B;
}
.activity-square.color-style > .square:nth-child(1) {
background-color: #505050;
}
.activity-square.color-style > .square:nth-child(2) {
background-color: #004b74;
}
.activity-square.color-style > .square:nth-child(3) {
background-color: #EBC22F;
}
.activity-square.color-style > .square:nth-child(4) {
background-color: #FF671B;
}

.wizard > section.current::before, .wizard > .section.current::before {
display: block;
left: 0;
color: #ffffff;
background-color: #EBC22F;
}

/***********  para  reportes checkbox  ************/
.inputGroup {
background-color: #F2F4F5;
border 1px solid #A7A8A9;
display: block;
margin: 10px 0;
position: relative;
}
.inputGroup label {
padding: 12px 30px;
width: 100%;
display: block;
text-align: left;
color: #3C454C;
cursor: pointer;
position: relative;
z-index: 2;
transition: color 200ms ease-in;
overflow: hidden;
}
.inputGroup label:before {
width: 10px;
height: 10px;
border-radius: 50%;
content: "";
background-color: #002940;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale3d(1, 1, 1);
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
z-index: -1;
}
.inputGroup label:after {
width: 32px;
height: 32px;
content: "";
border: 2px solid #004b74;
background-color: #fff;
background-repeat: no-repeat;
background-position: 2px 3px;
border-radius: 50%;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
color: #fff;
}
.inputGroup input:checked ~ label:before {
transform: translate(-50%, -50%) scale3d(56, 56, 1);
opacity: 1;
}
.inputGroup input:checked ~ label:after {
background-color: #EBC22F;
border-color: #EBC22F;
}
.inputGroup input {
width: 32px;
height: 32px;
order: 1;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
visibility: hidden;
}

.code {
background-color: #ffffff;
padding: 0 8px;
}
.labeltext{
color:#0a0a0a;
font-weight: bold;
}

.h-menu > li > a {
font-weight: normal;
color: inherit;
font-size: 1rem;
outline: none;
text-decoration: none;
padding: 0.6rem ;
border: none;
background-color: #cccccc;
border-right: #EBC22F 1px  solid;

white-space: nowrap;
}

.h-menu > li > a
{
cursor:pointer;
}
.h-menu > li > a : disabled {
color: #cccccc;
}

.h-menu > li > a:hover {
background-color: #004b74  !important;
color: #ffffff;
}
.h-menu > li, .h-menu > li > a {
display: block;
position: relative;
}

.media-player {
display: block;
position: relative;
width: 100%;
background: #A7A8A9;
height: auto;
overflow: hidden;
z-index: 1;
}

.media-player .controls {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: auto;
z-index: 2147483647;
background-color: rgba(0, 75, 116, .86 );
}



.button.dark:hover,
.command-button.dark:hover,
.image-button.dark:hover,
.shortcut.dark:hover,
.tool-button.dark:hover,
.split-button .split.dark:hover,
tbody tr.dark:hover,
tbody td.dark:hover,
.tally.dark:hover,
code.dark:hover,
.notify.dark:hover,
.info-button.dark:hover,
.input .button.dark:hover,
.select .button.dark:hover,
.tag-input .button.dark:hover,
.spinner .button.dark:hover,
.toast.dark:hover {
color: #ffffff;
background-color: #5490BA;
border-color: #5490BA;
}

.app-bar .app-bar-menu.opened
{
overflow-y: visible;
}

.app-bar-menu li {
list-style: none!important;
}

.app-bar {
display: -webkit-box;
display: flex;
position: fixed;
top: 0;
left: 0;
right: 0;
height: auto;
min-height: 52px;
z-index: 1030;
background-color: #A7A8A9;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
}


/************** ESTILOS PRIMARY  ********/

.button.primary,
.command-button.primary,
.image-button.primary,
.shortcut.primary,
.tool-button.primary,
.split-button .split.primary,
tbody tr.primary,
tbody td.primary,
.tally.primary,
code.primary,
.notify.primary,
.info-button.primary,
.input .button.primary,
.select .button.primary,
.tag-input .button.primary,
.spinner .button.primary,
.toast.primary {
outline-color: #004b74;
background-color: #004b74;
color: #ffffff;
}
.button.primary.outline,
.command-button.primary.outline,
.image-button.primary.outline,
.shortcut.primary.outline,
.tool-button.primary.outline,
.split-button .split.primary.outline,
tbody tr.primary.outline,
tbody td.primary.outline,
.tally.primary.outline,
code.primary.outline,
.notify.primary.outline,
.info-button.primary.outline,
.input .button.primary.outline,
.select .button.primary.outline,
.tag-input .button.primary.outline,
.spinner .button.primary.outline,
.toast.primary.outline {
color: #004b74;
border-color: #004b74;
}
.button.primary.outline.dropdown-toggle::before,
.command-button.primary.outline.dropdown-toggle::before,
.image-button.primary.outline.dropdown-toggle::before,
.shortcut.primary.outline.dropdown-toggle::before,
.tool-button.primary.outline.dropdown-toggle::before,
.split-button .split.primary.outline.dropdown-toggle::before,
tbody tr.primary.outline.dropdown-toggle::before,
tbody td.primary.outline.dropdown-toggle::before,
.tally.primary.outline.dropdown-toggle::before,
code.primary.outline.dropdown-toggle::before,
.notify.primary.outline.dropdown-toggle::before,
.info-button.primary.outline.dropdown-toggle::before,
.input .button.primary.outline.dropdown-toggle::before,
.select .button.primary.outline.dropdown-toggle::before,
.tag-input .button.primary.outline.dropdown-toggle::before,
.spinner .button.primary.outline.dropdown-toggle::before,
.toast.primary.outline.dropdown-toggle::before {
border-color: #004b74;
}

.button.primary:hover,
.command-button.primary:hover,
.image-button.primary:hover,
.shortcut.primary:hover,
.tool-button.primary:hover,
.split-button .split.primary:hover,
tbody tr.primary:hover,
tbody td.primary:hover,
.tally.primary:hover,
code.primary:hover,
.notify.primary:hover,
.info-button.primary:hover,
.input .button.primary:hover,
.select .button.primary:hover,
.tag-input .button.primary:hover,
.spinner .button.primary:hover,
.toast.primary:hover {
color: #ffffff;
background-color: #5490BA;
border-color: #5490BA;
}
.button.primary.same-color:hover,
.command-button.primary.same-color:hover,
.image-button.primary.same-color:hover,
.shortcut.primary.same-color:hover,
.tool-button.primary.same-color:hover,
.split-button .split.primary.same-color:hover,
tbody tr.primary.same-color:hover,
tbody td.primary.same-color:hover,
.tally.primary.same-color:hover,
code.primary.same-color:hover,
.notify.primary.same-color:hover,
.info-button.primary.same-color:hover,
.input .button.primary.same-color:hover,
.select .button.primary.same-color:hover,
.tag-input .button.primary.same-color:hover,
.spinner .button.primary.same-color:hover,
.toast.primary.same-color:hover {
background-color: #5490BA;
border-color: #5490BA;
}

.action-button.primary {
outline-color: #004b74;
background-color: #004b74;
color: #ffffff;
}
.pagination.primary .page-item.active,
.pagination.primary .page-item.service,
.pagination.primary .page-item:hover {
background-color: #004b74;
border-color: #004b74;
color: #ffffff;
}
.pagination.primary .page-item.active:hover,
.pagination.primary .page-item.service:hover,
.pagination.primary .page-item:hover:hover {
background-color: #5490BA;
}
.remark.primary {
background: #004b74;
border: 1px solid #004b74;
}
.remark.primary::before {
position: absolute;
top: 0;
left: -4px;
width: 4px;
height: 100%;
content: " ";
background-color: #004b74;
}
.remark.primary {
background: #004b74;
border: 1px solid #004b74;
}
.metro-input.primary,
.file.primary,
.input.primary,
.select.primary,
.textarea.primary,
.keypad.primary,
.tag-input.primary,
.spinner.primary {
border-color: #004b74;
}
.accent-block.primary {
background-color: #004b74;
color: #ffffff;
}
input[type=button].primary,
input[type=submit].primary,
input[type=reset].primary {
outline-color: #004b74;
background-color: #004b74;
color: #ffffff;
}
input[type=button].primary.outline,
input[type=submit].primary.outline,
input[type=reset].primary.outline {
color: #004b74;
border-color: #004b74;
}
input[type=button].primary.outline.dropdown-toggle::before,
input[type=submit].primary.outline.dropdown-toggle::before,
input[type=reset].primary.outline.dropdown-toggle::before {
border-color: #004b74;
}

input[type=button].primary:hover,
input[type=submit].primary:hover,
input[type=reset].primary:hover {
color: #ffffff;
background-color: #5490BA;
border-color: #5490BA;
}
input[type=button].primary:hover.dropdown-toggle::before,
input[type=submit].primary:hover.dropdown-toggle::before,
input[type=reset].primary:hover.dropdown-toggle::before {
border-color: #ffffff;
}
input[type=button].primary.same-color:hover,
input[type=submit].primary.same-color:hover,
input[type=reset].primary.same-color:hover {
background-color: #5490BA;
border-color: #5490BA;
}



.chat .message .message-item .message-text.primary {
border-color: #004b74;
background-color: #004b74;
color: #ffffff;
}
.chat .message .message-item .message-text.primary::before {
border-right-color: #004b74;
}
.chat .message.right .message-item .message-text.primary::before {
border-right-color: transparent;
border-left-color: #004b74;
}
.dialog.primary {
border: 1px solid #004b74;
}
.dialog.primary .dialog-title {
background-color: #004b74;
border-bottom-color: #004b74;
color: #ffffff;
}
.dialog.primary .dialog-actions {
border-top-color: #004b74;
}
.info-box.primary {
border-color: #004b74;
background-color: #004b74;
color: #ffffff;
}

/*********** secondary  *********/
.button.secondary,
.command-button.secondary,
.image-button.secondary,
.shortcut.secondary,
.tool-button.secondary,
.split-button .split.secondary,
tbody tr.secondary,
tbody td.secondary,
.tally.secondary,
code.secondary,
.notify.secondary,
.info-button.secondary,
.input .button.secondary,
.select .button.secondary,
.tag-input .button.secondary,
.spinner .button.secondary,
.toast.secondary {
outline-color: #002940;
background-color: #002940;
color: #ffffff;
}
.button.secondary.outline,
.command-button.secondary.outline,
.image-button.secondary.outline,
.shortcut.secondary.outline,
.tool-button.secondary.outline,
.split-button .split.secondary.outline,
tbody tr.secondary.outline,
tbody td.secondary.outline,
.tally.secondary.outline,
code.secondary.outline,
.notify.secondary.outline,
.info-button.secondary.outline,
.input .button.secondary.outline,
.select .button.secondary.outline,
.tag-input .button.secondary.outline,
.spinner .button.secondary.outline,
.toast.secondary.outline {
color: #002940;
border-color: #002940;
}
.button.secondary.outline.dropdown-toggle::before,
.command-button.secondary.outline.dropdown-toggle::before,
.image-button.secondary.outline.dropdown-toggle::before,
.shortcut.secondary.outline.dropdown-toggle::before,
.tool-button.secondary.outline.dropdown-toggle::before,
.split-button .split.secondary.outline.dropdown-toggle::before,
tbody tr.secondary.outline.dropdown-toggle::before,
tbody td.secondary.outline.dropdown-toggle::before,
.tally.secondary.outline.dropdown-toggle::before,
code.secondary.outline.dropdown-toggle::before,
.notify.secondary.outline.dropdown-toggle::before,
.info-button.secondary.outline.dropdown-toggle::before,
.input .button.secondary.outline.dropdown-toggle::before,
.select .button.secondary.outline.dropdown-toggle::before,
.tag-input .button.secondary.outline.dropdown-toggle::before,
.spinner .button.secondary.outline.dropdown-toggle::before,
.toast.secondary.outline.dropdown-toggle::before {
border-color: #002940;
}
.button.secondary:hover,
.command-button.secondary:hover,
.image-button.secondary:hover,
.shortcut.secondary:hover,
.tool-button.secondary:hover,
.split-button .split.secondary:hover,
tbody tr.secondary:hover,
tbody td.secondary:hover,
.tally.secondary:hover,
code.secondary:hover,
.notify.secondary:hover,
.info-button.secondary:hover,
.input .button.secondary:hover,
.select .button.secondary:hover,
.tag-input .button.secondary:hover,
.spinner .button.secondary:hover,
.toast.secondary:hover {
color: #ffffff;
background-color:#5490BA;
border-color: #5490BA;
border-color: #5490BA;
}
.button.secondary.same-color:hover,
.command-button.secondary.same-color:hover,
.image-button.secondary.same-color:hover,
.shortcut.secondary.same-color:hover,
.tool-button.secondary.same-color:hover,
.split-button .split.secondary.same-color:hover,
tbody tr.secondary.same-color:hover,
tbody td.secondary.same-color:hover,
.tally.secondary.same-color:hover,
code.secondary.same-color:hover,
.notify.secondary.same-color:hover,
.info-button.secondary.same-color:hover,
.input .button.secondary.same-color:hover,
.select .button.secondary.same-color:hover,
.tag-input .button.secondary.same-color:hover,
.spinner .button.secondary.same-color:hover,
.toast.secondary.same-color:hover {
background-color: #5490BA;
border-color: #5490BA;
}

.action-button.secondary {
outline-color: #002940;
background-color: #002940;
color: #ffffff;
}

.pagination.secondary .page-item.active,
.pagination.secondary .page-item.service,
.pagination.secondary .page-item:hover {
background-color: #002940;
border-color: #002940;
color: #ffffff;
}
.pagination.secondary .page-item.active:hover,
.pagination.secondary .page-item.service:hover,
.pagination.secondary .page-item:hover:hover {
background-color: #5490BA;
}
.remark.secondary {
background: #002940;
border: 1px solid #002940;
}
.remark.secondary::before {
position: absolute;
top: 0;
left: -4px;
width: 4px;
height: 100%;
content: " ";
background-color: #002940;
}
.remark.secondary {
bbackground: #002940;
border: 1px solid #002940;
}
.metro-input.secondary,
.file.secondary,
.input.secondary,
.select.secondary,
.textarea.secondary,
.keypad.secondary,
.tag-input.secondary,
.spinner.secondary {
border-color: #002940;
}

.accent-block.secondary {
background-color: #002940;
color: #ffffff;
}


input[type=button].secondary,
input[type=submit].secondary,
input[type=reset].secondary {
outline-color: #002940;
background-color: #002940;
color: #ffffff;
}
input[type=button].secondary.outline,
input[type=submit].secondary.outline,
input[type=reset].secondary.outline {
color: #002940;
border-color: #002940;
}
input[type=button].secondary.outline.dropdown-toggle::before,
input[type=submit].secondary.outline.dropdown-toggle::before,
input[type=reset].secondary.outline.dropdown-toggle::before {
border-color: #002940;
}

input[type=button].secondary:hover,
input[type=submit].secondary:hover,
input[type=reset].secondary:hover {
color: #ffffff;
background-color: #5490BA;
border-color: #5490BA;
}

input[type=button].secondary.same-color:hover,
input[type=submit].secondary.same-color:hover,
input[type=reset].secondary.same-color:hover {
background-color: #002940;
border-color: #002940;
}

.chat .message.right .message-item .message-text.secondary::before {
border-right-color: transparent;
border-left-color: #002940;
}

.chat .message .message-item .message-text.secondary {
border-color: #002940;
background-color: #002940;
color: #ffffff;
}
.chat .message .message-item .message-text.secondary::before {
border-right-color: #002940;
}
.dialog.secondary {
border: 1px solid #002940;
}
.dialog.secondary .dialog-title {
background-color: #002940;
border-bottom-color: #002940;
color: #ffffff;
}
.dialog.secondary .dialog-actions {
border-top-color: #002940;
}
.info-box.secondary {
border-color: #002940;
background-color: #002940;
color: #ffffff;
}

/************ success **************/

.accent-block.success {
background-color: #EBC22F;
color: #ffffff;
}
.button.success,
.command-button.success,
.image-button.success,
.shortcut.success,
.tool-button.success,
.split-button .split.success,
tbody tr.success,
tbody td.success,
.tally.success,
code.success,
.notify.success,
.info-button.success,
.input .button.success,
.select .button.success,
.tag-input .button.success,
.spinner .button.success,
.toast.success {
outline-color: #EBC22F;
background-color: #EBC22F;
color: #ffffff;
}

.button.success.outline,
.command-button.success.outline,
.image-button.success.outline,
.shortcut.success.outline,
.tool-button.success.outline,
.split-button .split.success.outline,
tbody tr.success.outline,
tbody td.success.outline,
.tally.success.outline,
code.success.outline,
.notify.success.outline,
.info-button.success.outline,
.input .button.success.outline,
.select .button.success.outline,
.tag-input .button.success.outline,
.spinner .button.success.outline,
.toast.success.outline {
color: #EBC22F;
border-color: #EBC22F;
}
.button.success.outline.dropdown-toggle::before,
.command-button.success.outline.dropdown-toggle::before,
.image-button.success.outline.dropdown-toggle::before,
.shortcut.success.outline.dropdown-toggle::before,
.tool-button.success.outline.dropdown-toggle::before,
.split-button .split.success.outline.dropdown-toggle::before,
tbody tr.success.outline.dropdown-toggle::before,
tbody td.success.outline.dropdown-toggle::before,
.tally.success.outline.dropdown-toggle::before,
code.success.outline.dropdown-toggle::before,
.notify.success.outline.dropdown-toggle::before,
.info-button.success.outline.dropdown-toggle::before,
.input .button.success.outline.dropdown-toggle::before,
.select .button.success.outline.dropdown-toggle::before,
.tag-input .button.success.outline.dropdown-toggle::before,
.spinner .button.success.outline.dropdown-toggle::before,
.toast.success.outline.dropdown-toggle::before {
border-color: #EBC22F;
}
.button.success:hover,
.command-button.success:hover,
.image-button.success:hover,
.shortcut.success:hover,
.tool-button.success:hover,
.split-button .split.success:hover,
tbody tr.success:hover,
tbody td.success:hover,
.tally.success:hover,
code.success:hover,
.notify.success:hover,
.info-button.success:hover,
.input .button.success:hover,
.select .button.success:hover,
.tag-input .button.success:hover,
.spinner .button.success:hover,
.toast.success:hover {
color: #ffffff;
background-color: #5490BA;
border-color: #5490BA;
}

.button.success.same-color:hover,
.command-button.success.same-color:hover,
.image-button.success.same-color:hover,
.shortcut.success.same-color:hover,
.tool-button.success.same-color:hover,
.split-button .split.success.same-color:hover,
tbody tr.success.same-color:hover,
tbody td.success.same-color:hover,
.tally.success.same-color:hover,
code.success.same-color:hover,
.notify.success.same-color:hover,
.info-button.success.same-color:hover,
.input .button.success.same-color:hover,
.select .button.success.same-color:hover,
.tag-input .button.success.same-color:hover,
.spinner .button.success.same-color:hover,
.toast.success.same-color:hover {
background-color: #5490BA;
border-color: #5490BA;
}

.action-button.success {
outline-color: #EBC22F;
background-color: #EBC22F;
color: #ffffff;
}
.pagination.success .page-item.active,
.pagination.success .page-item.service,
.pagination.success .page-item:hover {
background-color: #EBC22F;
border-color: #EBC22F;
color: #ffffff;
}
.pagination.success .page-item.active:hover,
.pagination.success .page-item.service:hover,
.pagination.success .page-item:hover:hover {
background-color: #EBC22F;
}

.remark.success {
background: #EBC22F;
border: 1px solid #EBC22F;
}
.remark.success::before {
position: absolute;
top: 0;
left: -4px;
width: 4px;
height: 100%;
content: " ";
background-color: #EBC22F;
}
.remark.success {
background: #EBC22F;
border: 1px solid #EBC22F;
}
.metro-input.success,
.file.success,$colorprincipal
.input.success,
.select.success,
.textarea.success,
.keypad.success,
.tag-input.success,
.spinner.success {
border-color: #EBC22F;
}


input[type=button].success,
input[type=submit].success,
input[type=reset].success {
outline-color: #EBC22F;
background-color: #EBC22F;
color: #ffffff;
}
input[type=button].success.outline,
input[type=submit].success.outline,
input[type=reset].success.outline {
color: #EBC22F;
border-color: #EBC22F;
}
input[type=button].success.outline.dropdown-toggle::before,
input[type=submit].success.outline.dropdown-toggle::before,
input[type=reset].success.outline.dropdown-toggle::before {
border-color: #EBC22F;
}

input[type=button].success:hover,
input[type=submit].success:hover,
input[type=reset].success:hover {
color: #ffffff;
background-color: #EBC22F;
border-color: #EBC22F;
}

input[type=button].success.same-color:hover,
input[type=submit].success.same-color:hover,
input[type=reset].success.same-color:hover {
background-color: #EBC22F;
border-color: #EBC22F;
}

.chat .message .message-item .message-text.success {
border-color: #EBC22F;
background-color: #EBC22F;
color: #ffffff;
}
.chat .message .message-item .message-text.success::before {
border-right-color: #EBC22F;
}

.chat .message.right .message-item .message-text.success::before {
border-right-color: transparent;
border-left-color: #EBC22F;
}

.dialog.success {
border: 1px solid #EBC22F;
}
.dialog.success .dialog-title {
background-color: #EBC22F;
border-bottom-color: #EBC22F;
color: #ffffff;
}
.dialog.success .dialog-actions {
border-top-color: #EBC22F;
}

.info-box.success {
border-color: #EBC22F;
background-color: #EBC22F;
color: #ffffff;
}