@charset "UTF-8";
#lyoBdy {
    top: 85px !important; }

/* COLORS */
.metalsa-blue {
    color: #204294; }

.bg-metalsa-blue {
    background-color: #204294; }

.metalsa-grey {
    color: #515758; }

.bg-metalsa-grey {
    background-color: #515758; }

.metalsa-red {
    color: #e81e32; }

.bg-metalsa-red {
    background-color: #e81e32; }

.color-yellow-600 {
    color: #FFB300; }

.color-yellow-600 {
    background-color: #FFB300; }

.metalsa-grey-light {
    color: #858a8b; }

.bg-metalsa-grey-light {
    background-color: #858a8b; }

.metalsa-grey-ultra-light {
    color: #f5f5f5; }

.bg-metalsa-grey-ultra-light {
    background-color: #f5f5f5; }

.metalsa-white-grey {
    color: #f0f0f0; }

.bg-metalsa-white-grey {
    background-color: #f0f0f0; }

/*<AG13802>*/
.body-bg-color{
    background-color: #FAF9FB !important;
}
/*<//AG13802>*/
.success-color {
    color: #8BC34A; }

.success-bg {
    background-color: #8BC34A; }

.alert-color {
    color: #c62727; }

.alert-bg {
    background-color: #c62727; }

.warning-color {
    color: #FB8C00; }

.warning-bg {
    background-color: #FB8C00; }

.color-success {
    color: #8DC63F; }

.bg-success {
    background: #8DC63F; }

/* COLORS */
.ui-fileupload-content.ui-widget-content.ui-corner-bottom {
    padding: 4.2em 0.4em !important;
    border-style: dotted !important; }

.zoom {
    /* Aumentamos la anchura y altura durante 2 segundos */
    transition: width .3s, height .3s, transform .3s ease-in-out; }

.zoom:hover {
    /* tranformamos el elemento al pasar el mouse por encima al doble de
       su tamanio con scale(2). */
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    /* Firefox */
    -webkit-transform: scale(1.5);
    /* Chrome - Safari */
    -o-transform: scale(1.5);
    /* Opera */ }

.ui-datatable.ui-widget.ui-datatable-scrollable.dataTable30px tr {
    height: 30px !important; }

.ui-grid-row::after {
    height: 10px; }

.ui-grid-rango-fecha .ui-panelgrid-cell {
    padding: 0px !important; }

.ui-grid-rango-fecha .hasDatepicker {
    width: 80%; }

.ui-grid-rango-fecha .ui-panelgrid-cell label {
    padding-right: 10px; }

.ui-datatable-scrollable .ui-datatable-scrollable-header, .ui-datatable-scrollable .ui-datatable-scrollable-footer {
    position: absolute !important; }

.ui-datatable-scrollable-theadclone th span.ui-column-title {
    height: auto !important; }

.insideTable div table thead tr th {
    /*background: #dff3fc !important;*/
    background: none repeat scroll 0% 0% #F3F3F3 !important;
    color: #015799 !important;
    border-bottom: none !important;
    border-top: 1px solid #fff !important;
    border-right: 1px solid #CCC;
    border-left: none !important; }

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    padding: 2px 2px !important; }

.ui-datatable tbody td {
    padding: 0 !important; }

.ui-datatable tbody td:last-child {
    border-right: none !important; }

.ui-datatable tbody td:first-child {
    border-left: none !important; }

.ui-accordion .ui-accordion-content {
    background: lavender;
    border: 1px solid #a58ebf; }

.panelSinBorde, .ui-layout-pane-north, .panelTransparente {
    border: none !important; }

.ui-datatable-odd {
    /*background-color: #EBF1FF !important;*/
    background: #F3F6F9 !important; }

.enEdicionClass {
    background-color: #ffff33 !important; }

.aprobadoClass {
    background-color: #00ff33 !important; }

.regresadoClass {
    background-color: #ffcccc !important; }

.porAprobarClass {
    background-color: #0099cc !important; }

.ui-state-highlight {
    /*background: linear-gradient(to bottom, #a9c9da 0%, #85b2cb 100%) !important;*/
    background: #90CAF9 !important;
    color: #000000 !important;
    text-shadow: 0em 0em 0em #333 !important; }

.ui-widget-header, th {
    font-size: 10px;
    /*height: 20px;*/
    border-top: none !important;
    border-bottom: none !important;
    /*
    font-weight: normal !important;
    background: linear-gradient(to bottom, #F0EEEE 0%, #959595 100%) !important;
    text-transform: uppercase;
    */ }

.primerEncabezado {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border-left: none !important;
    padding-left: 5px; }

.unicoEncabezado, .ui-fileupload-buttonbar {
    -moz-border-radius: 10px 10px 0 0 !important;
    -webkit-border-radius: 10px 10px 0 0 !important;
    /*border-radius: 10px 10px 0 0 !important;*/
    border-right: none !important;
    /*
    border-left: none !important;
    */
    border-top: none !important; }

.ultimoEncabezado {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border-right: none !important; }

.ui-paginator-bottom, .ui-paginator-top {
    padding: 6px !important;
    color: #FFF !important;
    /*
    font-size: 10px !important;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
    */
    text-align: center;
    font-weight: normal !important;
    /*background: linear-gradient(to bottom, #F0EEEE 0%, #727272 100%) !important;*/ }

.ui-paginator .ui-paginator-page {
    background: linear-gradient(to bottom, #F0EEEE 0%, #D2D2D2 100%) !important;
    border: 1px solid #A5A5A5; }

.ui-paginator-bottom {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important; }

.ui-paginator-top {
    -moz-border-radius: 10px 10px 0 0 !important;
    -webkit-border-radius: 10px 10px 0 0 !important;
    border-radius: 10px 10px 0 0 !important; }

.panelBorde {
    border: 1px #a8a8a8 solid;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border-radius: 10px 10px 10px 10px !important; }

.panelBordeCostados {
    border-left: 1px #a8a8a8 solid;
    border-right: 1px #a8a8a8 solid; }

.widthC1 {
    width: 150px;
    text-align: right; }

.widthC2 {
    width: 450px; }

.widthC3 {
    width: 300px; }

.widthC4 {
    width: 100px;
    text-align: right; }

/*.ui-panelgrid td, .ui-panelgrid tr
{
    border-style: none !important
}*/
/*Quita bordes en panelGrid*/
.noBorders tr, .noBorders td, .noBorders {
    background: none !important;
    border: none !important; }

.autocomplete-large {
    width: 100% !important; }

.ui-selectonemenu, .ui-selectonemenu-short {
    font-style: normal;
    line-height: 13px;
    font-weight: normal;
    color: #013567; }

.ui-selectonemenu, .ui-selectonemenu-panel, .ui-selectonemenu-small, .ui-selectonemenu-small-1 {
    font-style: normal;
    line-height: 13px;
    font-weight: normal;
    color: #013567;
    float: left; }

.ui-selectonemenu-short {
    width: 200px !important; }

.ui-selectonemenu-small {
    width: 80% !important; }

.ui-selectonemenu-small-1 {
    width: 100px !important; }

.ui-fieldset, .ui-dock-bottom {
    background: rgba(255, 255, 255, 0.7);
    border: 2px solid #015799; }

.ui-layout-unit-content {
    background-color: #f5f5f5 !important;
    /*APOAH12758*/ }

.ui-widget-content .ui-panelgrid-even, .ui-widget-content .ui-panelgrid-odd, .panelTransparente {
    background-color: rgba(255, 255, 255, 0) !important; }

.ui-dock-container-bottom {
    background: none !important; }

.articulosCarrito {
    color: black;
    position: relative;
    float: right;
    top: 8%;
    left: -12.23%;
    text-shadow: 0.1em 0.1em 0.2em white;
    font-weight: bold; }

.ui-selectoneradio label {
    width: 60px !important; }

.longRadio label {
    width: 250px !important; }

.ui-toolbar, .ui-toolbar-group-left {
    height: auto; }

.ui-menuitem-active {
    color: black !important; }

.pasoActual span {
    color: #FFF;
    font-weight: bolder;
    size: 20px;
    background: none;
    text-shadow: none;
    border-bottom: 1px solid #fff; }

.btnPasoActual, .btnPasoProceso {
    background: transparent !important;
    border: none !important;
    width: 250px;
    height: 50px;
    font-weight: normal !important; }

.btnPasoProceso {
    color: black !important; }

.btnPasoActual {
    color: white !important;
    color: #0277bb !important;
    margin-left: 20px;
    text-shadow: none; }

.ui-breadcrumb {
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding: 5px 5px 7px 5px;
    background: #015799 !important;
    border: none; }

.ui-dialog-short {
    width: 50% !important;
    left: 25% !important; }

.ui-dialog-short2 {
    width: 56% !important;
    left: 25% !important; }

.ui-confirm-dialog-short {
    width: 18% !important;
    left: 42% !important; }

.ui-accordion .ui-accordion-content {
    background: #f3f3f3;
    border: none; }

.ui-fileupload-buttonbar {
    padding: 0.8em 0.3em !important; }

.ui-selectonemenu-label {
    width: 96% !important; }

.row-expanded {
    overflow-x: scroll !important;
    width: 120% !important; }

.dialogoDerecha {
    text-align: right; }

.dialogoIzquierda {
    text-align: left; }

.dialogoIzquierda, .dialogoDerecha {
    background: #dfdfdf;
    width: 50%;
    background-size: 100% 100%; }

.dialogoNoLeido {
    background: #81d4fa !important; }

.dialogoComprador {
    background: #b3e5fc !important; }

.filaCompetitiva {
    background: #aed581 !important; }

.textoResaltado {
    font-weight: bold; }

.bordeCelda {
    border: 1px solid #F0EEEE !important; }

.ui-dock-bottom, .ui-layout-south {
    background-color: transparent !important;
    border: none !important; }

/* MODS */
.ui-icon-blank {
    background: #FFF; }

.ui-icon-check {
    background: none repeat scroll -64px -145px #fff; }

.ui-chkbox .ui-chkbox-box {
    border: 2px solid #008fe8;
    border-radius: 0 !important; }

.ui-accordion-header {
    background: #e5e5e5;
    height: 30px;
    line-height: 28px;
    color: #0277bb; }

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.errorMessages.ui-draggable.ui-overlay-visible div.ui-widget-header {
    background-color: red !important;
    margin-left: -2px;
    margin-top: -2px; }

/* BREADCRUMB BANNER */
#j_idt48 {
    margin: 15px 0 0 0; }

.ui-widget-header a {
    text-decoration-line: none !important;
    text-decoration: none !important; }

/* LAYOUT */
.ui-layout-unit {
    padding: 0 !important; }

.ui-layout-unit .ui-layout-unit-content {
    padding: 0 !important; }

#j_idt13 {
    height: 60px !important; }

#j_idt21 {
    top: 59px !important; }

#south {
    height: 0 !important; }

.meinMenu {
    border: none;
    background: #0277BB !important;
    text-align: center;
    margin-left: 0;
    height: 30px !important; }

.ui-tooltip {
    background: #FFF; }

.header-blue {
    background: #F3F3F3 !important;
    color: #015799 !important;
    border-color: #FFF; }

.ui-blockui-content {
    background: #FFF !important;
    border-bottom: 2px solid #015799 !important; }

.ui-expanded-row {
    background: #E5E5E5 !important; }

.ui-expanded-row td {
    border: 1px solid #E5E5E5 !important; }

.subTabla > td {
    padding: 0 !important; }

.brdCrumb {
    margin-top: 15px !important; }

.ui-datepicker .ui-datepicker-header {
    background: #fff !important;
    width: 100% !important;
    margin-left: 0px !important;
    background: none repeat scroll 0% 0% #008FE8 !important; }

.myNavBarContainer {
    top: 60px !important; }

.ui-menu {
    width: 15em !important;
    top: 85px !important;
    left: 0 !important;
    box-shadow: 2px 3px 2px #CCC !important;
    padding: 10px 0px !important;
    border-top: 5px solid #204294 !important; }

.ui-menu li {
    margin-top: -1px !important;
    border-bottom: 1px solid #CCC !important;
    border-top: 1px solid #FFF !important;
    padding: 0 0 !important;
    text-indent: 1.5em !important; }

.ui-menu li a {
    padding: 4px 0 !important;
    border: none !important;
    width: 100% !important; }

.ui-menu .ui-menu-parent .ui-icon-triangle-1-e {
    margin-right: 10px !important; }

.ui-menu li:first-child {
    border-top: none !important; }

.ui-menu li:last-child {
    border-bottom: none !important; }

.meinMenu img {
    margin-top: 3px; }

.meinMenu {
    padding: 0 !important; }
/*<R20404>*/
.ui-menu-child {
    box-shadow: 2px 3px 2px #CCC !important;
    background: #f5f5f5;
    border-top: 5px solid #0277BB !important;
    padding: 0 !important;
    min-width: 150px !important; }

.ui-menu-child li {
    border-left: 1px solid #ccc !important; }

.ui-menu-child li a {
    padding-right: 5px !important;}
/*</R20404>*/
.ui-menu .ui-menuitem-link {
    width: 211px; }

.ui-editor iframe {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #DCDCDC !important;
    border-top: 1px solid #FFF !important; }

.ui-editor-toolbar {
    border-bottom: 1px solid #cfcfcf !important;
    background: #e5e5e5 !important; }

.ui-dialog-titlebar-close {
    margin-top: 4px !important;
    margin-right: 4px !important; }

.ui-paginator .ui-paginator-page {
    background: #fff !important;
    color: #015799 !important;
    border: none; }

#south {
    margin-bottom: -22px !important; }

.fieldNobrdCrumb {
    /*margin-top: 10px !important;*/ 
}

.ui-datepicker-title > select {
    width: 60px !important;
    padding: 0 !important;
    background-position: 37px 0 !important;
    box-shadow: none !important;
    border: none !important;
    margin-left: 2px !important;
    margin-top: 4px !important; }

.ui-datepicker-calendar th {
    background: #64b5f6 !important; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 7px !important; }

button > .ui-icon-check {
    background: none; }

/* SELECCION DE PROVEEDORES */
.selReqArea, .selProvArea, .sendRfqArea {
    margin-top: 10px; }

.ui-autocomplete-panel, .ui-dialog-buttonpane {
    background: #FFF; }

/*nuevos estilos*/
.ui-fileupload-content {
    padding: 0.2em 0.4em;
    border-top-width: 2px;
    min-width: 620px;
    min-height: 100px !important;
    z-index: 99;
    background: transparent; }

.ui-dialog-position {
    position: fixed !important; }

.ui-paginator-bottom {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important; }

.ui-paginator-top {
    -moz-border-radius: 10px 10px 0 0 !important;
    -webkit-border-radius: 10px 10px 0 0 !important;
    border-radius: 10px 10px 0 0 !important; }

.panelBorde {
    border: 1px #a8a8a8 solid;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border-radius: 10px 10px 10px 10px !important; }

.ui-growl {
    position: fixed !important;
    top: 4% !important;
    right: 1% !important;
    width: 35% !important; }

.ui-growl-message {
    text-align: center !important;
    width: 90% !important;
    float: right !important;
    margin-left: -1em !important; }

.ui-growl-title {
    margin-top: 1em !important;
    padding-left: 1em !important;
    margin-right: 1em; }

.ui-icon-check {
    background-position: -64px -144px !important; }

.ui-growl-image {
    margin-top: 0.75em !important; }

#formTable\:requisitionsTable\:toggleAllBtn {
    margin-left: -.375em !important; }

#formCrearRFQ\:tablaPrincipal\:toggleAllBtn {
    margin-left: -.375em !important; }

.ui-growl-item-container {
    border: none !important;
    border-bottom: 3px solid #015799 !important;
    opacity: 1 !important;
    text-shadow: 1px 1px 0 #FFF !important;
    border-radius: 15px !important;
    background: #cbd9ef !important; }

.ui-growl-image {
    margin: 5px 0 0 0 !important; }

.ui-datatable td {
    border: 1px solid #e5e5e5 !important; }

.icon-yes-size {
    width: 20px !important;
    height: 20px !important; }

.icon-no-size {
    width: 16px !important;
    height: 16px !important; }

.topBanner {
    height: 55px; }

.topSubHead {
    height: 30px !important;
    background: #015799 !important;
    display: block !important; }

/* BREADCRUMB 2ND. */
.brdCrumbImg {
    margin-top: 2px !important;
    float: left; }

.pasoActual {
    color: #FFF !important; }

.pasoPrevSig {
    color: #80D6FF !important; }

.brdCrumbSpanTxt {
    height: 16px !important;
    float: left;
    margin-top: 3px !important;
    text-indent: 1em;
    font-size: 11px !important;
    text-transform: uppercase;
    line-height: 15px !important; }

.subHeadTitleBar {
    max-width: 600px !important;
    height: 30px;
    float: left; }

.userName {
    float: right !important;
    height: 100%;
    border-left: 1px solid #00426B !important;
    line-height: 28px !important;
    color: #FFF !important;
    padding-right: 20px;
    text-align: right; }

.userBtnsArea {
    float: right;
    height: 100% !important; }

.userBtns {
    width: 32px !important;
    height: 100% !important;
    float: left;
    border-left: 1px solid #00426B !important; }

.userBtns button {
    height: 100% !important;
    max-width: 100%; }

.userBtns-icon-carrito,
.userBtns-icon-user,
.userBtns-icon-logout {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 7px; }
.userBtns-icon-carrito:before,
.userBtns-icon-user:before,
.userBtns-icon-logout:before {
    font-size: 1.25em; }

.userBtns-icon-carrito:before {
    content: '\f07a'; }

.userBtns-icon-user:before {
    content: '\f2be'; }

.userBtns-icon-logout:before {
    content: '\f08b'; }

.ui-commandlink {
    color: #204294 !important; }

#lyoCenter {
    top: 120px !important; }

.ui-widget-content .ui-state-default.ui-radiobutton-box {
    border-color: #008FE8;
    background: #FFF;
    border: 2px solid #008FE8; }

.ui-widget-content .ui-state-active.ui-radiobutton-box {
    background: #DFF3FC; }

.ui-radiobutton-box > .ui-icon-blank {
    background: none !important; }

.ui-menu .ui-menu-parent .ui-menu-child {
    width: auto !important; }/*<R20404>*/

.primerEncabezado > span > button {
    background: none !important; }

.segundoEncabezado > span > button {
    background: none !important; }

.ui-column-title > button {
    background: none !important; }

.ui-menu .ui-menu-parent .ui-menu-child {
    width: 18.5em; }

.ui-paginator-page.ui-state-active {
    background: #0277BB !important;
    color: #FFF !important;
    border-bottom: 2px solid #FFF !important; }

.ui-corner-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }

.dialogoDerecha {
    background: #b3e5fc !important; }

.ui-panelgrid td.dialogoDerecha {
    border-right: 2px solid #81d4fa !important; }

.dialogoIzquierda {
    background: #e1f5fe !important; }

.ui-panelgrid td.dialogoIzquierda {
    border-left: 2px solid #b3e5fc !important; }

/* TIPOS */
.ui-dialog .ui-dialog-content {
    padding: 0 !important; }

.icono-msns-00 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-01 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-02 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-03 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-04 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-05 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-06 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-07 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-08 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-09 {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-msns-09m {
    height: 30px;
    width: 30px !important;
    margin: -12px 0 0 -10px !important;
    padding: 0 !important;
    background-size: 20px 20px !important; }

.icono-expandir {
    width: 15px !important;
    height: 15px !important;
    left: 3px !important;
    top: 0 !important;
    margin: 0 !important; }

.ui-dialog-content {
    overflow: hidden !important; }

.panel-catalogos .ui-datatable-scrollable-body {
    width: 100% !important; }

.panel-nwitemDt .ui-datatable-scrollable-body {
    width: 100% !important;
}

.center-element {
    display: block !important;
    margin: 0 auto !important; }

#lyoNorth.ui-layout-unit .ui-layout-unit-content {
    overflow: visible; }

.userBtnsArea {
    position: relative;
    /*overflow: hidden;*/
    float: right;
    height: 100% !important; }
.userBtnsArea .userBtns .ui-button {
    border: none !important; }
.userBtnsArea #userBtnsArea\:panelTooltipCarro_content {
    padding: 0 !important; }

.carro-volador {
    width: 100%;
    position: absolute;
    opacity: 1; }
.carro-volador > .ui-widget-content {
    position: absolute;
    width: 100%;
    background: none; }

.NewCart {
    position: absolute;
    width: 28px;
    height: 28px;
    top: -32px;
    right: 50%;
    margin-right: -15px;
    border: 2px solid #204294;
    border-radius: 50%;
    text-align: center;
    /*padding-top: 3px; padding-right: 2px;*/
    background: #FFF;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 0 0 rgba(81, 87, 88, 0); }
.NewCart label.total-items {
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    line-height: 25px;
    letter-spacing: -1px;
    text-indent: -2px !important; }
.NewCart:hover {
    background: #f5f5f5;
    border-color: #FFF;
    color: #204294;
    box-shadow: 0 0 10px rgba(81, 87, 88, 0.6); }

.overlayPanelCarro {
    width: 420px;
    top: -5px !important;
    margin-left: 20px;
    opacity: 1;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    transition: 0.4s all ease-in-out; }
.overlayPanelCarro.ui-overlay-hidden {
    opacity: 0;
    right: 0; }
.overlayPanelCarro > .ui-overlaypanel-content {
    padding: 0; }
.overlayPanelCarro .ui-datascroller-header {
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    border-bottom: 1px solid #bfc9d2;
    text-align: unset; }
.overlayPanelCarro .ui-datascroller-header label {
    color: #515758;
    margin: 0; }
.overlayPanelCarro .ui-datascroller-header label.hlabel-uen {
    text-transform: uppercase;
    text-align: left;
    font-size: 16px !important;
    margin-top: 2px; }
.overlayPanelCarro .ui-datascroller-header label.hlabel-costo {
    color: #204294;
    text-transform: uppercase;
    background: #ededed;
    padding: 5px 7px; }
.overlayPanelCarro .ui-datascroller-content {
    background: #FFF;
    padding: 0;
    float: left;
    height: 360px !important; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item {
    height: 55px;
    width: 100%;
    float: left;
    border: 1px solid #bfc9d2;
    border-left: none;
    border-right: 0;
    margin-bottom: 10px; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item:nth-child(even) {
    background: #FFF; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .item-flotante {
    padding-top: 5px;
    padding-bottom: 5px; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .info-supplier-icon {
    left: 5px;
    position: absolute; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .info-supplier-icon i {
    font-size: 10px;
    width: 16px;
    height: 16px; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .info-supplier-icon i.supplier-proveedor:before {
    font-size: 8px; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .item-flotante--descripcion {
    height: 45px;
    /*overflow: auto;*/
    padding: 0;
    text-transform: lowercase;
    line-height: 15px; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .item-flotante--cantidades {
    font-size: 11px;
    line-height: 14px; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .item-flotante--cantidades label {
    font-size: 11px !important; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .item-flotante--delete {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 3px;
    height: 25px;
    width: 25px;
    right: 12px; }
.overlayPanelCarro .ui-datascroller-content .ui-datascroller-list .item-flotante--delete > button {
    width: 24px !important;
    height: 24px !important;
    transition: .01s all ease-in-out; }
.overlayPanelCarro .spx--material-card__footer {
    background: #fdfdfd;
    padding-top: 10px;
    padding-bottom: 10px; }
.overlayPanelCarro .spx--material-card__footer > button {
    float: right; }

.userBtns {
    width: 32px !important;
    height: 100% !important;
    float: left;
    border-left: 1px solid #00426B !important; }

.userBtns button {
    height: 100% !important;
    max-width: 100%; }

.userBtns-icon-user,
.userBtns-icon-logout {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 7px; }
.userBtns-icon-user:before,
.userBtns-icon-logout:before {
    font-size: 1.25em; }

.icon-carrito {
    height: 32px;
    width: 32px; }
.icon-carrito.new-icon {
    background: url("#{resource['images:icon-carrito-compras.png']}") no-repeat top center !important; }

.userBtns-icon-user:before {
    content: '\f2be'; }

.userBtns-icon-logout:before {
    content: '\f08b'; }

.borders {
    border: 1px solid #bfc9d2; }

a {
    outline: none; }

/* Layout helpers----------------------------------*/
.ui-helper-hidden {
    display: none; }

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px; }

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

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.ui-helper-clearfix {
    display: inline-block; }

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%; }

.ui-helper-clearfix {
    display: block; }

/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); }

/* Interaction Cues----------------------------------*/
.ui-state-disabled {
    cursor: default !important; }

/* Icons----------------------------------*/
/* states and images */
.ui-icon {
    text-indent: 1px !important;
    overflow: hidden;
    background-repeat: no-repeat;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important; }

/* Misc visuals----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/** jQuery UI CSS Framework @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Theming/API** To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=c4c4c4&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=a8a8a8&fcHeader=4f4f4f&iconColorHeader=898989&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=a8a8a8&fcContent=4f4f4f&iconColorContent=616161&bgColorDefault=c4c4c4&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=80&borderColorDefault=a8a8a8&fcDefault=4f4f4f&iconColorDefault=ffffff&bgColorHover=c4c4c4&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=80&borderColorHover=a8a8a8&fcHover=4f4f4f&iconColorHover=ffffff&bgColorActive=c4c4c4&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=4f4f4f&iconColorActive=ffffff&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=4f4f4f&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px*/
/* Component containers----------------------------------*/
.ui-widget {
    font-family: Arial, sans-serif;
    font-size: 14px !important; }

.ui-widget .ui-widget {
    font-size: 12px !important; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, sans-serif;
    font-size: 12px !important; }

.ui-widget-content {
    border: none;
    background: #ffffff;
    color: #4f4f4f; }

tr.ui-widget-content {
    background: none; }

.ui-widget-content a {
    color: #4f4f4f; }

.ui-widget-header {
    border: 1px solid #bfc9d2;
    background: #f5f5f5 !important;
    color: #333;
    font-weight: bold;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); }

.ui-widget-header a {
    color: #4f4f4f; }

/* Interaction states----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #6B757C;
    background: white;
    font-weight: bold;
    color: #515758;
    box-shadow: none;
    text-shadow: none !important; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #4f4f4f;
    text-decoration: none;
    text-shadow: none !important; }

.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 #1092d1;
    background: #1092d1;
    color: white;
    box-shadow: none !important; }

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #2f556a;
    text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #7096ab;
    font-weight: bold;
    color: #1C4257;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #2f556a;
    text-decoration: none; }

.ui-widget:active {
    outline: none; }

.ui-state-active {
    -moz-box-shadow: inset 0px -1px 0px #fff;
    -webkit-box-shadow: inset 0px 1px 0px #fff;
    box-shadow: inset 0px 1px 0px #fff; }

/* Interaction Cues----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: none;
    border-bottom: 1px solid #a1afbd;
    background: #dde2e7;
    color: #515758;
    text-shadow: none; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    color: #cd0a0a; 
    border-color: #cd0a0a;/** <MDA_CONTRALOR>**/
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none; }

/* Icons----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon {
    color: transparent !important;
    text-shadow: none !important;
    font-size: 20px !important; }
.ui-datepicker-prev .ui-icon:before, .ui-datepicker-next .ui-icon:before {
    color: #515758 !important;
    margin-left: 0 !important; }

.ui-paginator-first .ui-icon, .ui-paginator-prev .ui-icon,
.ui-paginator-last .ui-icon, .ui-paginator-next .ui-icon {
    color: transparent !important;
    height: auto !important; }
.ui-paginator-first .ui-icon:before, .ui-paginator-prev .ui-icon:before,
.ui-paginator-last .ui-icon:before, .ui-paginator-next .ui-icon:before {
    color: #515758 !important;
    margin-left: 3px !important; }

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

.ui-state-default .ui-icon {
    background-image: none !important; }

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0; }

.ui-icon-carat-1-ne {
    background-position: -16px 0; }

.ui-icon-carat-1-e {
    background-position: -32px 0; }

.ui-icon-carat-1-se {
    background-position: -48px 0; }

.ui-icon-carat-1-s {
    background-position: -64px 0; }

.ui-icon-carat-1-sw {
    background-position: -80px 0; }

.ui-icon-carat-1-w {
    background-position: -96px 0; }

.ui-icon-carat-1-nw {
    background-position: -112px 0; }

.ui-icon-carat-2-n-s:before {
    content: "\f0dc"; }

.ui-icon-carat-2-e-w {
    background-position: -144px 0; }

.ui-icon-triangle-1-n:before {
    content: "\f077"; }

.ui-icon-triangle-1-ne {
    background-position: -16px -16px; }

.ui-icon-triangle-1-e:before {
    content: "\f054"; }

.ui-icon-triangle-1-se {
    background-position: -48px -16px; }

.ui-icon-triangle-1-s:before {
    content: "\f078"; }

.ui-icon-triangle-1-sw {
    background-position: -80px -16px; }

.ui-icon-triangle-1-w {
    background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
    background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px; }

.ui-icon-arrow-1-n {
    background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
    background-position: -16px -32px; }

.ui-icon-arrow-1-e {
    background-position: -32px -32px; }

.ui-icon-arrow-1-se {
    background-position: -48px -32px; }

.ui-icon-arrow-1-s {
    background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
    background-position: -80px -32px; }

.ui-icon-arrow-1-w {
    background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
    background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-n:before {
    content: "\f093"; }

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px; }

.ui-icon-arrow-4 {
    background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
    background-position: -16px -80px; }

.ui-icon-extlink {
    background-position: -32px -80px; }

.ui-icon-newwin {
    background-position: -48px -80px; }

.ui-icon-refresh {
    background-position: -64px -80px; }

.ui-icon-shuffle {
    background-position: -80px -80px; }

.ui-icon-transfer-e-w {
    background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
    background-position: -112px -80px; }

.ui-icon-folder-collapsed {
    background-position: 0 -96px; }

.ui-icon-document {
    background-position: -32px -96px; }

.ui-icon-document-b {
    background-position: -48px -96px; }

.ui-icon-note {
    background-position: -64px -96px; }

.ui-icon-mail-closed {
    background-position: -80px -96px; }

.ui-icon-mail-open {
    background-position: -96px -96px; }

.ui-icon-suitcase {
    background-position: -112px -96px; }

.ui-icon-comment {
    background-position: -128px -96px; }

.ui-icon-person {
    background-position: -144px -96px; }

.ui-icon-print {
    background-position: -160px -96px; }

.ui-icon-trash {
    background-position: -176px -96px; }

.ui-icon-locked {
    background-position: -192px -96px; }

.ui-icon-unlocked {
    background-position: -208px -96px; }

.ui-icon-bookmark {
    background-position: -224px -96px; }

.ui-icon-tag {
    background-position: -240px -96px; }

.ui-icon-home {
    background-position: 0 -112px; }

.ui-icon-flag {
    background-position: -16px -112px; }

.ui-icon-calendar {
    background-position: -32px -112px; }
.ui-icon-calendar:before {
    content: "\f073"; }

.ui-icon-cart {
    background-position: -48px -112px; }

.ui-icon-pencil {
    background-position: -64px -112px; }

.ui-icon-clock {
    background-position: -80px -112px; }

.ui-icon-disk {
    background-position: -96px -112px; }

.ui-icon-calculator {
    background-position: -112px -112px; }

.ui-icon-zoomin {
    background-position: -128px -112px; }

.ui-icon-zoomout {
    background-position: -144px -112px; }

.ui-icon-search {
    content: "\f002"; }
.ui-icon-search:before {
    content: "\f002"; }

.ui-icon-wrench {
    background-position: -176px -112px; }

.ui-icon-gear {
    background-position: -192px -112px; }

.ui-icon-heart {
    background-position: -208px -112px; }

.ui-icon-star {
    content: "\f005" !important; }

.ui-icon-link {
    background-position: -240px -112px; }

.ui-icon-cancel:before {
    content: "\f05e"; }

.ui-icon-plus {
    background-position: -16px -128px; }

.ui-icon-plusthick:before {
    content: "\f067"; }

.ui-icon-minus {
    background-position: -48px -128px; }

.ui-icon-minusthick {
    background-position: -64px -128px; }

.ui-icon-close:before {
    content: "\f00d"; }

.ui-icon-closethick {
    background-position: -96px -128px; }
.ui-icon-closethick:before {
    content: "\f00d"; }

.ui-icon-key {
    background-position: -112px -128px; }

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

.ui-icon-scissors {
    background-position: -144px -128px; }

.ui-icon-clipboard {
    background-position: -160px -128px; }

.ui-icon-copy {
    background-position: -176px -128px; }

.ui-icon-contact {
    background-position: -192px -128px; }

.ui-icon-image {
    background-position: -208px -128px; }

.ui-icon-video {
    background-position: -224px -128px; }

.ui-icon-script {
    background-position: -240px -128px; }

.ui-icon-alert {
    background-position: 0 -144px; }

.ui-icon-info {
    background-position: -16px -144px; }

.ui-icon-notice {
    background-position: -32px -144px; }

.ui-icon-help {
    background-position: -48px -144px; }

.ui-icon-check {
    display: flex !important; }
.ui-icon-check:before {
    content: "\f00c";
    font-size: 12px !important;
    text-indent: 2px !important;
    line-height: 15px !important; }

.ui-icon-bullet:before {
    content: "\f111";
    font-size: 8px; }

.ui-icon-radio-off {
    background-position: -96px -144px; }

.ui-icon-radio-on {
    background-position: -112px -144px; }

.ui-icon-pin-w {
    background-position: -128px -144px; }

.ui-icon-pin-s {
    background-position: -144px -144px; }

.ui-icon-play {
    background-position: 0 -160px; }

.ui-icon-pause {
    background-position: -16px -160px; }

/*<R18234> botones de paginador desacomodados en EDGE*/
.ui-icon-seek-next {
    line-height: 0px !important; }

.ui-icon-seek-prev {
    line-height: 0px !important; }
/*</R18234>*/
.ui-icon-seek-next:before {
    content: "\f04e"; }

.ui-icon-seek-prev:before {
    content: "\f04a"; }

.ui-icon-seek-end:before {
    content: "\f051"; }

.ui-icon-seek-start:before {
    content: "\f048"; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first:before {
    content: "\f048"; }

.ui-icon-stop {
    background-position: -96px -160px; }

.ui-icon-eject {
    background-position: -112px -160px; }

.ui-icon-volume-off {
    background-position: -128px -160px; }

.ui-icon-volume-on {
    background-position: -144px -160px; }

.ui-icon-power {
    background-position: 0 -176px; }

.ui-icon-signal-diag {
    background-position: -16px -176px; }

.ui-icon-signal {
    background-position: -32px -176px; }

.ui-icon-battery-0 {
    background-position: -48px -176px; }

.ui-icon-battery-1 {
    background-position: -64px -176px; }

.ui-icon-battery-2 {
    background-position: -80px -176px; }

.ui-icon-battery-3 {
    background-position: -96px -176px; }

.ui-icon-circle-plus {
    background-position: 0 -192px; }

.ui-icon-circle-minus {
    background-position: -16px -192px; }

.ui-icon-circle-close {
    background-position: -32px -192px; }
.ui-icon-circle-close:after {
    content: "\f00d";
    font-size: 15px; }

.ui-icon-circle-triangle-e:before {
    content: "\f0da"; }

.ui-icon-circle-triangle-s:before {
    content: "\f0d7"; }

.ui-icon-circle-triangle-w:before {
    background-position: -80px -192px;
    content: "\f0d9"; }

.ui-icon-circle-triangle-n:before {
    content: "\f0d8"; }

.ui-icon-circle-arrow-e {
    background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
    background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
    background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
    background-position: -160px -192px; }

.ui-icon-circle-zoomin {
    background-position: -176px -192px; }

.ui-icon-circle-zoomout {
    background-position: -192px -192px; }

.ui-icon-circle-check {
    background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
    background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
    background-position: -16px -208px; }

.ui-icon-circlesmall-close {
    background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
    background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
    background-position: -64px -208px; }

.ui-icon-squaresmall-close {
    background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px; }

/* Misc visuals----------------------------------*/
/* Corner radius */
.ui-corner-tl {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0; }

.ui-corner-tr {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0; }

.ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0; }

.ui-corner-br {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }

.ui-corner-top {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0; }

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }

.ui-corner-right {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }

.ui-corner-left {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0; }

.ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }

.ui-round-all {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }

/* Overlays */
.ui-widget-overlay {
    background: #2d5972;
    opacity: .30;
    filter: Alpha(Opacity=30); }

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #4f4f4f;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; }

.ui-resizable {
    position: relative; }

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none; }

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0; }

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0; }

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%; }

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%; }

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px; }

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px; }

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px; }

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px; }

/** jQuery UI Selectable @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Selectable#theming*/
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black; }

/** jQuery UI Accordion @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Accordion#theming*/
/* IE/Win - Fix animation bug - #4615 */
/*.ui-accordion {
  width: 100%;
}

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 0px !important; //margin-top: 1px;
  zoom: 1;
  height: 50px !important; border: 1px solid white !important; background: white !important;
  border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;
  padding: 0; box-shadow: $card-shadow !important; margin-top: 20px !important;
  transition: all .4s ease-in-out;
}


.tab__grey-bg.ui-accordion {
   h3.ui-accordion-header { background: #f5f5f5 !important; }
}

.ui-accordion .ui-accordion-header.ui-state-hover {
  border-top-left-radius: 5px !important; border-top-right-radius: 5px !important;
}

.ui-accordion .ui-accordion-header.ui-state-active {
  border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; box-shadow: none !important;
}

h3.ui-accordion-header { font-size: 1.25em !important; font-family: "Arial Black", sans-serif !important; line-height: 3.2em!important;
  color: $metalsa-grey-mid !important;  text-indent: 3em !important; text-transform: uppercase !important; font-weight: 900 !important;
  transition: all .4s ease-in-out;

  > .ui-icon { font-size: 14px !important; left: 1em !important; text-align: center;  }

  &.ui-state-default {
    > .ui-icon { color: $metalsa-white-grey !important; }
  }

  &.ui-state-hover { color: $metalsa-cyan !important;
    > .ui-icon { color: $metalsa-cyan !important; }
  }
  &.ui-state-active { color: $metalsa-cyan !important;
    > .ui-icon { color: $metalsa-cyan !important; }
  }
}

.ui-accordion .ui-accordion-content { padding: 1em 2.2em; margin-top: 0px; position: relative; top: 1px; overflow: auto;
  zoom: 1;margin-bottom: 0;

  border: 5px solid white; border-top: 1px solid #e5e5e5; padding-top: 30px;
  padding-bottom: 30px; background: $vp-stage-bg; box-shadow: $card-shadow;

}


/** jQuery UI Autocomplete @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Autocomplete#theming*/
.ui-autocomplete {
    position: absolute;
    cursor: default; }

.ui-autocomplete .ui-menu-item .ui-state-hover {
    background: none repeat scroll 0 0 #5F83B9;
    color: #FFFFFF !important;
    font-weight: bold;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px transparent;
    cursor: pointer; }

/* workarounds */
* html .ui-autocomplete {
    width: 1px; }

/* without this, the menu expands to 100% in IE6 */
/** jQuery UI Button @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Button#theming*/
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em; }

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em; }

/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em; }

button.ui-button-icons-only {
    width: 3.7em; }

.ui-button-icon-only .ui-icon,
.ui-button-text-icon .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    margin-left: 6px;
    /*margin-top: -5px !important;*/
    position: absolute;
    top: 50%; }

.ui-button-text-icon .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 5px 12px 5px 25px; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px; }

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px; }

/*.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary{left:.5em;}*/
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em; }

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em; }

/*button sets*/
.ui-buttonset {
    margin-right: 7px; }

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0; }

/* reset extra padding in Firefox */
/** jQuery UI Dialog @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Dialog#theming*/
.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
    max-width: 98%; }

.ui-dialog .ui-dialog-titlebar {
    padding: .5em 1em .3em;
    position: relative;
    min-height: 30px; }

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .2em 0; }

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 1em;
    background: transparent;
    border-radius: 30%;
    top: 50%;
    text-align: center;
    width: 19px;
    height: 19px;
    margin: -10px 0 0 0;
    padding: 0;
    border: 2px solid transparent; }
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
    transition: .2s all ease-in-out;
    border-radius: 50%;
    background: #fbfcfc;
    border-color: #b0bcc7;
    color: #515758; }
.ui-dialog .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
    text-align: center;
    margin: 0; }
.ui-dialog .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick:before {
    line-height: 17px; }

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0; }

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right; }

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer; }

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px; }

.ui-draggable .ui-dialog-titlebar {
    cursor: move; }

.ui-dialog {
    padding: 0; }

.ui-dialog .ui-dialog-titlebar {
    border-top: none;
    border-right: none;
    border-left: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }

/** jQuery UI Slider @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Slider#theming*/
.ui-slider {
    position: relative;
    text-align: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: default;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0; }

.ui-slider {
    background: #cbcbcb;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f; }

.ui-slider .ui-slider-range {
    background: #a3cae0;
    -moz-box-shadow: inset 0 2px 2px #7d9aab;
    -webkit-box-shadow: inset 0 2px 2px #7d9aab;
    box-shadow: inset 0 2px 2px #7d9aab; }

.ui-slider-vertical {
    background: #cbcbcb;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f; }

.ui-slider-vertical .ui-slider-range {
    background: #a3cae0;
    -moz-box-shadow: inset 2px 0 2px #7d9aab;
    -webkit-box-shadow: inset 2px 0 2px #7d9aab;
    box-shadow: inset 2px 0 2px #7d9aab; }

.ui-slider .ui-slider-handle span {
    height: 16px !important;
    width: 16px !important;
    float: none !important;
    margin: 0 auto !important; }

.ui-slider-horizontal {
    height: .4em; }

.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
    left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
    right: 0; }

.ui-slider-vertical {
    width: .4em;
    height: 100px; }

.ui-slider-vertical .ui-slider-handle {
    left: -.5em;
    margin-left: 0;
    margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
    top: 0; }

.ui-slider .ui-slider-handle {
    background: #85b2cb;
    background: #85b2cb linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: #85b2cb -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    /*   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/ }

/** jQuery UI Datepicker @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Datepicker#theming*/
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0; }

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px; }

.ui-datepicker .ui-datepicker-prev {
    left: 2px; }

.ui-datepicker .ui-datepicker-next {
    right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%; }

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0; }

.ui-datepicker td {
    border: 0;
    padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 2px 3px 3px;
    text-align: right;
    text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left; }

.ui-datepicker table {
    table-layout: fixed; }

.ui-datepicker-calendar {
    border-color: #d7d7d7;
    background: #f0f0f0; }

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background: none;
    border: none;
    color: #5F83B9; }

.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    color: #1C4257;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

.ui-datepicker .ui-datepicker-current-day .ui-state-highlight,
.ui-datepicker .ui-datepicker-current-day .ui-state-default {
    background: #5F83B9;
    color: #FFFFFF !important;
    font-weight: bold;
    text-shadow: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

.ui-datepicker {
    padding: 0; }

.ui-datepicker .ui-datepicker-header {
    background: #dde2e7;
    border-right: none;
    border-left: none;
    border-top: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    background: none;
    border: solid 1px transparent;
    -moz-box-shadow: none; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
    float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left; }

.ui-datepicker-row-break {
    clear: both;
    width: 100%; }

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
    float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none;
    /*sorry for IE5*/
    display: block;
    /*sorry for IE5*/
    position: absolute;
    /*must have*/
    z-index: -1;
    /*must have*/
    filter: mask();
    /*must have*/
    top: -4px;
    /*must have*/
    left: -4px;
    /*must have*/
    width: 200px;
    /*must have*/
    height: 200px;
    /*must have*/ }

/** jQuery UI Progressbar @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Progressbar#theming*/
.ui-progressbar {
    height: 1.1em;
    text-align: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f; }

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%; }

.ui-progressbar .ui-widget-header {
    background: #85b2cb;
    background: #85b2cb linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: #85b2cb -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }

/** jQuery UI AutoComplete @VERSION**/
.wijmo-wijinput,
.wijmo-wijtextbox {
    background: #fff;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f; }

.wijmo-wijinput.ui-state-focus,
.wijmo-wijtextbox.ui-state-focus {
    background: #fff;
    -moz-box-shadow: 0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: 0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;
    box-shadow: 0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f; }

.ui-autocomplete {
    box-shadow: none !important; }

.wijmo-wijcalendar .ui-datepicker-header .ui-state-default {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

.wijmo-wijmenu {
    background: #c4c4c4 linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: #c4c4c4 -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); }

.wijmo-wijmenu .ui-state-default {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

.wijmo-wijmenu .wijmo-wijmenu-child {
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8); }

.wij-menu-ipod .wijmo-wijmenu-list {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

/**html .wijmo-wijmenu .wijmo-wijsuperpanel,
*html .wijmo-wijmenu .wijmo-wijmenu-list {
  background: none;
}

*html .wijmo-wijmenu-horizontal .wijmo-wijmenu-child {
  background: #ffffff;
}

*html .wijmo-wijmenu .wijmo-wijmenu-link {
  border-color: #c4c4c4;
  filter: chroma(color=#c4c4c4);
}*/
.wijmo-wijtooltip {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    border: none;
    color: #fff;
    -moz-box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #999;
    -webkit-box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #999;
    box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #999; }

.wijmo-wijtooltip-arrow-lb .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-lc .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-lt .wijmo-wijtooltip-pointer-inner {
    border-right-color: #000 !important; }

.wijmo-wijtooltip-arrow-rb .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-rc .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-rt .wijmo-wijtooltip-pointer-inner {
    border-left-color: #000 !important; }

.wijmo-wijtooltip-arrow-br .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-bc .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-bl .wijmo-wijtooltip-pointer-inner {
    border-top-color: #000 !important; }

.wijmo-wijtooltip-arrow-tb .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-tc .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-tt .wijmo-wijtooltip-pointer-inner {
    border-bottom-color: #000 !important; }

.wijmo-wijtooltip .wijmo-wijtooltip-pointer {
    opacity: 0.8; }

/*+++---------------------------+++*/
/* SPX CUSTOM */
.ui-outputlabel {
    margin-right: 10px;
    font-weight: bold; }

.ui-menu.ui-menubar {
    list-style: none;
    margin: 0;
    display: block;
    float: left;
    height: 35px;
    padding: 0; }
.ui-menu.ui-menubar > .ui-menu-list {
    height: 100%; }
.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menu-parent {
    padding: 0 !important;
    margin: 0 !important;
    border-top: none !important; }
.ui-menu.ui-menubar > .ui-menu-list .ui-widget-content {
    width: 100% !important; }
.ui-menu.ui-menubar > .ui-menu-list .ui-widget-content .ui-menuitem {
    margin: 0;
    min-width: 170px;
    border-bottom: 1px solid #bfc9d2 !important;
    padding: 0 !important; }
.ui-menu.ui-menubar > .ui-menu-list > li {
    height: 100%; }
.ui-menu.ui-menubar > .ui-menu-list > li .ui-menuitem-link {
    height: 100%;
    width: 100%;
    border: none;
    display: flex;
    align-items: center;
    background: #FFF;
    box-sizing: border-box;
    padding: 6px 5px !important;
    transition: .4s all ease-in-out; }
.ui-menu.ui-menubar > .ui-menu-list > li .ui-menuitem-link.ui-state-hover {
    background: #1092d1;
    text-indent: 5px; }
.ui-menu.ui-menubar > .ui-menu-list > li .ui-menuitem-link > .ui-icon {
    margin-left: 10px; }

.ui-menu.ui-menubar {
    padding: 0 4px 0 0 !important;
    border: none !important;
    background: transparent; }

.ui-menu-child {
    padding: 0 !important; }

.header-block .ui-button-text {
    font-size: 12px; }

.header-block .ui-button-icon-left {
    /*font-size: 12px !important;*/
    vertical-align: middle; /*<AG13802>*/
}

.header-block .fa-search {
    font-size: 12px; }

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 0px !important;
    zoom: 1;
    height: 50px !important;
    border: 1px solid white !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 0;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1) !important;
    margin-top: 30px !important;
    transition: all .4s ease-in-out;
    background: #f4f4f4 !important; }
.ui-accordion .ui-accordion-header.ui-state-hover {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important; }
.ui-accordion .ui-accordion-header.ui-state-active {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important; }
.ui-accordion .ui-accordion-header .ui-icon {
    color: #6B757C !important; }

h3.ui-accordion-header {
    font-size: 1.25em !important;
    font-family: "Arial Black", sans-serif !important;
    line-height: 3.2em !important;
    color: #6B757C !important;
    text-indent: 3em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    transition: all .4s ease-in-out; }
h3.ui-accordion-header > .ui-icon {
    font-size: 14px !important;
    left: 1em !important;
    text-align: center; }
h3.ui-accordion-header.ui-state-default > .ui-icon {
    color: #f0f0f0 !important; }
h3.ui-accordion-header.ui-state-hover {
    color: #1092d1 !important; }
h3.ui-accordion-header.ui-state-hover > .ui-icon {
    color: #1092d1 !important; }
h3.ui-accordion-header.ui-state-active {
    color: #1092d1 !important; }
h3.ui-accordion-header.ui-state-active > .ui-icon {
    color: #1092d1 !important; }

.ui-accordion .ui-accordion-li-fix {
    display: inline; }

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em; }

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: 1em;
    top: 50%;
    margin-top: -8px;
    height: 19px !important;
    width: 19px !important;
    color: #515758; }

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    margin-top: 0px;
    position: relative;
    top: 1px;
    overflow: auto;
    /*display: none;*/
    zoom: 1;
    margin-bottom: 0;
    border: 5px solid white;
    border-top: 1px solid #e5e5e5;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fbfbfb;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }

.ui-accordion .ui-accordion-content-active {
    display: block; }

.tab-img-status {
    position: absolute !important;
    left: 10px;
    top: 10px;
    width: 26px;
    height: 26px;
    border: 2px solid #eef1f6;
    border-radius: 100%;
    background: white; }

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1; }

/* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
    display: block;
    float: left;
    width: 100%; }

.ui-tabs-panels {
    float: left;
    overflow: hidden;
    clear: both; }

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border: 1px solid #a8a8a8;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
    box-sizing: border-box; }

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
    border: 1px solid #a8a8a8;
    border-bottom: 0 !important;
    background: #1092d1; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: white; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text; }

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor:text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: none;
    border-width: 0;
    padding: 0 1.4em;
    background: none; }
.ui-tabs .ui-tabs-panel:first-child {
    display: block; }

.ui-tabs .ui-tabs-hide {
    display: none !important; }

.ui-tabs {
    padding: 0; }

.ui-tabs .ui-tabs-nav {
    background: #e3e3e3;
    background: #e3e3e3 linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background: #e3e3e3 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: #e3e3e3 -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    /*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }

.ui-tabs .ui-tabs-nav .ui-tabs-selected {
    background: #fff;
    border-bottom: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

/*+++---------------------------+++*/
.ui-shadow {
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25) !important;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25) !important; }

/*+++---------------------------+++*/
/*INPUTS*/
/*.ui-inputfield { transition: .4s all ease-in-out; }

input.ui-inputfield { min-height: 18px; border-radius: 0; height:27px; }

input.ui-widget, textarea.ui-widget, .ui-inputfield,
input.ui-widget-content{
  color: #555; background-color: #fff !important; background-image: none;
  border: 1px solid $metalsa-grey-mid; border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ui-inputfield.ui-widget, .ui-inputfield.ui-widget-content {
  &.ui-state-hover { border-color: $metalsa-cyan; color: $metalsa-grey !important; }
  &.ui-state-focus { background-color: $spx-inputs-bg-focus !important; border-color: $metalsa-cyan !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.1) !important; color: $metalsa-blue !important;  }
}*/
.ui-datatable-data td input, .ui-datatable-data td textarea {
    width: 100% !important; }
.ui-datatable-data td input.hasDatepicker, .ui-datatable-data td textarea.hasDatepicker {
    width: 60% !important; }

/*BUTTONS*/
.ui-button {
    display: inline-block;
    position: relative;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    height: 30px !important;
    box-sizing: border-box;
    padding: 4px 10px 6px !important;
}
.ui-button.ui-state-default {
    border: 1px solid #dbdbdb;
    color: #515758;
    background: #f4f4f4;
}
.ui-button.ui-state-hover {
    border: 1px solid #d1d1d1;
    color: #515758;
    background: #eaeaea;
    transition: 0.4s all ease-in-out; }
.ui-button.ui-state-focus {
    border: 1px solid #204294;
    color: white;
    background: #204294;
    transition: 0.4s all ease-in-out; }
.ui-button.ui-state-active {
    transition: 0.4s all ease-in-out; }
.ui-button.btn__hollow.ui-state-default, .ui-button.spx--back-btn.ui-state-default {
    border: 1px solid #515758;
    color: #515758;
    background: #f4f4f4; }
.ui-button.btn__hollow.ui-state-hover, .ui-button.spx--back-btn.ui-state-hover {
    border: 1px solid #393d3d;
    color: white;
    background: #515758; }
.ui-button.btn__hollow.ui-state-focus, .ui-button.spx--back-btn.ui-state-focus {
    border: 1px solid #1092d1;
    color: white;
    background: #1092d1; }

.btn__mini {
    height: 24px !important;
    width: 24px !important;
    padding: 0;
    margin: 1px 0 0 1px;
    transition: 0.4s all ease-in-out;
    box-shadow: 0 0 0 white !important;
    border-radius: 50%;
    font-size: 10px !important; }
.btn__mini > .ui-icon {
    margin-left: -9px !important;
    margin-top: -6px !important; }
.btn__mini.ui-state-hover {
    transform: scale(1.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) !important;
    border-radius: 15%;
    z-index: 999999;
    font-size: 12px !important;
    background: white !important;
    color: #204294 !important; }
.btn__mini.no-roundness {
    border-radius: 0 !important; }

.spx--btn__large,
.spx--btn__large.ui-widget {
    height: 40px !important;
    padding: 4px 16px 6px !important;
    font-size: 14px !important; }

.ui-button:not(.spx--btn__circle):not(.ui-datepicker-trigger):not(.userBtns-btn):not(.btn__mini):not(.ui-autocomplete-dropdown):not(.ui-spinner-button):not(.btn__empty) {
    min-width: 80px; }
.ui-button.ui-datepicker-trigger {
    width: 32px; }
.ui-button.ui-datepicker-trigger.ui-state-default {
    border-color: #bfc9d2;
    border: 1px solid #bfc9d2;
    color: #515758;
    background: #bfc9d2; }
.ui-button.ui-datepicker-trigger.ui-state-hover {
    border: 1px solid #515758;
    color: #FFF;
    background: #515758; }
.ui-button.ui-datepicker-trigger.ui-state-focus {
    border: 1px solid #204294;
    color: white;
    background: #204294; }
.ui-button ~ .ui-button:not(.btn__mini):not(.spx--btn__circle):not(.ui-spinner-button) {
    margin-left: 30px; }

.ui-button.ui-button-text-icon-left {
    padding: 4px 1px 6px !important; }

.ui-button-text-only .ui-button-text {
    padding: .1em 1em; }

.ui-button.spx--back-btn {
    /*border: none !important; background: none !important;*/ }
.ui-button.spx--back-btn.ui-state-hover {
    /*border: none !important; background: none !important;*/ }
.ui-button.spx--back-btn.ui-state-focus {
    /*border: none !important; background: none !important; color: $metalsa-grey !important;*/ }
.ui-button.spx--back-btn:hover > span.ui-icon {
    transition: 0.4s all ease-in-out;
    transform: translateX(-5px);
    color: black !important; }

.ui-button.spx--btn__primary.ui-state-default,
.ui-commandlink.spx--btn__primary.ui-state-default,
.ui-fileupload-choose.ui-state-default {
    color: white !important;
    background-color: #204294 !important;
    border-color: #204294 !important; }
.ui-button.spx--btn__primary:hover,
.ui-commandlink.spx--btn__primary:hover,
.ui-fileupload-choose:hover {
    background: #242424 !important;
    border-color: #f0f0f0 !important; }
.ui-button.spx--btn__primary:active, .ui-button.spx--btn__primary:focus,
.ui-commandlink.spx--btn__primary:active,
.ui-commandlink.spx--btn__primary:focus,
.ui-fileupload-choose:active,
.ui-fileupload-choose:focus {
    background: #204294 !important;
    border-color: #204294 !important;
    color: white !important; }
.ui-button.spx--btn__primary.btn__hollow.ui-state-default,
.ui-commandlink.spx--btn__primary.btn__hollow.ui-state-default,
.ui-fileupload-choose.btn__hollow.ui-state-default {
    color: #204294 !important;
    background-color: transparent !important;
    border-color: #204294 !important; }
.ui-button.spx--btn__primary.btn__hollow:hover,
.ui-commandlink.spx--btn__primary.btn__hollow:hover,
.ui-fileupload-choose.btn__hollow:hover {
    background: #2955be !important;
    color: #172f6a !important;
    border-color: #172f6a !important; }
.ui-button.spx--btn__primary.btn__hollow:active, .ui-button.spx--btn__primary.btn__hollow:focus,
.ui-commandlink.spx--btn__primary.btn__hollow:active,
.ui-commandlink.spx--btn__primary.btn__hollow:focus,
.ui-fileupload-choose.btn__hollow:active,
.ui-fileupload-choose.btn__hollow:focus {
    background: #2955be !important;
    border-color: #050a16 !important;
    color: #050a16 !important; }

.ui-button.spx--btn__alert.ui-state-default, .ui-fileupload-cancel.ui-state-default {
    color: white !important;
    background-color: #e81e32 !important;
    border-color: #e81e32 !important; }
.ui-button.spx--btn__alert:hover, .ui-fileupload-cancel:hover {
    background: #bf1425 !important;
    border-color: #e81e32 !important; }
.ui-button.spx--btn__alert:active, .ui-button.spx--btn__alert:focus, .ui-fileupload-cancel:active, .ui-fileupload-cancel:focus {
    background: #910f1c !important;
    border-color: #bf1425 !important;
    color: white  !important; }
.ui-button.spx--btn__alert.btn__hollow.ui-state-default, .ui-fileupload-cancel.btn__hollow.ui-state-default {
    color: #e81e32;
    background-color: transparent !important;
    border-color: transparent !important; }
.ui-button.spx--btn__alert.btn__hollow:hover, .ui-fileupload-cancel.btn__hollow:hover {
    background: #ed4c5c !important;
    color: #0c71a2;
    border-color: transparent; }
.ui-button.spx--btn__alert.btn__hollow:active, .ui-button.spx--btn__alert.btn__hollow:focus, .ui-fileupload-cancel.btn__hollow:active, .ui-fileupload-cancel.btn__hollow:focus {
    background: #ef6371 !important;
    border-color: transparent;
    color: #052f43 !important; }

.ui-button.spx--btn__cyan.ui-state-default, .ui-fileupload-upload.ui-state-default {
    color: white;
    background-color: #1092d1;
    border-color: #1092d1; }
.ui-button.spx--btn__cyan:hover, .ui-fileupload-upload:hover {
    background: #0c71a2;
    border-color: #0c71a2; }
.ui-button.spx--btn__cyan:active, .ui-button.spx--btn__cyan:focus, .ui-fileupload-upload:active, .ui-fileupload-upload:focus {
    background: #0b608a !important;
    border-color: #052f43 !important;
    color: white !important; }
.ui-button.spx--btn__cyan.btn__hollow.ui-state-default, .ui-fileupload-upload.btn__hollow.ui-state-default {
    color: #1092d1;
    background-color: transparent;
    border-color: #1092d1; }
.ui-button.spx--btn__cyan.btn__hollow:hover, .ui-fileupload-upload.btn__hollow:hover {
    background: #26adee !important;
    color: #0c71a2;
    border-color: #0c71a2; }
.ui-button.spx--btn__cyan.btn__hollow:active, .ui-button.spx--btn__cyan.btn__hollow:focus, .ui-fileupload-upload.btn__hollow:active, .ui-fileupload-upload.btn__hollow:focus {
    background: #3db6f0 !important;
    border-color: #052f43 !important;
    color: #052f43 !important; }

.ui-button.spx--btn__orange.ui-state-default,
.ui-commandlink.spx--btn__orange.ui-state-default {
    border: 1px solid #FF5722;
    color: #FFF;
    background: #028EEC; /*<AG13802>*/
    border-radius: 8px; /*<AG13802>*/
    box-shadow: 0 3px 6px rgba(0,0,0,.2); /*<AG13802>*/}
.ui-button.spx--btn__orange.ui-state-hover,
.ui-commandlink.spx--btn__orange.ui-state-hover {
    border: 1px solid #d53300;
    color: #a22700;
    background: #ff4409; }
.ui-button.spx--btn__orange.ui-state-focus,
.ui-commandlink.spx--btn__orange.ui-state-focus {
    border: 1px solid #a22700;
    color: white;
    background: #ee3900; }
.ui-button.spx--btn__orange.btn__hollow.ui-state-default,
.ui-commandlink.spx--btn__orange.btn__hollow.ui-state-default {
    color: #204294 !important;
    background-color: transparent !important;
    border-color: #204294 !important; }
.ui-button.spx--btn__orange.btn__hollow:hover,
.ui-commandlink.spx--btn__orange.btn__hollow:hover {
    background: #2955be !important;
    color: #172f6a !important;
    border-color: #172f6a !important; }
.ui-button.spx--btn__orange.btn__hollow:active, .ui-button.spx--btn__orange.btn__hollow:focus,
.ui-commandlink.spx--btn__orange.btn__hollow:active,
.ui-commandlink.spx--btn__orange.btn__hollow:focus {
    background: #2955be !important;
    border-color: #050a16 !important;
    color: #050a16 !important; }

.ui-button.spx--btn__success.ui-state-default,
.ui-commandlink.spx--btn__success.ui-state-default {
    border: 1px solid #8DC63F;
    color: #FFF;
    background: #8DC63F; }
.ui-button.spx--btn__success.ui-state-hover,
.ui-commandlink.spx--btn__success.ui-state-hover {
    border: 1px solid #648e2a;
    color: #48671f;
    background: #80b636; }
.ui-button.spx--btn__success.ui-state-focus,
.ui-commandlink.spx--btn__success.ui-state-focus {
    border: 1px solid #8DC63F;
    color: white;
    background: #72a230; }
.ui-button.spx--btn__success.btn__hollow.ui-state-default,
.ui-commandlink.spx--btn__success.btn__hollow.ui-state-default {
    color: #204294 !important;
    background-color: transparent !important;
    border-color: #204294 !important; }
.ui-button.spx--btn__success.btn__hollow:hover,
.ui-commandlink.spx--btn__success.btn__hollow:hover {
    background: #2955be !important;
    color: #172f6a !important;
    border-color: #172f6a !important; }
.ui-button.spx--btn__success.btn__hollow:active, .ui-button.spx--btn__success.btn__hollow:focus,
.ui-commandlink.spx--btn__success.btn__hollow:active,
.ui-commandlink.spx--btn__success.btn__hollow:focus {
    background: #2955be !important;
    border-color: #050a16 !important;
    color: #050a16 !important; }

/*PRIMARY COMMAND LINK*/
.ui-commandlink.spx--btn__primary {
    color: white !important;
    background-color: #204294 !important;
    text-decoration: none;
    padding: .3em 1em .3em 2.1em; }

.ui-fileupload-buttonbar .ui-fileupload-choose > .ui-icon, .ui-fileupload-buttonbar .ui-fileupload-upload > .ui-icon, .ui-fileupload-buttonbar .ui-fileupload-cancel > .ui-icon {
    margin-top: -7px;
    margin-left: -2px;
    line-height: 13px !important; }
.ui-fileupload-buttonbar .ui-fileupload-upload {
    margin-left: 15px !important;
    margin-right: 15px !important; }

.ui-fileupload-progress .ui-progressbar {
    box-shadow: none !important;
    background: #eef1f6;
    border: 1px solid #bfc9d2; }

table#formRfq\:idPanel\:pnlUpload {
    height: 100%;
    width: 100%; }
table#formRfq\:idPanel\:pnlUpload > tbody {
    vertical-align: top !important; }
table#formRfq\:idPanel\:pnlUpload .ui-fileupload-content.ui-widget-content {
    min-height: 250px;
    background: url("../../resources/images/upload-mensaje-bg2.png") center no-repeat; }
table#formRfq\:idPanel\:pnlUpload .ui-fileupload-content.ui-widget-content .ui-fileupload-files {
    width: 100%;
    margin-top: 6px;
    background: white; }
table#formRfq\:idPanel\:pnlUpload .ui-fileupload-content.ui-widget-content .ui-fileupload-preview {
    background: white; }
table#formRfq\:idPanel\:pnlUpload .ui-fileupload-content.ui-widget-content .ui-messages.ui-widget {
    position: relative; }

.ui-fileupload-buttonbar .ui-fileupload-choose input {
    transform: translate(0) scale(1);
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    font-size: 12px; }

.ui-fileupload-buttonbar {
    padding: 0;
    border: none !important; }

div.ui-fileupload-buttonbar.ui-widget-header {
    background: none !important; }

.ui-fileupload-buttonbar ~ .ui-fileupload-content {
    width: 600px;
    background: none; }

.ui-fileupload.upBtn-laibax .ui-fileupload-buttonbar .ui-fileupload-choose input {
    width: 580px !important;
    height: 250px !important;
    left: 0 !important;
    font-size: 12px !important; }

.ui-button-text-icon-left .ui-icon.fa {
    margin-top: -8px !important; }

.ui-button.spx--btn__circle {
    border-radius: 50%;
    width: 30px;
    box-shadow: 0px 1px 3px rgba(133, 138, 139, 0.5); }
.ui-button.spx--btn__circle.ui-state-hover, .ui-button.spx--btn__circle.ui-state-active {
    box-shadow: 0px 5px 10px rgba(133, 138, 139, 0.65) !important;
    transition: 0.4s all ease-in-out;
    transform: scale(1.2); }

.ui-button.spx--btn__center {
    margin-left: calc(50% - 15px); }
.ui-button.spx--btn__center.spx--btn__circle .ui-button-icon-left {
    /*margin-left: -8px !important;*/
    margin-top: -8px !important; }
.ui-button.spx--btn__center.spx--btn__circle .ui-button-icon-left:before {
    font-size: 1.2em; }

.ui-button, .ui-button span, button.ui-button.ui-state-default span, .ui-button.ui-state-default span {
    font-weight: bold; }

.ui-button-icon-only .ui-icon, .ui-button-text-icon-left .ui-icon, .ui-button-text-icon-right .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -6px; }

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4; }

.ui-button-text-only .ui-button-text {
    padding: 0; }

.ui-button.deliveryPoint-btn .ui-button-text {
    font-size: 10px;
    padding: .1em !important; }

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em; }

.spx--align-around {
    display: flex;
    justify-content: space-around; }

.ui-button.long-txt-small-btn .ui-button-text {
    font-size: 10px; }

.spx--btn-link {
    height: 30px;
    display: inline-block;
    text-indent: 0;
    border: 1px solid;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 30px;
    transition: 0.4s all ease-in-out; }
.spx--btn-link.spx--btn__cyan {
    color: white;
    background-color: #1092d1;
    border-color: #1092d1; }
.spx--btn-link.spx--btn__cyan:hover {
    background: #0c71a2;
    border-color: #0c71a2; }
.spx--btn-link.spx--btn__cyan:active, .spx--btn-link.spx--btn__cyan:focus {
    background: #0b608a !important;
    border-color: #052f43 !important;
    color: white !important; }

.btn-header-search {
    border-radius: 5px;
    height: 30px;
    color: white !important;
    background-color: #204294 !important;
    border-color: #204294 !important;
    background: #f4f4f4; }

.header-block .btn-favorites {
    border-radius: 5px; /*<AG13802>*/
    height: 30px;
    color: #028EEC !important; /*<AG13802>*/
    background-color: #fff !important; /*<AG13802>*/
    border-color: #028EEC !important; /*<AG13802>*/
    padding: 0px 13px 0px 6px; } /*<AG13802>*/

button.spx-btn.spx--btn__primary.btn-favorites:hover {
    color: #fff !important; /*<AG13802>*/
    background: #028EEC !important; /*<AG13802>*/
}

label.btn-seleccion-close {
    background-color: #e81e32;
    padding: 8px 13px;
    margin-bottom: 0px; }

label.btn-seleccion-close:hover {
    background-color: #c9302c;
    border-color: #ac2925; }

/* BOTONERA */
.botonera-block {
    margin: 10px 0;
    background: white;
    padding: 10px;
    box-shadow: 1px 1px 2px #bfc9d2; }
.botonera-block button {
    margin-left: 30px; }
.botonera-block button:first-child {
    margin-left: 0; }
.botonera-block.spx__page-title {
    background: #1092d1 !important;
    color: white !important; }

/*.ui-button.spx--btn__circle { border-radius: 50%; }
.ui-button.spx--btn__center { margin-left: calc(50% - 15px); }*/
/*+++---------------------------+++*/
.ui-paginator {
    background: #dde2e7;
    border: none; }

.ui-paginator.ui-paginator-bottom {
    border-top: 1px solid white; }

/*+++---------------------------+++*/
.ui-chkbox {
    display: flex;
    align-items: center; }

.ui-chkbox-box {
    margin-right: 10px; }
.ui-chkbox-box.ui-state-hover {
    border-color: #1092d1;
    background: #f5ffff; }
.ui-chkbox-box.ui-state-focus {
    color: #204294 !important;
    background: #f5ffff; }

.ui-tree .ui-chkbox-box,
.ui-chkbox .ui-chkbox-box {
    width: 18px !important;
    height: 18px !important;
    display: inline-block;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important; }

.ui-chkbox .ui-chkbox-box + .ui-chkbox-label {
    margin: 10px 30px !important; }

.ui-chkbox-icon.ui-icon {
    overflow: visible; }

.ui-chkbox .ui-chkbox-label {
    cursor: pointer;
    margin: 0 0 0 3px !important;
    outline: medium none;
    z-index: 1;
    display: inline-block;
    vertical-align: top; }

.ui-selectoneradio label {
    display: block;
    margin: 0 10px;
    font-weight: bold;
    cursor: pointer; }

.ui-selectmanycheckbox.ui-widget td,
.ui-selectoneradio.ui-widget td {
    border: 0 none; }

.ui-selectmanycheckbox.ui-grid label,
.ui-selectoneradio.ui-grid label {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top; }

.ui-panelgrid .ui-selectoneradio.ui-grid-responsive .ui-grid-row,
.ui-panelgrid .ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row {
    border-top: 0 none; }

.ui-selectmanycheckbox .ui-selectmanycheckbox-item-group {
    font-weight: bold; }

/*+++---------------------------+++*/
/*.ui-selectonemenu { display: inline-block; position: relative; width: auto; zoom: 1; cursor: pointer; padding: 2px !important;

  &.ui-state-hover { border-color: $metalsa-grey-mid; background: white !important; }
  &.ui-state-focus { border-color: $metalsa-grey-mid; background: white !important; }
  &.ui-state-active { border-color: $metalsa-grey-mid; background: white !important; }
}

.ui-selectonemenu .ui-selectonemenu-trigger {
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  cursor: pointer;
  width: 28px !important;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 3px
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 6px !important;
  margin-left: 4px;
}

.ui-selectonemenu .ui-selectonemenu-label {
  display: block;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  width: 100%;
  text-align: left;
  box-shadow: none;
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger,
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
  cursor: default;
}

.ui-selectonemenu-trigger { transition: background-color .4s ease-in-out; border: none;
  &.ui-state-default { background: transparent; color: $metalsa-grey-mid; }
  &.ui-state-hover { background: $metalsa-grey-mid; color: white; }
  &.ui-state-focus { background: $vp-body-bg; color: white; }
}

.ui-selectonemenu label.ui-selectonemenu-label {
  cursor: pointer
}

.ui-selectonemenu input.ui-selectonemenu-label {
  cursor: default
}

.ui-selectonemenu-panel { position: absolute; height: auto;
  &.ui-widget-content { border-color: $metalsa-white-grey; }
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
  overflow: auto
}

.ui-selectonemenu-panel .ui-selectonemenu-item {
  font-weight: normal;
  cursor: pointer
}

.ui-selectonemenu-panel .ui-selectonemenu-item-group {
  font-weight: bold
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
  padding: 0 !important; margin: -1px 0px 0px; background:$metalsa-grey-ultra-light; !*padding: .4em;*! border: 0 none;

}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
  border: 0 none; margin: 1px 0; padding: 3px 5px; text-align: left; white-space: nowrap; padding-right: 20px;
  &.ui-state-highlight { padding: 8px; font-weight: bold; text-transform: uppercase; }
  &:not(:first-child) { text-indent: 10px; }

}

.ui-selectonemenu-panel .ui-selectonemenu-table {
  border-collapse: collapse;
  width: 100%
}

.ui-selectonemenu-panel .ui-selectonemenu-table td {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  padding: 4px 10px 4px 10px
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
  width: 85%;
  padding-right: 15px
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  position: relative;
  margin: 0;
  padding: .4em;
  display: inline-block
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
  position: absolute;
  top: 10px;
  right: 10px
}*/
/*+++---------------------------+++*/
.ui-autocomplete-dropdown.ui-button.ui-state-default {
    border-color: #6B757C; }

/*+++---------------------------+++*/
.ui-datepicker-trigger.ui-button {
    border-left: none; }
.ui-datepicker-trigger.ui-button.ui-state-default {
    border-color: #515758; }

/*+++---------------------------+++*/
.ui-widget-content.ui-panelgrid-even,
.ui-widget-content.ui-panelgrid-odd {
    display: flex;
    align-items: center;
    background: none; }

/*+++---------------------------+++*/
.ui-panelgrid .ui-panelgrid-cell {
    border: none !important;
    padding: 10px !important; }

/*+++---------------------------+++*/
.ui-paginator-rpp-options.ui-state-hover {
    color: #515758;
    background: white !important; }
.ui-paginator-rpp-options.ui-state-focus {
    color: #515758;
    background: #f5ffff !important; }

/*+++---------------------------+++*/
.ui-inputswitch {
    display: inline-block;
    padding: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    height: 24px;
    border-radius: 15px;
    border: 1px solid #cdd6e4; }

.ui-inputswitch .ui-inputswitch-on,
.ui-inputswitch .ui-inputswitch-off {
    white-space: nowrap;
    display: block;
    position: absolute;
    top: 0;
    width: auto;
    overflow: hidden;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    font-weight: bold;
    height: 20px;
    padding-top: 4px; }

.ui-inputswitch .ui-inputswitch-off {
    right: 0;
    text-align: right;
    box-shadow: none !important; }

.ui-inputswitch .ui-inputswitch-off span {
    display: inline-block;
    text-align: center;
    padding-left: 2px;
    padding-right: 3px; }

.ui-inputswitch .ui-inputswitch-on {
    left: 0;
    padding-right: 10px;
    border: 0 none;
    padding-top: 2px;
    height: 100% !important;
    box-shadow: none !important;
    background: #1092d1;
    color: white !important;
    text-shadow: none !important; }

.ui-inputswitch .ui-inputswitch-on span {
    display: inline-block;
    text-align: center;
    padding-left: 3px;
    padding-right: 2px; }

.ui-inputswitch .ui-inputswitch-handle {
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    border-top: 0 none;
    border-bottom: 0 none;
    border-radius: 50%;
    border-color: #cdd6e4;
    box-shadow: 0 0 6px grey !important; }
.ui-inputswitch .ui-inputswitch-handle.ui-state-focus {
    background: #eef1f6 !important; }

.ui-panelgrid-cell .ui-widget-header {
    background: #f5f5f5 !important; }
.ui-panelgrid-cell div > .ui-chkbox-box {
    margin-right: 15px !important; }

.ui-messages-error,
.ui-message-error {
    font-weight: bold;
    color: #bf1425;
    background-color: #f9c0c6;
    border-color: #d71629; }

.spinner-block + .ui-blockui-content.ui-widget.ui-widget-content {
    background: none !important;
    box-shadow: none !important;
    /*left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: auto auto !important;
    position: fixed !important;*/ }

.nav-shadow {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.75); }

.nombreUsuario {
    text-align: right;
    border-right: 20px solid transparent;
    display: flex;
    justify-content: end;
    align-items: center; }

#spx-header {
    /*height: 89px;*/
    height: 54px;
    color: white;
    background: #09162a;
    border: none;
    border-bottom: 1px solid #09162a; }
#spx-header .spx-top {
    height: 54px;
    background-image: url("#{resource['images:banner-top-spx.png']}"); }
#spx-header .spx-top--image {
    margin-left: 50px;
    height: 100%; }
#spx-header .spx-top--image img {
    margin-top: 8px;
    transition: .4s all ease-in-out; }
#spx-header .spx-top--image img:hover {
    transform: scale(0.9); }
#spx-header .gs-navbar-block {
    height: 35px;
    background: #204294; }
#spx-header .gs-navbar-block .nav-block {
    position: relative;
    height: 100%; }
#spx-header .gs-navbar-block .nav-block .nav-block--menu {
    position: absolute;
    z-index: 9999; }

.ui-panelgrid .ui-panelgrid-cell.spx--block-notes {
    border: 1px solid #dde2e7 !important;
    border-left-width: 15px !important; }

.spx-card {
    height: auto;
    min-height: 50px;
    width: 100%;
    display: block;
    float: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: white;
    margin-top: 20px; }
.spx-card__title {
    text-transform: uppercase;
    font-weight: bold;
    color: #515758;
    font-size: 1.25em !important;
    border-bottom: 1px solid lightgray;
    padding: 8px;
    display: inline-block !important; }
.spx-card .ui-tabs-panels {
    background: white !important;
    padding: 0 .2em !important;
    width: 100% !important;
    border: 1px solid #bfc9d2 !important;
    border-top: none !important; }

.commodities-block .commodities-row--list li {
    list-style: none !important;
    border-bottom: 1px solid #dde2e7 !important; }
.commodities-block .commodities-row--list li:first-child {
    border-bottom: none !important; }
.commodities-block .commodities-row--list li:last-child {
    border-bottom: none !important; }

.commodities-row--list div.ui-chkbox.ui-widget {
    list-style: none !important;
    border-bottom: 1px solid #dde2e7 !important; }
.commodities-row--list div.ui-chkbox.ui-widget:last-child {
    border-bottom: none !important; }

.spx-card-header {
    height: 50px;
    border: 1px solid white;
    background: #fafafa;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
.spx-card-header__title {
    color: #1092d1;
    font-size: 1.2em !important;
    font-family: "Arial Black", sans-serif !important;
    line-height: 2.8em;
    font-weight: 900 !important;
    text-indent: 1em;
    text-transform: uppercase; }
.spx-card-header__title h3 {
    margin: 0; }

.spx-card-menu {
    height: 40px;
    width: 100%;
    background: #5f6a72; }
.spx-card-menu ul {
    height: 100%;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    background: darkcyan;
    margin: 0; }

.spx-card-menu {
    width: 100%; }

.spx-card-stage {
    height: 100%;
    width: 100%;
    border: 5px solid white;
    border-top: 1px solid #e5e5e5;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f9f9f9; }
.spx-card-stage .ui-widget-content.ui-panel {
    background: none !important; }

.spx-module-wrapper .spx-module:not(:first-child) {
    margin-top: 10px; }

.spx-module {
    min-height: 200px;
    border: 1px solid #dde2e7;
    border-top: none;
    background: white; }

.spx-module-header {
    height: 40px;
    width: 100%;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-bottom: 1px solid #dde2e7;
    font-weight: bold;
    color: #5f6a72;
    font-size: 16px;
    line-height: 4rem;
    text-transform: uppercase;
    background: #f0f0f0; }

.spx-module-stage {
    padding-top: 10px;
    padding-bottom: 10px; }

.spx-subhead {
    height: 50px;
    display: flex;
    align-items: center;
    background: white; }

.news__items {
    border-bottom: 1px solid #f0f0f0;
    padding: 5px 0;
    float: left; }
.news__items:last-child {
    border: none; }

.contenedor {
    margin-bottom: 100px; }

.block-templetes {
    background: #eef1f6; }

/* ELEMENTS */
.spx-card-menu__item {
    width: 100%;
    background: #5f6a72;
    border-left: 1px solid #485056;
    list-style-type: none;
    color: white;
    text-align: center;
    padding-top: 13px;
    font-size: 11px; }
.spx-card-menu__item:first-child {
    border-left: none; }

.spx-label {
    text-transform: capitalize;
    text-align: center;
    padding: 5px 0;
    background: #f9f9f9;
    margin-top: 10px; }

.spx-addFile__txt {
    text-transform: capitalize;
    font-weight: bold;
    color: #5f6a72;
    border-right: 1px solid #f0f0f0; }
.spx-addFile__txt > i {
    margin-right: 1rem; }

.card-title {
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    color: #6c7377;
    margin-left: 5%; }

.separador-inline {
    height: 1px;
    width: 90%;
    margin-left: 5%;
    margin-bottom: 10px;
    background: #dde2e7; }

.home--flag {
    position: absolute;
    height: 36px;
    width: 36px;
    border: 4px solid white;
    border-radius: 100%;
    margin-top: -21px;
    margin-right: -21px;
    display: flex;
    align-items: center;
    justify-items: center;
    background: #f9f9f9;
    top: 0;
    right: 0; }

.news__img {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-items: center; }

.news__headline {
    font-weight: bold; }

.news__subhead {
    font-size: 11px;
    color: #858a8b; }

/* MODIFIERS */
.spx-card__home {
    max-height: 65px !important;
    height: 65px !important; }

.stage__graphic {
    background: white; }

.spx-card--shadow {
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }

.spx-card-stage.stage__square {
    border: 5px solid white; }

.spx-card__home .spx-card-stage {
    position: relative;
    border-top: 5px solid white;
    padding: 0;
    display: flex;
    align-items: center; }
.spx-card__home .spx-card-stage .fa {
    font-size: 1.3em;
    color: #949494;
    transition: all .4s ease-in-out;
    cursor: pointer; }
.spx-card__home .spx-card-stage .fa:hover {
    font-size: 1.4em;
    color: #00508a; }

.spx-module--txt {
    color: #5f6a72;
    margin-top: 10px;
    text-transform: capitalize; }

.top-border-5 {
    border-top: 5px solid white; }

.no-round-borders-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.task__num {
    height: 20px;
    width: 20px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    background: #dde2e7; }

.task__task {
    width: 90%;
    margin-left: 5%;
    background: white;
    border-bottom: 1px solid #dde2e7;
    padding: 10px 0 10px 10px;
    font-size: 11px; }

.spx--input__focus {
    background-color: #f5ffff;
    border-color: #1092d1; }

.spx--input__error {
    background-color: rgba(232, 30, 50, 0.15);
    border-color: #e81e32; }

.spx--input__disabled {
    opacity: .25;
    cursor: not-allowed; }

.spx--btn__default,
a.spx--btn__default {
    color: #515758;
    background-color: #f0f0f0;
    border-color: #515758; }

.spx--btn__primary,
a.spx--btn__primary {
    color: white;
    background-color: #204294;
    border-color: #204294; }

.spx--btn__secundary,
a.spx--btn__secundary {
    color: white;
    background-color: #515758;
    border-color: #515758; }

.spx--btn__success {
    color: white;
    background-color: #009d5f;
    border-color: #009d5f; }

.spx--btn__alert {
    color: white;
    background-color: #e81e32;
    border-color: #e81e32; }

.spx--btn__warning,
a.spx--btn__warning {
    color: white;
    background-color: #FB8C00;
    border-color: #FB8C00; }

.spx--btn__disabled {
    color: white;
    background-color: #1092d1;
    border-color: #1092d1;
    opacity: .25;
    cursor: not-allowed; }

.spx--btn__default.btn__hollow {
    color: #515758;
    background-color: transparent;
    border-color: #515758; }

.spx--btn__primary.btn__hollow {
    color: #515758;
    background-color: transparent;
    border-color: #204294; }

.spx--btn__secundary.btn__hollow {
    color: #515758;
    background-color: transparent;
    border-color: #515758; }

.spx--btn__success.btn__hollow {
    color: #515758;
    background-color: transparent;
    border-color: #009d5f; }

.spx--btn__alert.btn__hollow {
    color: #515758;
    background-color: transparent;
    border-color: #e81e32; }

.spx--btn__warning.btn__hollow {
    color: #515758;
    background-color: transparent;
    border-color: #FB8C00; }

.spx--btn__disabled.btn__hollow {
    color: #515758;
    background-color: transparent;
    border-color: #1092d1;
    opacity: .25;
    cursor: not-allowed; }

.spx__page-title {
    color: #204294;
    font-size: 1.5em !important;
    font-family: "Arial Black", sans-serif !important;
    line-height: normal;
    font-weight: 900 !important;
    text-transform: uppercase;
    margin-bottom: 0; }
.spx__page-title > h4 {
    border-bottom: 1px solid #858a8b;
    display: inline-block;
    padding: 0 5px 5px 0; }

.modulo__subtitulo {
    text-transform: uppercase; }

.spx__divider-grey-mid {
    border-bottom: 1px solid #cdd6e4 !important; }

.label-ontop {
    text-align: center; }

.width100 {
    width: 95%; }

.div-inline {
    display: inline-block; }

.pipelinea {
    width: 1px;
    display: inline-block;
    border-left: 1px solid white;
    margin-left: 5px;
    margin-right: 5px;
    float: left; }

.round-corners {
    border-radius: 3px !important; }

.info-supplier-icon {
    margin-top: 0;
    text-align: center;
    float: left; }

.bg-absolute-line {
    position: absolute;
    height: 1px;
    width: 100%; }

.spx--material-card {
    /*#f5f5f5*/
    /*#fafafa*/
    /*#fdfdfd*/ }
.spx--material-card__header {
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #bfc9d2; }
.spx--material-card__body {
    background: #fafafa;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }
.spx--material-card__footer {
    background: #fdfdfd;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }

.spx--material-card__body ~ .spx--material-card__header {
    margin-top: 20px; }

#lyoCenter, #lyoCenter > .ui-widget-content {
    padding: 0;
    background: none; }

.mt-0 {
    margin-top: 0px !important; }

.mt-5 {
    margin-top: 5px !important; }

.mt-10 {
    margin-top: 10px !important; }

.mt-15 {
    margin-top: 15px !important; }

.mt-20 {
    margin-top: 20px !important; }

.mt-25 {
    margin-top: 25px !important; }

.mt-30 {
    margin-top: 30px !important; }

.mt-35 {
    margin-top: 35px !important; }

.mt-40 {
    margin-top: 40px !important; }

.mt-45 {
    margin-top: 45px !important; }

.mt-50 {
    margin-top: 50px !important; }

.mt-55 {
    margin-top: 55px !important; }

.mt-60 {
    margin-top: 60px !important; }

.mt-65 {
    margin-top: 65px !important; }

.mt-70 {
    margin-top: 70px !important; }

.mt-75 {
    margin-top: 75px !important; }

.mt-80 {
    margin-top: 80px !important; }

.mt-85 {
    margin-top: 85px !important; }

.mt-90 {
    margin-top: 90px !important; }

.mt-95 {
    margin-top: 95px !important; }

.mt-100 {
    margin-top: 100px !important; }

.mt-105 {
    margin-top: 105px !important; }

.mt-110 {
    margin-top: 110px !important; }

.mt-115 {
    margin-top: 115px !important; }

.mt-120 {
    margin-top: 120px !important; }

.mt-125 {
    margin-top: 125px !important; }

.mt-130 {
    margin-top: 130px !important; }

.mt-135 {
    margin-top: 135px !important; }

.mt-140 {
    margin-top: 140px !important; }

.mt-145 {
    margin-top: 145px !important; }

.mt-150 {
    margin-top: 150px !important; }

.mt-155 {
    margin-top: 155px !important; }

.mt-160 {
    margin-top: 160px !important; }

.mt-165 {
    margin-top: 165px !important; }

.mt-170 {
    margin-top: 170px !important; }

.mt-175 {
    margin-top: 175px !important; }

.mt-180 {
    margin-top: 180px !important; }

.mt-185 {
    margin-top: 185px !important; }

.mt-190 {
    margin-top: 190px !important; }

.mt-195 {
    margin-top: 195px !important; }

.mt-200 {
    margin-top: 200px !important; }

.mr-0 {
    margin-right: 0px !important; }

.mr-5 {
    margin-right: 5px !important; }

.mr-10 {
    margin-right: 10px !important; }

.mr-15 {
    margin-right: 15px !important; }

.mr-20 {
    margin-right: 20px !important; }

.mr-25 {
    margin-right: 25px !important; }

.mr-30 {
    margin-right: 30px !important; }

.mr-35 {
    margin-right: 35px !important; }

.mr-40 {
    margin-right: 40px !important; }

.mr-45 {
    margin-right: 45px !important; }

.mr-50 {
    margin-right: 50px !important; }

.mr-55 {
    margin-right: 55px !important; }

.mr-60 {
    margin-right: 60px !important; }

.mr-65 {
    margin-right: 65px !important; }

.mr-70 {
    margin-right: 70px !important; }

.mr-75 {
    margin-right: 75px !important; }

.mr-80 {
    margin-right: 80px !important; }

.mr-85 {
    margin-right: 85px !important; }

.mr-90 {
    margin-right: 90px !important; }

.mr-95 {
    margin-right: 95px !important; }

.mr-100 {
    margin-right: 100px !important; }

.mr-105 {
    margin-right: 105px !important; }

.mr-110 {
    margin-right: 110px !important; }

.mr-115 {
    margin-right: 115px !important; }

.mr-120 {
    margin-right: 120px !important; }

.mr-125 {
    margin-right: 125px !important; }

.mr-130 {
    margin-right: 130px !important; }

.mr-135 {
    margin-right: 135px !important; }

.mr-140 {
    margin-right: 140px !important; }

.mr-145 {
    margin-right: 145px !important; }

.mr-150 {
    margin-right: 150px !important; }

.mr-155 {
    margin-right: 155px !important; }

.mr-160 {
    margin-right: 160px !important; }

.mr-165 {
    margin-right: 165px !important; }

.mr-170 {
    margin-right: 170px !important; }

.mr-175 {
    margin-right: 175px !important; }

.mr-180 {
    margin-right: 180px !important; }

.mr-185 {
    margin-right: 185px !important; }

.mr-190 {
    margin-right: 190px !important; }

.mr-195 {
    margin-right: 195px !important; }

.mr-200 {
    margin-right: 200px !important; }

.mb-0 {
    margin-bottom: 0px !important; }

.mb-5 {
    margin-bottom: 5px !important; }

.mb-10 {
    margin-bottom: 10px !important; }

.mb-15 {
    margin-bottom: 15px !important; }

.mb-20 {
    margin-bottom: 20px !important; }

.mb-25 {
    margin-bottom: 25px !important; }

.mb-30 {
    margin-bottom: 30px !important; }

.mb-35 {
    margin-bottom: 35px !important; }

.mb-40 {
    margin-bottom: 40px !important; }

.mb-45 {
    margin-bottom: 45px !important; }

.mb-50 {
    margin-bottom: 50px !important; }

.mb-55 {
    margin-bottom: 55px !important; }

.mb-60 {
    margin-bottom: 60px !important; }

.mb-65 {
    margin-bottom: 65px !important; }

.mb-70 {
    margin-bottom: 70px !important; }

.mb-75 {
    margin-bottom: 75px !important; }

.mb-80 {
    margin-bottom: 80px !important; }

.mb-85 {
    margin-bottom: 85px !important; }

.mb-90 {
    margin-bottom: 90px !important; }

.mb-95 {
    margin-bottom: 95px !important; }

.mb-100 {
    margin-bottom: 100px !important; }

.mb-105 {
    margin-bottom: 105px !important; }

.mb-110 {
    margin-bottom: 110px !important; }

.mb-115 {
    margin-bottom: 115px !important; }

.mb-120 {
    margin-bottom: 120px !important; }

.mb-125 {
    margin-bottom: 125px !important; }

.mb-130 {
    margin-bottom: 130px !important; }

.mb-135 {
    margin-bottom: 135px !important; }

.mb-140 {
    margin-bottom: 140px !important; }

.mb-145 {
    margin-bottom: 145px !important; }

.mb-150 {
    margin-bottom: 150px !important; }

.mb-155 {
    margin-bottom: 155px !important; }

.mb-160 {
    margin-bottom: 160px !important; }

.mb-165 {
    margin-bottom: 165px !important; }

.mb-170 {
    margin-bottom: 170px !important; }

.mb-175 {
    margin-bottom: 175px !important; }

.mb-180 {
    margin-bottom: 180px !important; }

.mb-185 {
    margin-bottom: 185px !important; }

.mb-190 {
    margin-bottom: 190px !important; }

.mb-195 {
    margin-bottom: 195px !important; }

.mb-200 {
    margin-bottom: 200px !important; }

.ml-0 {
    margin-left: 0px !important; }

.ml-5 {
    margin-left: 5px !important; }

.ml-10 {
    margin-left: 10px !important; }

.ml-15 {
    margin-left: 15px !important; }

.ml-20 {
    margin-left: 20px !important; }

.ml-25 {
    margin-left: 25px !important; }

.ml-30 {
    margin-left: 30px !important; }

.ml-35 {
    margin-left: 35px !important; }

.ml-40 {
    margin-left: 40px !important; }

.ml-45 {
    margin-left: 45px !important; }

.ml-50 {
    margin-left: 50px !important; }

.ml-55 {
    margin-left: 55px !important; }

.ml-60 {
    margin-left: 60px !important; }

.ml-65 {
    margin-left: 65px !important; }

.ml-70 {
    margin-left: 70px !important; }

.ml-75 {
    margin-left: 75px !important; }

.ml-80 {
    margin-left: 80px !important; }

.ml-85 {
    margin-left: 85px !important; }

.ml-90 {
    margin-left: 90px !important; }

.ml-95 {
    margin-left: 95px !important; }

.ml-100 {
    margin-left: 100px !important; }

.ml-105 {
    margin-left: 105px !important; }

.ml-110 {
    margin-left: 110px !important; }

.ml-115 {
    margin-left: 115px !important; }

.ml-120 {
    margin-left: 120px !important; }

.ml-125 {
    margin-left: 125px !important; }

.ml-130 {
    margin-left: 130px !important; }

.ml-135 {
    margin-left: 135px !important; }

.ml-140 {
    margin-left: 140px !important; }

.ml-145 {
    margin-left: 145px !important; }

.ml-150 {
    margin-left: 150px !important; }

.ml-155 {
    margin-left: 155px !important; }

.ml-160 {
    margin-left: 160px !important; }

.ml-165 {
    margin-left: 165px !important; }

.ml-170 {
    margin-left: 170px !important; }

.ml-175 {
    margin-left: 175px !important; }

.ml-180 {
    margin-left: 180px !important; }

.ml-185 {
    margin-left: 185px !important; }

.ml-190 {
    margin-left: 190px !important; }

.ml-195 {
    margin-left: 195px !important; }

.ml-200 {
    margin-left: 200px !important; }

.m-0 {
    margin: 0px !important; }

.m-5 {
    margin: 5px !important; }

.m-10 {
    margin: 10px !important; }

.m-15 {
    margin: 15px !important; }

.m-20 {
    margin: 20px !important; }

.m-25 {
    margin: 25px !important; }

.m-30 {
    margin: 30px !important; }

.m-35 {
    margin: 35px !important; }

.m-40 {
    margin: 40px !important; }

.m-45 {
    margin: 45px !important; }

.m-50 {
    margin: 50px !important; }

.m-55 {
    margin: 55px !important; }

.m-60 {
    margin: 60px !important; }

.m-65 {
    margin: 65px !important; }

.m-70 {
    margin: 70px !important; }

.m-75 {
    margin: 75px !important; }

.m-80 {
    margin: 80px !important; }

.m-85 {
    margin: 85px !important; }

.m-90 {
    margin: 90px !important; }

.m-95 {
    margin: 95px !important; }

.m-100 {
    margin: 100px !important; }

.m-105 {
    margin: 105px !important; }

.m-110 {
    margin: 110px !important; }

.m-115 {
    margin: 115px !important; }

.m-120 {
    margin: 120px !important; }

.m-125 {
    margin: 125px !important; }

.m-130 {
    margin: 130px !important; }

.m-135 {
    margin: 135px !important; }

.m-140 {
    margin: 140px !important; }

.m-145 {
    margin: 145px !important; }

.m-150 {
    margin: 150px !important; }

.m-155 {
    margin: 155px !important; }

.m-160 {
    margin: 160px !important; }

.m-165 {
    margin: 165px !important; }

.m-170 {
    margin: 170px !important; }

.m-175 {
    margin: 175px !important; }

.m-180 {
    margin: 180px !important; }

.m-185 {
    margin: 185px !important; }

.m-190 {
    margin: 190px !important; }

.m-195 {
    margin: 195px !important; }

.m-200 {
    margin: 200px !important; }

.pt-0 {
    padding-top: 0px !important; }

.pt-5 {
    padding-top: 5px !important; }

.pt-10 {
    padding-top: 10px !important; }

.pt-15 {
    padding-top: 15px !important; }

.pt-20 {
    padding-top: 20px !important; }

.pt-25 {
    padding-top: 25px !important; }

.pt-30 {
    padding-top: 30px !important; }

.pt-35 {
    padding-top: 35px !important; }

.pt-40 {
    padding-top: 40px !important; }

.pt-45 {
    padding-top: 45px !important; }

.pt-50 {
    padding-top: 50px !important; }

.pt-55 {
    padding-top: 55px !important; }

.pt-60 {
    padding-top: 60px !important; }

.pt-65 {
    padding-top: 65px !important; }

.pt-70 {
    padding-top: 70px !important; }

.pt-75 {
    padding-top: 75px !important; }

.pt-80 {
    padding-top: 80px !important; }

.pt-85 {
    padding-top: 85px !important; }

.pt-90 {
    padding-top: 90px !important; }

.pt-95 {
    padding-top: 95px !important; }

.pt-100 {
    padding-top: 100px !important; }

.pt-105 {
    padding-top: 105px !important; }

.pt-110 {
    padding-top: 110px !important; }

.pt-115 {
    padding-top: 115px !important; }

.pt-120 {
    padding-top: 120px !important; }

.pt-125 {
    padding-top: 125px !important; }

.pt-130 {
    padding-top: 130px !important; }

.pt-135 {
    padding-top: 135px !important; }

.pt-140 {
    padding-top: 140px !important; }

.pt-145 {
    padding-top: 145px !important; }

.pt-150 {
    padding-top: 150px !important; }

.pt-155 {
    padding-top: 155px !important; }

.pt-160 {
    padding-top: 160px !important; }

.pt-165 {
    padding-top: 165px !important; }

.pt-170 {
    padding-top: 170px !important; }

.pt-175 {
    padding-top: 175px !important; }

.pt-180 {
    padding-top: 180px !important; }

.pt-185 {
    padding-top: 185px !important; }

.pt-190 {
    padding-top: 190px !important; }

.pt-195 {
    padding-top: 195px !important; }

.pt-200 {
    padding-top: 200px !important; }

.pr-0 {
    padding-right: 0px !important; }

.pr-5 {
    padding-right: 5px !important; }

.pr-10 {
    padding-right: 10px !important; }

.pr-15 {
    padding-right: 15px !important; }

.pr-20 {
    padding-right: 20px !important; }

.pr-25 {
    padding-right: 25px !important; }

.pr-30 {
    padding-right: 30px !important; }

.pr-35 {
    padding-right: 35px !important; }

.pr-40 {
    padding-right: 40px !important; }

.pr-45 {
    padding-right: 45px !important; }

.pr-50 {
    padding-right: 50px !important; }

.pr-55 {
    padding-right: 55px !important; }

.pr-60 {
    padding-right: 60px !important; }

.pr-65 {
    padding-right: 65px !important; }

.pr-70 {
    padding-right: 70px !important; }

.pr-75 {
    padding-right: 75px !important; }

.pr-80 {
    padding-right: 80px !important; }

.pr-85 {
    padding-right: 85px !important; }

.pr-90 {
    padding-right: 90px !important; }

.pr-95 {
    padding-right: 95px !important; }

.pr-100 {
    padding-right: 100px !important; }

.pr-105 {
    padding-right: 105px !important; }

.pr-110 {
    padding-right: 110px !important; }

.pr-115 {
    padding-right: 115px !important; }

.pr-120 {
    padding-right: 120px !important; }

.pr-125 {
    padding-right: 125px !important; }

.pr-130 {
    padding-right: 130px !important; }

.pr-135 {
    padding-right: 135px !important; }

.pr-140 {
    padding-right: 140px !important; }

.pr-145 {
    padding-right: 145px !important; }

.pr-150 {
    padding-right: 150px !important; }

.pr-155 {
    padding-right: 155px !important; }

.pr-160 {
    padding-right: 160px !important; }

.pr-165 {
    padding-right: 165px !important; }

.pr-170 {
    padding-right: 170px !important; }

.pr-175 {
    padding-right: 175px !important; }

.pr-180 {
    padding-right: 180px !important; }

.pr-185 {
    padding-right: 185px !important; }

.pr-190 {
    padding-right: 190px !important; }

.pr-195 {
    padding-right: 195px !important; }

.pr-200 {
    padding-right: 200px !important; }

.pb-0 {
    padding-bottom: 0px !important; }

.pb-5 {
    padding-bottom: 5px !important; }

.pb-10 {
    padding-bottom: 10px !important; }

.pb-15 {
    padding-bottom: 15px !important; }

.pb-20 {
    padding-bottom: 20px !important; }

.pb-25 {
    padding-bottom: 25px !important; }

.pb-30 {
    padding-bottom: 30px !important; }

.pb-35 {
    padding-bottom: 35px !important; }

.pb-40 {
    padding-bottom: 40px !important; }

.pb-45 {
    padding-bottom: 45px !important; }

.pb-50 {
    padding-bottom: 50px !important; }

.pb-55 {
    padding-bottom: 55px !important; }

.pb-60 {
    padding-bottom: 60px !important; }

.pb-65 {
    padding-bottom: 65px !important; }

.pb-70 {
    padding-bottom: 70px !important; }

.pb-75 {
    padding-bottom: 75px !important; }

.pb-80 {
    padding-bottom: 80px !important; }

.pb-85 {
    padding-bottom: 85px !important; }

.pb-90 {
    padding-bottom: 90px !important; }

.pb-95 {
    padding-bottom: 95px !important; }

.pb-100 {
    padding-bottom: 100px !important; }

.pb-105 {
    padding-bottom: 105px !important; }

.pb-110 {
    padding-bottom: 110px !important; }

.pb-115 {
    padding-bottom: 115px !important; }

.pb-120 {
    padding-bottom: 120px !important; }

.pb-125 {
    padding-bottom: 125px !important; }

.pb-130 {
    padding-bottom: 130px !important; }

.pb-135 {
    padding-bottom: 135px !important; }

.pb-140 {
    padding-bottom: 140px !important; }

.pb-145 {
    padding-bottom: 145px !important; }

.pb-150 {
    padding-bottom: 150px !important; }

.pb-155 {
    padding-bottom: 155px !important; }

.pb-160 {
    padding-bottom: 160px !important; }

.pb-165 {
    padding-bottom: 165px !important; }

.pb-170 {
    padding-bottom: 170px !important; }

.pb-175 {
    padding-bottom: 175px !important; }

.pb-180 {
    padding-bottom: 180px !important; }

.pb-185 {
    padding-bottom: 185px !important; }

.pb-190 {
    padding-bottom: 190px !important; }

.pb-195 {
    padding-bottom: 195px !important; }

.pb-200 {
    padding-bottom: 200px !important; }

.pl-0 {
    padding-left: 0px !important; }

.pl-5 {
    padding-left: 5px !important; }

.pl-10 {
    padding-left: 10px !important; }

.pl-15 {
    padding-left: 15px !important; }

.pl-20 {
    padding-left: 20px !important; }

.pl-25 {
    padding-left: 25px !important; }

.pl-30 {
    padding-left: 30px !important; }

.pl-35 {
    padding-left: 35px !important; }

.pl-40 {
    padding-left: 40px !important; }

.pl-45 {
    padding-left: 45px !important; }

.pl-50 {
    padding-left: 50px !important; }

.pl-55 {
    padding-left: 55px !important; }

.pl-60 {
    padding-left: 60px !important; }

.pl-65 {
    padding-left: 65px !important; }

.pl-70 {
    padding-left: 70px !important; }

.pl-75 {
    padding-left: 75px !important; }

.pl-80 {
    padding-left: 80px !important; }

.pl-85 {
    padding-left: 85px !important; }

.pl-90 {
    padding-left: 90px !important; }

.pl-95 {
    padding-left: 95px !important; }

.pl-100 {
    padding-left: 100px !important; }

.pl-105 {
    padding-left: 105px !important; }

.pl-110 {
    padding-left: 110px !important; }

.pl-115 {
    padding-left: 115px !important; }

.pl-120 {
    padding-left: 120px !important; }

.pl-125 {
    padding-left: 125px !important; }

.pl-130 {
    padding-left: 130px !important; }

.pl-135 {
    padding-left: 135px !important; }

.pl-140 {
    padding-left: 140px !important; }

.pl-145 {
    padding-left: 145px !important; }

.pl-150 {
    padding-left: 150px !important; }

.pl-155 {
    padding-left: 155px !important; }

.pl-160 {
    padding-left: 160px !important; }

.pl-165 {
    padding-left: 165px !important; }

.pl-170 {
    padding-left: 170px !important; }

.pl-175 {
    padding-left: 175px !important; }

.pl-180 {
    padding-left: 180px !important; }

.pl-185 {
    padding-left: 185px !important; }

.pl-190 {
    padding-left: 190px !important; }

.pl-195 {
    padding-left: 195px !important; }

.pl-200 {
    padding-left: 200px !important; }

.p-0 {
    padding: 0px !important; }

.p-5 {
    padding: 5px !important; }

.p-10 {
    padding: 10px !important; }

.p-15 {
    padding: 15px !important; }

.p-20 {
    padding: 20px !important; }

.p-25 {
    padding: 25px !important; }

.p-30 {
    padding: 30px !important; }

.p-35 {
    padding: 35px !important; }

.p-40 {
    padding: 40px !important; }

.p-45 {
    padding: 45px !important; }

.p-50 {
    padding: 50px !important; }

.p-55 {
    padding: 55px !important; }

.p-60 {
    padding: 60px !important; }

.p-65 {
    padding: 65px !important; }

.p-70 {
    padding: 70px !important; }

.p-75 {
    padding: 75px !important; }

.p-80 {
    padding: 80px !important; }

.p-85 {
    padding: 85px !important; }

.p-90 {
    padding: 90px !important; }

.p-95 {
    padding: 95px !important; }

.p-100 {
    padding: 100px !important; }

.p-105 {
    padding: 105px !important; }

.p-110 {
    padding: 110px !important; }

.p-115 {
    padding: 115px !important; }

.p-120 {
    padding: 120px !important; }

.p-125 {
    padding: 125px !important; }

.p-130 {
    padding: 130px !important; }

.p-135 {
    padding: 135px !important; }

.p-140 {
    padding: 140px !important; }

.p-145 {
    padding: 145px !important; }

.p-150 {
    padding: 150px !important; }

.p-155 {
    padding: 155px !important; }

.p-160 {
    padding: 160px !important; }

.p-165 {
    padding: 165px !important; }

.p-170 {
    padding: 170px !important; }

.p-175 {
    padding: 175px !important; }

.p-180 {
    padding: 180px !important; }

.p-185 {
    padding: 185px !important; }

.p-190 {
    padding: 190px !important; }

.p-195 {
    padding: 195px !important; }

.p-200 {
    padding: 200px !important; }

.ui-inputfield, input {
    margin: 0;
    outline: medium none;
    padding: 4px;
    font-weight: normal;
    height: 30px !important;
    padding: 4px !important;
    box-sizing: border-box; }
.ui-inputfield.ui-state-default, input.ui-state-default {
    border: 1px solid #bfc9d2;
    color: #515758;
    background: #FFF; }
.ui-inputfield.ui-state-hover, input.ui-state-hover {
    border: 1px solid #515758;
    color: #515758;
    background: #FFF; }
.ui-inputfield.ui-state-focus, input.ui-state-focus {
    border: 1px solid #1092d1;
    color: #515758;
    background: #FFF; }
.ui-inputfield.hasDatepicker, input.hasDatepicker {
    float: left; }

/*INPUTS*/
/*input.hasDatepicker { max-height: 18px !important; }
.ui-inputfield { transition: .4s all ease-in-out; }

.ui-inputfield { padding: 2px; }
input.ui-inputfield { !*min-height: 18px;*! padding: 2px; border-radius: 0; }

input.ui-widget, textarea.ui-widget, .ui-inputfield,
input.ui-widget-content{
  color: #555; background-color: #fff !important; background-image: none;
  border: 1px solid $metalsa-grey-mid; border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ui-inputfield.ui-widget, .ui-inputfield.ui-widget-content {
  &.ui-state-hover { border-color: $metalsa-cyan; color: $metalsa-grey !important; }
  &.ui-state-focus { background-color: $spx-inputs-bg-focus !important; border-color: $metalsa-cyan !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.1) !important; color: $metalsa-blue !important;  }
}*/
.ui-datatable-data td input, .ui-datatable-data td textarea {
    width: 100% !important; }
.ui-datatable-data td input.hasDatepicker, .ui-datatable-data td textarea.hasDatepicker {
    width: 60% !important; }

.ui-selectonemenu {
    display: inline-block;
    position: relative;
    width: auto;
    zoom: 1;
    cursor: pointer;
    padding-right: 2em;
    height: 30px; }
.ui-selectonemenu > .ui-inputfield {
    height: 30px;
    line-height: 1.7; }
.ui-selectonemenu.ui-state-default {
    border: 1px solid #bfc9d2;
    color: #515758;
    background: #FFF; }
.ui-selectonemenu.ui-state-hover {
    border: 1px solid #515758;
    color: #515758;
    background: #FFF; }
.ui-selectonemenu.ui-state-focus {
    border: 1px solid #1092d1;
    color: #515758;
    background: #FFF; }

.ui-selectonemenu label.ui-selectonemenu-label {
    cursor: pointer; }

.ui-selectonemenu .ui-selectonemenu-label {
    display: block;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    width: 100%;
    text-align: left; }

.ui-selectonemenu .ui-selectonemenu-trigger {
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    cursor: pointer;
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 3px;
    display: flex;
    justify-content: center;
    align-items: center; }

.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border-color: #bfc9d2;
    transition: 0.4s all ease-in-out; }
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover {
    color: #FFF;
    background: #515758; }
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus {
    color: #FFF;
    background: #204294; }

/*
.ui-selectonemenu { display: inline-block; position: relative; width: auto; zoom: 1; cursor: pointer; padding-right: 2em;
  max-width: 76% !important;
  &.ui-state-hover { border-color: $metalsa-grey-mid; background: transparent !important; }
}

.ui-selectonemenu .ui-selectonemenu-trigger {
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  cursor: pointer;
  width: 16px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 3px
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 5px !important; text-align: center;
}

.ui-selectonemenu .ui-selectonemenu-label {
  display: block;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  width: 100%;
  text-align: left;
  box-shadow: none;
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger,
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
  cursor: default;
}


.ui-selectonemenu-trigger { transition: background-color .4s ease-in-out; border: none;
  &.ui-state-default { background: white; color: $metalsa-grey-mid; }
  &.ui-state-hover { background: $metalsa-grey-mid; color: white; }
  &.ui-state-focus { background: $vp-body-bg; color: white; }
}

.ui-selectonemenu label.ui-selectonemenu-label {
  cursor: pointer
}

.ui-selectonemenu input.ui-selectonemenu-label {
  cursor: default
}

.ui-selectonemenu-panel { position: absolute; height: auto; !*min-width: 400px;*!
  &.ui-widget-content { border-color: $metalsa-white-grey; }
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
  overflow: auto
}

.ui-selectonemenu-panel .ui-selectonemenu-item {
  font-weight: normal;
  cursor: pointer
}

.ui-selectonemenu-panel .ui-selectonemenu-item-group {
  font-weight: bold
}

.ui-selectonemenu-panel .ui-selectonemenu-table {
  border-collapse: collapse;
  width: 100%
}

.ui-selectonemenu-panel .ui-selectonemenu-table td {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  padding: 4px 10px 4px 10px
}

*/
.ui-selectonemenu-panel .ui-selectonemenu-filter {
    width: 95%;
    padding-right: 15px; }

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    position: relative;
    margin: 0;
    padding: .4em;
    display: inline-block;
    width: 100%; }

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    position: absolute;
    top: 12px;
    right: 6px !important; }

.ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0 !important;
    margin: -1px 0px 0px;
    background: #f5f5f5;
    border: 0 none; }

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    border: 0 none;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    white-space: nowrap; }
.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight {
    padding: 8px;
    font-weight: bold;
    text-transform: uppercase; }
.ui-selectonemenu-panel .ui-selectonemenu-list-item:not(:first-child) {
    text-indent: 10px; }

.ui-selectcheckboxmenu {
    display: inline-block;
    position: relative;
    width: auto;
    zoom: 1;
    cursor: pointer; }
.ui-selectcheckboxmenu.ui-state-default {
    border: 1px solid #bfc9d2;
    color: #515758;
    background: #FFF; }
.ui-selectcheckboxmenu.ui-state-hover {
    border: 1px solid #515758;
    color: #515758;
    background: #FFF; }
.ui-selectcheckboxmenu.ui-state-focus {
    border: 1px solid #1092d1;
    color: #515758;
    background: #FFF; }
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    height: 30px;
    display: block;
    padding: 4px 32px 4px 4px !important;
    width: auto;
    border: 0;
    cursor: pointer;
    line-height: 1.8;
    box-sizing: border-box;
    font-weight: normal; }
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label.ui-state-hover {
    color: #515758;
    background: #FFF; }
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label.ui-state-focus {
    color: #515758;
    background: #FFF; }
.ui-selectcheckboxmenu label.ui-selectcheckboxmenu-label {
    margin-bottom: 0; }
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    cursor: pointer;
    width: 22px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 3px;
    display: flex;
    justify-content: center;
    align-items: center; }
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover {
    color: #FFF;
    background: #515758; }
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus {
    color: #FFF;
    background: #204294; }
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 3px; }

/*+++---------------------------+++*/
/*

.ui-selectcheckboxmenu {
  &.ui-state-default {  }
  &.ui-state-hover {  }
  &.ui-state-focus { background-color: $spx-inputs-bg-focus !important; border: none !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.1) !important; color: $metalsa-blue !important;  }

}

.ui-selectcheckboxmenu-label {
  &.ui-state-default { color: $metalsa-grey !important; }
  &.ui-state-hover { color: $metalsa-grey !important; background-color: $spx-inputs-bg-focus !important; border: transparent !important; }
  &.ui-state-focus { background-color: $spx-inputs-bg-focus !important; border-color: transparent !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.1) !important; color: $metalsa-blue !important;  }
}

.ui-selectcheckboxmenu-panel {
  padding: 0 0 .2em 0 !important;
}

.ui-selectcheckboxmenu-header {
  margin-bottom: .3em;
  padding: 0.3em 0 !important;
  border: none !important; border-bottom: 1px;
  background: $vp-body-bg !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { right: -1px; top: -1px; }

.ui-selectcheckboxmenu-header { display: flex; align-items: center; justify-content: center; }
.ui-chkbox-box { }
.ui-selectcheckboxmenu-filter-container { margin: 0 5px !important;
  > input { width: 90%; }
}

.ui-selectcheckboxmenu-close { background: transparent !important; color: $metalsa-grey !important; border: 1px solid transparent !important;
  text-shadow: 0 0 0 #ccc !important; border-radius: 50%; text-align: center; margin: 0 !important; padding: 0 !important;
  &.ui-state-default {  }
  &.ui-state-hover { background: darken($vp-body-bg,10%) !important; border: 1px solid transparent !important;
    color: darken($metalsa-grey,20%) !important; text-shadow: 0 1px 0 darken($vp-body-bg,30%) !important; border-radius: 50%;
    text-align: center; margin: 0 !important;
  }
  &.ui-state-focus {}
}








.ui-fluid {
  .ui-selectcheckboxmenu-trigger { width: 22px !important; }
}

.ui-selectcheckboxmenu-panel {
  padding: 0 0 .2em 0 !important;
}

.ui-selectcheckboxmenu-header { margin-bottom: .3em; padding: 0.3em 0 !important; border: none !important;
  border-bottom: 1px; background: $vp-body-bg !important; display: flex; align-items: center; justify-content: center;

  .ui-inputfield { width: 85% !important;}

}

.ui-chkbox-box { margin: 0 0 0 5px !important; }

.ui-selectcheckboxmenu-filter-container { margin: 0 5px !important;
  > input { width: 90%; }
}


.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
  right: 17% !important; top: 9px !important; color: $spx-borders;
}

.ui-selectcheckboxmenu-close { background: transparent !important; color: $metalsa-grey !important; border: 1px solid transparent !important;
  text-shadow: 0 0 0 #ccc !important; border-radius: 50%; text-align: center; margin: 0 !important; padding: 0 !important;
  &.ui-state-default {  }
  &.ui-state-hover { background: darken($vp-body-bg,10%) !important; border: 1px solid transparent !important;
    color: darken($metalsa-grey,20%) !important; text-shadow: 0 1px 0 darken($vp-body-bg,30%) !important; border-radius: 50%;
    text-align: center; margin: 0 !important;
  }
  &.ui-state-focus {}
}

*/
.ui-radiobutton {
    width: 16px;
    line-height: 16px;
    display: inline-block; }

.ui-radiobutton-box.ui-state-default {
    border-color: #bfc9d2 !important;
    background: #f5ffff !important; }

.ui-radiobutton .ui-radiobutton-box {
    width: 16px;
    height: 16px;
    line-height: 16px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer; }

.ui-radiobutton-icon {
    margin-left: -2.5px;
    margin-top: -2px;
    text-align: center;
    color: #1092d1; }

.ui-radiobutton.ui-radiobutton-native {
    margin: 0;
    padding: 0; }

.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible {
    clip: auto;
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: 0; }

.ui-radiobutton.ui-radiobutton-native .ui-radiobutton-box {
    display: none; }

.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible input {
    margin: 0; }

.ui-selectoneradio-native label {
    margin: 0; }

.ui-panel {
    padding: 0; }

.ui-panel .ui-panel-titlebar {
    padding: 0.5em 1em 0.3em;
    border: 1px solid #bfc9d2;
    background: #f5f5f5; }

.ui-panel .ui-panel-title {
    margin: 0.1em 16px 0.2em 0;
    font-size: 14px;
    font-weight: bold;
    color: #515758; }

.ui-panel .ui-panel-titlebar-icon {
    float: right;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 33px;
    border-radius: 50%;
    transition: 0.4s all ease-in-out;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.ui-panel .ui-panel-titlebar-icon.ui-state-hover {
    transform: scale(1.2);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }

.ui-panel .ui-panel-titlebar-icon,
.ui-panel .ui-panel-titlebar-icon:hover,
.ui-panel .ui-panel-titlebar-icon:focus {
    margin: 5px; }

.ui-panel .ui-panel-content {
    border: 0;
    background: none;
    padding: 0.5em 1em; }

.ui-panel .ui-panel-footer {
    border-width: 1px 0 0;
    margin: 0.5em 0 0;
    padding: 0.5em 1em;
    text-align: left; }

.ui-panel-collapsed-h .ui-panel-titlebar-icon,
.ui-panel-collapsed-h .ui-panel-titlebar-icon:hover,
.ui-panel-collapsed-h .ui-panel-titlebar-icon:focus {
    *margin: -0.2em 0em 0em 0.1em; }

.ui-panel.ui-panel-collapsed-h {
    width: 42px; }

.ui-panel.ui-panel-collapsed-h .ui-panel-title {
    display: none; }

/*+++---------------------------+++*/
.ui-datatable th {
    font-weight: bold; }

.ui-datatable th.ui-state-default {
    background: #dde2e7;
    border-color: white;
    padding: 10px;
    text-transform: uppercase;
    border-bottom-color: #5f6a72;
    color: #5f6a72;
    border-top-color: transparent; }
.ui-datatable th.ui-state-default:first-child {
    border-left: none; }
.ui-datatable th.ui-state-default:last-child {
    border-right: none; }

.ui-datatable th.ui-state-hover {
    background: #d3d5d8;
    border-color: #d9d9d9; }

.ui-datatable th.ui-state-active {
    background: #186ba0;
    color: #fff; }

.ui-datatable-odd {
    background-color: #E5F2F8 !important; }

.ui-datatable-selectable {
    transition: all 5s ease-in-out; }
.ui-datatable-selectable.ui-state-hover {
    /*height: 40px; font-weight: bold !important;*/
    color: black;
    background: #eeeeee !important;
    box-shadow: 0px 0px 6px rgba(133, 138, 139, 0.25);
    transition: all .2s ease-in-out; }

.ui-datatable-rowordering.ui-state-active {
    background: #14a4ff none repeat scroll 0 0; }

.ui-datatable tbody > tr.ui-widget-content {
    border-color: #d9d9d9; }

.ui-datatable .ui-selection-column .ui-radiobutton-box.ui-state-active, .ui-datatable .ui-selection-column .ui-chkbox-box.ui-state-active {
    background-color: #fff; }

.ui-datatable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed; }

.ui-datatable-tablewrapper {
    overflow: auto; }

.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
    text-align: center;
    padding: 4px 10px;
    border: none;
    background: #dde2e7; }

.ui-datatable .ui-datatable-header {
    border-bottom: 0 none; }

.ui-datatable .ui-datatable-footer {
    border-top: 0 none; }

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: center; }

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 10px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid; }

.ui-datatable tbody.ui-datatable-data {
    outline: 0;
    border-right: none; }
.ui-datatable tbody.ui-datatable-data tr {
    border-right: none; }

.ui-datatable tbody td {
    border-color: transparent;
    border-right: none !important; }
.ui-datatable tbody td:last-child {
    border-right: none; }

.ui-datatable-data tr {
    border: none; }

.ui-datatable .ui-sortable-column {
    cursor: pointer; }

.ui-datatable div.ui-dt-c {
    position: relative; }

.ui-datatable .ui-sortable-column-icon {
    display: inline-block;
    margin: -3px 0 -3px 2px; }

.ui-datatable .ui-column-filter {
    display: block;
    width: 100px;
    margin: auto; }

.ui-datatable .ui-row-toggler {
    cursor: pointer; }

.ui-datatable tr.ui-state-highlight {
    cursor: pointer; }

.ui-datatable .ui-selection-column .ui-chkbox-all {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px; }

.ui-datatable-scrollable table, .ui-datatable-sticky table {
    table-layout: fixed; }

.ui-datatable-scrollable-body {
    overflow: auto; }

.ui-datatable-scrollable-header, .ui-datatable-scrollable-footer {
    overflow: hidden;
    border: 0 none; }

.ui-datatable-scrollable .ui-datatable-scrollable-header, .ui-datatable-scrollable .ui-datatable-scrollable-footer {
    position: relative; }

.ui-datatable-scrollable .ui-datatable-scrollable-header td {
    font-weight: normal; }

.ui-datatable-scrollable-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    background-color: transparent; }

.ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid white;
    background-color: rgba(194, 194, 194, 0.5); }

.ui-datatable .ui-datatable-scrollable-body {
    min-height: 0; }

.ui-datatable .ui-datatable-data tr.ui-state-hover {
    border-color: inherit;
    font-weight: inherit;
    cursor: pointer; }

.ui-datatable-scrollable-theadclone {
    height: 0; }

.ui-datatable-scrollable-theadclone tr {
    height: 0; }

.ui-datatable-scrollable-theadclone th.ui-state-default {
    height: 0;
    border-bottom-width: 0;
    border-top-width: 0;
    padding-top: 0;
    padding-bottom: 0;
    outline: 0 none; }

.ui-datatable-scrollable-theadclone th span.ui-column-title {
    display: block;
    height: 0; }

.ui-datatable .ui-paginator, .ui-datatable .ui-paginator {
    padding: 2px; }

.ui-datatable .ui-cell-editor-input {
    display: none; }

.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-output {
    display: none; }

.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-input {
    display: block; }

.ui-datatable .ui-row-editor span {
    cursor: pointer;
    float: left; }

.ui-datatable .ui-row-editor .ui-icon-pencil {
    display: inline-block; }

.ui-datatable .ui-row-editing .ui-row-editor .ui-icon-pencil {
    display: none; }

.ui-datatable .ui-row-editor .ui-icon-check, .ui-datatable .ui-row-editor .ui-icon-close {
    display: none; }

.ui-datatable .ui-row-editing .ui-row-editor .ui-icon-check, .ui-datatable .ui-row-editing .ui-row-editor .ui-icon-close {
    display: inline-block; }

.ui-datatable .ui-datatable-data tr.ui-row-editing td.ui-editable-column, .ui-datatable .ui-datatable-data td.ui-cell-editing {
    padding: 0;
    margin: 0; }

.ui-datatable .ui-column-resizer {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 8px;
    height: 100%;
    padding: 0;
    cursor: col-resize;
    border: 1px solid transparent;
    box-sizing: border-box; }

.ui-datatable .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none; }

.ui-datatable-resizable {
    padding-bottom: 1px;
    overflow: auto; }

.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
    white-space: nowrap; }

.ui-datatable-resizable table {
    table-layout: fixed; }

.ui-datatable-resizable th.ui-resizable-column {
    background-clip: padding-box;
    position: relative; }

.ui-datatable-rtl {
    direction: rtl; }

.ui-datatable-rtl.ui-datatable thead th, .ui-datatable-rtl.ui-datatable tfoot td {
    text-align: right; }

.ui-datatable table.ui-datatable-fs {
    width: auto; }

.ui-datatable .ui-datatable-frozenlayout-left, .ui-datatable .ui-datatable-frozenlayout-right {
    padding: 0;
    border: 0 none;
    vertical-align: top; }

.ui-datatable .ui-datatable-frozen-container {
    margin-right: -1px; }

.ui-datatable-frozen-container .ui-datatable-scrollable-body {
    overflow: hidden; }

.ui-datatable .ui-datatable-frozen-container .ui-row-toggler {
    margin-top: -2px;
    margin-bottom: -2px; }

.ui-datatable .ui-datatable-frozen-container .ui-row-editor {
    margin-top: -2px;
    margin-bottom: -2px; }

.ui-datatable-frozenlayout-right .ui-datatable-empty-message td {
    visibility: hidden; }

.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
    display: none; }

.ui-datatable-reflow .ui-reflow-label, .ui-datatable-reflow .ui-reflow-dropdown {
    margin-bottom: 10px;
    display: none; }

@media (max-width: 640px) {
    .ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {
        display: none; }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
        text-align: left;
        display: block;
        border: 0 none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left; }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 0 none; }

    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
        border-left: 0 none;
        border-right: 0 none; }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -0.4em 1em -0.4em -0.4em; }

    .ui-datatable-reflow .ui-reflow-label, .ui-datatable-reflow .ui-reflow-dropdown {
        display: inline-block; }

    .ui-datatable-reflow .ui-reflow-dropdown {
        margin-left: 5px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px; }

    .ui-datatable-reflow tr.ui-datatable-empty-message > td {
        display: block;
        border: 0 none; } }
.spx-table-subhead {
    height: 30px;
    align-items: center;
    background: #0277bb;
    display: flex;
    position: relative; }

.ui-datatable .ui-datatable-tablewrapper table thead th {
    padding: 7px 2px !important; }
.ui-datatable.head-th-nopadding table thead th {
    padding: 0 !important; }

tr th .ui-column-title {
    font-size: 10px;
    color: #515758; }

#pContent > .ui-panel {
    padding: 0; }
#pContent > .ui-panel > .ui-panel-content {
    padding: 0; }

.info-favstar {
    color: #204294; }

.info-supplier-icon i {
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
.info-supplier-icon i.supplier-almacen {
    background: #009d5f; }
.info-supplier-icon i.supplier-proveedor {
    background: goldenrod; }
.info-supplier-icon i.supplier-proveedor:before {
    margin-bottom: 1px;
    font-size: 11px; }
.info-supplier-icon i.supplier-spot, .info-supplier-icon i.supplier-punchout {
    background: dodgerblue; }
.info-supplier-icon i.supplier-externo {
    background: saddlebrown; }
.info-supplier-icon i.supplier-externo:before {
    margin-left: 1px;
    font-size: 12px; }
.info-supplier-icon i.supplier-vale {
    background: #9760F6; }
/*<R42998>*/
.info-supplier-icon i.supplier-interUen{
    background: #2c6490; }
/*<R42998>*/
.info-supplier-icon i.description-warning {
    background: #FB8C00; }
.header-block--brand {
    height: 100px;
    background: #204294; }
.header-block--brand > div {
    margin-top: 19px; }
.header-block--nav {
    height: 50px;
    background: rgba(128, 128, 128, 0.2); }
.header-block--nav .avatar-block {
    border-left: 1px solid #858a8b; }
.header-block--nav .avatar-block--img {
    height: 32px;
    width: 32px;
    background: #204294;
    border-radius: 100%;
    overflow: hidden; }
.header-block--nav .avatar-block--img > img {
    border: 1px solid #204294; }
.header-block--fav-search {
    height: 50px;
    background: #fff;
    position: relative;
    /* border-top: 1px #eee solid; */ /*<AG13802>*/ }
.header-block--fav-search .fav-btn {
    margin-top: 10px;
    cursor: pointer;
    transition: all .4s ease-in-out; }
.header-block--fav-search .fav-btn.ui-state-active {
    background: #204294; }
.header-block--fav-search .fav-btn.ui-state-active span {
    color: white; }
.header-block--fav-search .fav-btn span {
    font-weight: bold;
    line-height: 16px !important; }
.header-block--fav-search .barra-busqueda {
    /*border-left: 1px solid $spx-borders;*/ }
/*<AG13802>  Se elimino bloque de "border-left:none" para barra de busqueda  <AG13802>*/
.header-block--fav-search .barra-busqueda .ui-selectonemenu {
    float: right;
    width: 100% !important; }
.header-block--fav-search .cart-wallet-block {
    padding: 8px 8px 8px 0; }
.header-block--fav-search .cart-wallet-block > div {
    /* border-left: 1px solid #858a8b; */ } /*<AG13802>*/
.header-block--fav-search .cart-wallet-block i {
    font-size: 18px; }
.header-block--fav-search .cart-wallet-block .a-consulta,
.header-block--fav-search .cart-wallet-block .a-carrito {
    width: 32px;
    height: 32px;
    transition: 0.4s all ease-in-out; }
.header-block--fav-search .cart-wallet-block .a-consulta:hover,
.header-block--fav-search .cart-wallet-block .a-carrito:hover {
    transform: scale(1.05); }
.header-block .busqueda-avanzada-btn {
    height: 17px;
    padding: 5px 7px;
    display: inline-block;
    box-sizing: content-box;
    font-size: 14px;
    line-height: 15px;
    text-decoration: underline; }

.forSticky.fixed {
    position: fixed;
    z-index: 9998;
    width: calc(100% - 17px);
    background-color: white;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }

.ui-selectonemenu-items .ui-selectonemenu-list-item:first-child {
    text-indent: 10px !important; }

.busqueda-avanzada--block {
    display: none; }
.busqueda-avanzada--block .ui-accordion .ui-accordion-content {
    padding: 0;
    /*padding-top: 30px; padding-bottom: 30px;*/ }
.busqueda-avanzada--block .bs-categorias {
    height: 220px;
    width: 2%;
    float: left;
    transition: .6s all ease-in-out;
    /*padding-top: 20px;*/
    border-bottom: 1px solid #bfc9d2;
    /*padding-bottom: 20px;*/ }
.busqueda-avanzada--block .bs-categorias .bs-titulo {
    width: 220px;
    transform: rotate(90deg);
    transform-origin: left top 0;
    margin-right: -233px;
    text-align: center;
    transition: .4s all ease-in-out;
    height: 40px;
    display: block;
    float: right;
    /*margin-top: -20px;*/
    line-height: 30px;
    border-top: 1px solid #bfc9d2;
    border-bottom: 1px solid #bfc9d2;
    cursor: pointer; }
.busqueda-avanzada--block .bs-categorias .categorias-menu {
    margin-left: -300px;
    float: left;
    transition: .6s all ease-in-out;
    width: 90%;
    overflow-y: scroll;
    height: 100%;
    font-size: 12px !important; }
.busqueda-avanzada--block .bs-categorias .categorias-menu .ui-panel .ui-panel-content {
    padding: 0; }
.busqueda-avanzada--block .bs-categorias .categorias-menu .ui-widget-content {
    background: none; }
.busqueda-avanzada--block .bs-categorias.open {
    width: 30%; }
.busqueda-avanzada--block .bs-categorias.open .categorias-menu {
    margin-left: 0px; }
.busqueda-avanzada--block .bs-categorias.open ~ .bs-campos {
    width: 70% !important; }
.busqueda-avanzada--block .bs-campos {
    height: 220px;
    width: 98%;
    float: left;
    transition: .6s all ease-in-out;
    padding-top: 20px;
    border-bottom: 1px solid #bfc9d2;
    padding-bottom: 20px; }
.busqueda-avanzada--block .bs-campos .ui-selectonemenu {
    min-width: 300px !important;
    max-width: 450px; }

#spxBusquedaMenu\:avanzada_proveedor_panel .ui-selectonemenu-items-wrapper {
    width: 550px !important; }

.side-area {
    padding-left: 10px !important;
    padding-right: 10px !important; }
.side-area .sd-area-block {
    padding: 0; }
.side-area .side-area-title {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%; }
.side-area .side-area-title h5 {
    margin: 5px 0 5px;
    font-size: 12px;
    font-weight: 700;
    color: #515758;
    text-transform: uppercase; }
.side-area .noH5 {
    margin: 5px 0 5px;
    font-size: 12px;
    font-weight: 700;
    color: #515758;
    text-transform: uppercase; }
.side-area .noH5 span {
    margin-right: 5px; }
.side-area .side-area-body {
    margin: 5px 0 20px;
    float: left;
    width: 100%;
    padding-left: 7px; }
.side-area .side-area-body label {
    font-size: 11px !important;
    font-weight: normal;
    margin-bottom: 4px; }
.side-area .side-area-body > div {
    padding-left: 0;
    padding-right: 0; }
.side-area .side-area-body .ui-chkbox-box {
    width: 12px !important;
    height: 12px !important;
    line-height: 0 !important; }
.side-area .side-area-body .ui-chkbox-icon {
    width: 10px !important;
    height: 10px !important;
    overflow: hidden; }
.side-area .side-area-body .ui-chkbox-icon.ui-icon-check:before {
    font-size: 8px !important;
    line-height: 11px !important;
    text-indent: 1px !important; }
.side-area .side-area-body .ui-tree .ui-treenode-label {
    margin: 0;
    padding: 0;
    display: inherit;
    max-width: 84%; }
.side-area .side-area-body .ui-tree .ui-treenode-label.ui-state-highlight {
    background: #e3f4fd !important;
    padding: 1px 3px; }
.side-area .side-area-body .ui-tree-toggler.ui-icon:before {
    font-size: 8px !important; }
.side-area .side-area-body .minMax-precio input {
    height: 25px !important;
    max-width: 30%;
    font-weight: normal !important;
    text-align: center; }
.side-area .side-area-body .ui-tree .ui-tree-container {
    white-space: inherit !important; }
.side-area .side-area-body .ui-tree .ui-tree-container .ui-chkbox-box {
    margin-right: 0; }
.side-area .side-area-body .ui-tree .ui-tree-container .ui-tree-toggler {
    text-align: center; }
.side-area .side-area-body .ui-tree .ui-tree-container li {
    margin-top: 0 !important; }

.main-area .ui-datatable-odd {
    background: transparent !important; }
.main-area .ui-grid-row:after {
    height: 0; }
.main-area .ui-accordion .ui-accordion-header {
    margin-top: 0 !important;
    background: #f4f4f4  !important;
    border-color: #ffffff; }
.main-area .ui-accordion .ui-accordion-header .ui-icon {
    color: #6B757C !important; }

.favoritos--block--bar {
    border: 1px solid #bfc9d2;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f9f9f9; }
.favoritos--block--bar div {
    display: inline-block; }
.favoritos--block--items {
    border: 1px solid #bfc9d2;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #f9f9f9;
    box-shadow: 2px 2px 2px #dde3ed; }

.fav-block {
    border: 1px solid #bfc9d2; }
.fav-block--top {
    position: relative; }
.fav-block--top .fav-block--star {
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 20px; }
.fav-block--info {
    padding: 10px 10px 20px;
    background: #eef1f6; }
.fav-block--info--supplier .info-supplier-icon {
    margin-top: 4px;
    text-align: center; }
.fav-block--info--data {
    margin: 10px 0; }
.fav-block--info--data div {
    border-bottom: 1px solid #dde2e7;
    padding: 7px; }
.fav-block--info--addcart {
    margin-top: 5px; }
.fav-block--info--addcart div {
    display: inline-block;
    float: right; }
.fav-block--info--addcart input {
    width: 50px;
    height: 30px;
    text-align: center;
    margin-right: 10px; }

.hide-favoritos-block .mid-line hr {
    border-color: #bfc9d2; }
.hide-favoritos-block .favoritos-trigger-btn {
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px;
    display: inline-block;
    cursor: pointer; }
.hide-favoritos-block .favoritos-trigger-btn i {
    padding: 10px;
    background: #eef1f6;
    color: #204294;
    border: 1px solid #bfc9d2;
    transition: all .4s ease-in-out;
    border-radius: 100%; }
.hide-favoritos-block .favoritos-trigger-btn i:hover {
    transform: scale(1.2);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    font-size: 1.2em; }
.hide-favoritos-block .favoritos-trigger-btn i.flip {
    transform: rotate(-180deg);
    background: #1092d1;
    border: 1px solid #204294;
    color: white; }

.favoritos--lists .fav-block {
    border: 1px solid #bfc9d2; }
.favoritos--lists .fav-block--top {
    position: relative;
    width: 20%;
    float: left; }
.favoritos--lists .fav-block--top .fav-block--star {
    position: absolute;
    top: 5%;
    left: 5%;
    font-size: 20px; }
.favoritos--lists .fav-block--info {
    width: 80%;
    float: left;
    padding: 10px 10px 20px;
    background: #eef1f6; }
.favoritos--lists .fav-block--info--supplier .info-supplier-icon {
    margin-top: 4px;
    text-align: center; }
.favoritos--lists .fav-block--info--data {
    margin: 10px 0; }
.favoritos--lists .fav-block--info--data div {
    border-bottom: 1px solid #dde2e7;
    padding: 7px; }
.favoritos--lists .fav-block--info--addcart {
    margin-top: 5px; }
.favoritos--lists .fav-block--info--addcart div {
    display: inline-block;
    float: right; }
.favoritos--lists .fav-block--info--addcart input {
    width: 50px;
    height: 30px;
    text-align: center;
    margin-right: 10px; }

.procesos-block--wrapper {
    border: 1px solid #bfc9d2;
    background: #f9f9f9;
    box-shadow: 2px 2px 2px #dde3ed; }
.procesos-block--img {
    height: 150px;
    position: relative;
    background: linear-gradient(90deg, #204294, #1092d1);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite; }
.procesos-block--img--photo {
    position: absolute;
    left: 50%;
    margin-left: -75px; }
.procesos-block--img--photo img {
    height: 120px;
    margin-top: 15px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.75); }
@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 50%; }
    50% {
        background-position: 100% 50%; }
    100% {
        background-position: 0% 50%; } }
@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 50%; }
    50% {
        background-position: 100% 50%; }
    100% {
        background-position: 0% 50%; } }
@keyframes AnimationName {
    0% {
        background-position: 0% 50%; }
    50% {
        background-position: 100% 50%; }
    100% {
        background-position: 0% 50%; } }
.procesos-block--name {
    font-weight: bold;
    text-indent: 2em;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 2px solid #bfc9d2;
    border-bottom: 2px solid #bfc9d2;
    background: #eef1f6; }
.procesos-block--lists {
    padding-top: 20px;
    padding-bottom: 20px; }
.procesos-block--lists ul {
    padding: 0; }
.procesos-block--lists li {
    font-size: 1.25em;
    margin-top: 10px;
    list-style-type: none; }
.procesos-block--lists li:first-child {
    margin-top: 0; }

.scroll-block .procesos-block--img--photo {
    margin-left: -45px; }
.scroll-block .procesos-block--img--photo img {
    height: 90px;
    margin-top: 30px; }

.view-block {
    /*box-shadow: 1px 2px 2px rgba(0,0,0,.1);*/
    border: 1px solid #f5f5f5; }
.view-block--header {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    background: #f5f5f5;
    border-bottom: 1px solid #bfc9d2;
    display: flex;
    justify-content: space-around;
    display: -ms-flexbox;
    -ms-flex-pack: distribute; }
.view-block--header .view-header-descarga {
    margin-top: 0;
    display: flex;
    align-items: center; }
.view-block--header .view-header-descarga .ui-link, .view-block--header .view-header-descarga i, .view-block--header .view-header-descarga span {
    float: left;
    display: block; }
.view-block--header .view-header-descarga .ui-link, .view-block--header .view-header-descarga i {
    padding: 5px;
    border-radius: 50%; }
.view-block--header .view-header-descarga .pipelinea {
    height: 30px;
    margin-left: 10px;
    margin-right: 10px;
    border-color: gainsboro; }
.view-block--header .view-header-descarga span > a {
    font-size: 1.5em !important; }
.view-block--header .view-header-filtro {
    padding-right: 0; }
.view-block--header .view-header-filtro .div-inline {
    float: right;
    padding-top: 4px; }
.view-block--header .view-header-filtro .div-inline > label {
    margin-top: 5px;
    float: left; }
.view-block--header .view-header-icons {
    text-align: center;
    margin-top: 0;
    max-width: 130px;
    padding-left: 0; }
.view-block--header .view-header-icons .ui-selectonebutton .ui-button {
    border: none !important;
    padding: 0 !important; }
.view-block--header .view-header-icons .ui-selectonebutton .ui-button.ui-state-active {
    color: #1092d1;
    background: gainsboro; }
.view-block--header .view-header-icons .ui-selectonebutton .ui-button *:before {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.view-block--header .view-header-icons .ui-selectonebutton .ui-button:first-child > span:before {
    content: "\f00a"; }
.view-block--header .view-header-icons .ui-selectonebutton .ui-button:last-child > span:before {
    content: "\f00b"; }
.view-block--header .view-header-icons .ui-selectonebutton .ui-button .ui-button-text {
    padding: .5em 1em !important; }
.view-block--header .view-header-icons .ui-button {
    min-width: 40px !important;
    max-width: 50px !important; }
.view-block--header .view-header-icons .ui-button ~ .ui-button {
    margin-left: 0 !important; }
.view-block--header .view-header-icons .ui-button > .ui-button-text {
    line-height: 20px !important; }
.view-block--header .view-header-icons > div {
    display: inline-block;
    float: right; }
.view-block--header.in-facet {
    float: none;
    width: 100%;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    display: -ms-flexbox;
    -ms-flex-pack: distribute;
    color: #515758; }
.view-block--body {
    padding: 0;
    background: white; }
.view-block--body .ui-panel, .view-block--body .ui-panel-content {
    padding: 0; }
.view-block--body .ui-datatable, .view-block--body .ui-datagrid {
    position: relative; }
.view-block--body .ui-datatable .ui-datatable-header, .view-block--body .ui-datatable .ui-datagrid-header, .view-block--body .ui-datagrid .ui-datatable-header, .view-block--body .ui-datagrid .ui-datagrid-header {
    position: absolute;
    width: 100%;
    background: transparent !important;
    border: none;
    padding: 0; }
.view-block--body .ui-datatable .ui-paginator, .view-block--body .ui-datagrid .ui-paginator {
    border-radius: 0 !important;
    height: 50px; }
.view-block--body .ui-datatable .ui-paginator.ui-paginator-top, .view-block--body .ui-datagrid .ui-paginator.ui-paginator-top {
    position: relative;
    background: transparent !important;
    display: inline-block;
    width: 390px;
    margin-left: calc(50% - 250px);
    padding-top: 15px !important; }

.view-block--body .view--list .ui-datatable-odd {
    background: none !important; }
.view-block--body .view--list.ui-datatable tr td {
    border: none !important; }
.view-block--body .view--list .item-card {
    min-height: 230px !important;
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid #bfc9d2;
    border-bottom: 1px solid #bfc9d2; }
.view-block--body .view--list .item-card--img {
    position: relative;
    height: 198px;
    width: 200px;
    float: left;
    background: #eef1f6;
    overflow: hidden; }
.view-block--body .view--list .item-card--img .item-card--pic {
    height: 100%;
    width: 100%;
    max-width: 280px;
    overflow: hidden;
    text-align: center;
    position: relative;
    background: #FFF;
    border: 10px solid transparent;
    box-shadow: 1px 0 0 #cdd6e4; }
.view-block--body .view--list .item-card--img .item-card--pic a img {
    max-width: 180px;
    max-height: 180px;
    height: 100% !important; }
.view-block--body .view--list .item-card--img .item-card--pic a img.vertical {
    width: inherit !important; }
.view-block--body .view--list .item-card--img .item-card--pic a img.horizontal {
    height: 100%;
    margin-top: calc(100% - 125%); }
.view-block--body .view--list .item-card--info {
    height: 100%;
    width: calc(100% - 200px);
    float: left;
    padding: 10px 10px 10px 10px;
    /*background: $body-bg;*/ }
.view-block--body .view--list .item-card--info--supplier > .ui-grid-row:first-child {
    border-bottom: 1px solid #bfc9d2;
    margin-bottom: 5px;
    padding-bottom: 5px; }
.view-block--body .view--list .item-card--info--supplier .info-data-name {
    font-weight: 400;
    text-transform: capitalize;
    color: #204294;
    margin-left: 0;
    font-size: 16px !important;
    line-height: 20px; }
.view-block--body .view--list .item-card--info--supplier .item-card--star {
    text-align: center;
    border-left: 1px solid #cdd6e4; }
.view-block--body .view--list .item-card--info--supplier .item-card--star i {
    font-size: 1.5em;
    color: #FFB300;
    filter: drop-shadow(0 0 0 #FFB300); }
.view-block--body .view--list .item-card--info--supplier .item-card--star i.fa-star {
    filter: drop-shadow(0 1px 0 #FF6F00); }
.view-block--body .view--list .item-card--info--supplier .info-supplier-icon {
    margin-top: 0;
    text-align: center;
    float: left; }
.view-block--body .view--list .item-card--info--supplier .info-supplier-txt {
    padding-right: 0; }
.view-block--body .view--list .item-card--info--supplier .info-supplier-txt .card-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #6c7377;
    float: left;
    line-height: 20px;
    margin: 0;
    width: 100%;
    text-align: right;
    font-size: 12px; }
.view-block--body .view--list .item-card--info--data {
    overflow: auto; }
.view-block--body .view--list .item-card--info--data .info-data-description {
    height: 60px;
    overflow: auto;
    margin-top: 12px; }
.view-block--body .view--list .item-card--info--data .info-data-description label {
    color: #333;
    font-weight: normal; }
.view-block--body .view--list .item-card--info--data .info-data-description label:first-child {
    opacity: .80;
    text-transform: uppercase;
    float: left;
    margin-bottom: 0; }
.view-block--body .view--list .item-card--info--data .info-data-description label:last-child {
    display: block;
    clear: both; }
.view-block--body .view--list .item-card--info--data .info-data-grid {
    margin-top: 5px; }
.view-block--body .view--list .item-card--info--data .info-data-grid label {
    font-weight: normal; }
.view-block--body .view--list .item-card--info--data .info-data-grid div:nth-child(1) .info-data-grid--output,
.view-block--body .view--list .item-card--info--data .info-data-grid div:nth-child(2) .info-data-grid--output {
    margin-top: 0px !important; }
.view-block--body .view--list .item-card--info--data .info-data-grid .ui-panelgrid-cell {
    padding: 0; }
.view-block--body .view--list .item-card--info--data .info-data-grid--output {
    margin-top: 4px; }
.view-block--body .view--list .item-card--info--data .info-data-grid--output > .fa-truck {
    cursor: help;
    color: #FF5722;
    animation: truck-animate 3500ms infinite  alternate forwards;
    font-size: 16px !important;
    border-bottom: 1px solid; }
@-webkit-keyframes truck-animate {
    0% {
        color: #1092d1; }
    100% {
        color: #204294; } }
@keyframes truck-animate {
    0% {
        color: #1092d1; }
    100% {
        color: #204294; } }
.view-block--body .view--list .item-card--info--data .info-data-grid label {
    font-size: 12px;
    margin: 0; }
.view-block--body .view--list .item-card--info--data .info-data-grid label:nth-child(odd) {
    opacity: .8;
    margin-right: 10px; }
.view-block--body .view--list .item-card--info--data .info-data-grid label:nth-child(even) {
    color: #09162a; }
.view-block--body .view--list .item-card--info--data .info-data-txt {
    margin-top: 0;
    margin-bottom: 0; }
.view-block--body .view--list .item-card--info--addcart {
    padding: 10px 0; }
.view-block--body .view--list .item-card--info--addcart .item-precio {
    text-align: center;
    padding: 10px; }
.view-block--body .view--list .item-card--info--addcart .item-precio i {
    font-size: 20px;
    color: #BFC9D2; }
.view-block--body .view--list .item-card--info--addcart .item-precio span {
    font-size: 24px;
    font-weight: bold; }
.view-block--body .view--list .item-card--info .addcart-precio {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0; }
.view-block--body .view--list .item-card--info .addcart-contador {
    display: inline-block;
    float: right; }
.view-block--body .view--list .item-card--info .addcart-contador input {
    width: 50px;
    height: 30px;
    text-align: center;
    margin-right: 10px;
    font-size: 14px; }
.view-block--body .view--list .item-card--info .addcart-contador .ui-button {
    width: 100%;
    min-height: 30px;
    margin-top: 15px; }
.view-block--body .view--list .item-card--info .addcart-contador .ui-button.spx--btn__orange {
    font-size: 16px !important; }
.view-block--body .view--list .item-card--info .addcart-contador .ui-button.spx--btn__cyan {
    font-size: 12px !important; }

.view-block--body .view--grid .ui-datatable td {
    border: none !important; }
.view-block--body .view--grid .item-card {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #bfc9d2; }
.view-block--body .view--grid .item-card--img {
    position: relative;
    height: 198px;
    width: 100%;
    float: left;
    overflow: hidden;
    background: white; }
.view-block--body .view--grid .item-card--img .item-card--pic {
    height: 200px;
    overflow: hidden;
    text-align: center;
    position: relative;
    background: #FFF; }
.view-block--body .view--grid .item-card--img .item-card--pic a img {
    max-height: 200px;
    height: inherit !important; }
.view-block--body .view--grid .item-card--img .item-card--pic a img.vertical {
    width: inherit !important; }
.view-block--body .view--grid .item-card--img .item-card--pic a img.horizontal {
    height: 100%;
    margin-top: calc(100% - 125%); }
.view-block--body .view--grid .item-card--info {
    width: 100%;
    float: left;
    padding: 10px 10px 10px 10px;
    background: #eef1f6;
    border-top: 1px solid #1092d1;
    height: 120px; }
.view-block--body .view--grid .item-card--info--supplier {
    margin-top: -2px; }
.view-block--body .view--grid .item-card--info--supplier > .ui-grid-row:first-child {
    border-bottom: 1px solid #bfc9d2;
    margin-bottom: 5px;
    padding-bottom: 5px; }
.view-block--body .view--grid .item-card--info--supplier .info-data-name {
    font-weight: 400;
    text-transform: capitalize;
    color: #204294;
    margin-left: 0;
    font-size: 12px !important; }
.view-block--body .view--grid .item-card--info--supplier .item-card--star {
    text-align: center;
    border-left: 1px solid #cdd6e4; }
.view-block--body .view--grid .item-card--info--supplier .item-card--star i {
    font-size: 1.5em;
    color: #FFB300; }
.view-block--body .view--grid .item-card--info--supplier .info-supplier-icon {
    margin-top: 0;
    text-align: center;
    float: left; }
.view-block--body .view--grid .item-card--info--supplier .info-supplier-txt {
    padding-right: 0; }
.view-block--body .view--grid .item-card--info--supplier .info-supplier-txt .card-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #6c7377;
    float: left;
    line-height: 20px;
    margin: 0;
    width: 100%;
    text-align: right;
    font-size: 12px; }
.view-block--body .view--grid .item-card--info--data {
    overflow: auto;
    margin-top: 4px;
    margin-bottom: 3px; }
.view-block--body .view--grid .item-card--info--data > div:first-child label {
    margin: 0; }
.view-block--body .view--grid .item-card--info--data .item-precio {
    font-size: 16px;
    font-weight: bold; }
.view-block--body .view--grid .item-card--info--star {
    background: #FFF;
    border-radius: 50%;
    position: absolute;
    bottom: 100px;
    right: 25px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 48px;
    box-shadow: 0 2px 2px #cdd0d5;
    transition: 0.4s all ease-in-out; }
.view-block--body .view--grid .item-card--info--star a i {
    color: #FFB300;
    transition: 0.4s all ease-in-out; }
.view-block--body .view--grid .item-card--info--star.fa-star {
    filter: drop-shadow(0 1px 0 #FF6F00); }
.view-block--body .view--grid .item-card--info--star.fa-star-o {
    filter: drop-shadow(0 0 0 #FFB300); }
.view-block--body .view--grid .item-card--info--star:hover {
    box-shadow: 0px 5px 10px rgba(133, 138, 139, 0.65) !important; }
.view-block--body .view--grid .item-card--info--star:hover i {
    transform: scale(1.5); }
.view-block--body .view--grid .item-card--info--addcart {
    margin-top: -3px; }
.view-block--body .view--grid .item-card--info--addcart .info-supplier-icon {
    float: left;
    margin-top: 6px;
    margin-left: 6px; }
.view-block--body .view--grid .item-card--info--addcart .inputs {
    display: inline-flex;
    float: right; }
.view-block--body .view--grid .item-card--info--addcart .inputs input {
    width: 80px;
    margin-right: 10px; }

#detalle-item .ui-tabs-panels {
    overflow: visible; }
#detalle-item .ui-tabs-panel {
    padding: 0;
    overflow: visible; }
#detalle-item .ui-tabs-nav {
    background: #f5f5f5 !important;
    border: #f5f5f5;
    padding: 0; }
#detalle-item .ui-tabs-panels {
    width: 100% !important; }
#detalle-item .ui-tabs-panel {
    padding: 0 !important; }

.item-block {
    background: white;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: center; }
.item-block--gallery {
    width: 600px; }
.item-block--gallery .ui-galleria-panel-wrapper {
    height: 380px !important; }
.item-block--gallery .ui-galleria-panel img {
    width: 100%;
    display: block;
    margin: auto; }
.item-block--info {
    max-width: 700px; }
.item-block--info .info-favstar {
    margin-top: 10px; }
.item-block--info .info-favstar i {
    font-size: 2.5em; }
.item-block--info .info--supplier > .ui-grid-row:first-child {
    border-bottom: 1px solid #bfc9d2;
    margin-bottom: 5px;
    padding-bottom: 5px; }
.item-block--info .info--supplier .info-data-name {
    font-weight: 400;
    text-transform: capitalize;
    color: #204294;
    margin-left: 0;
    font-size: 12px !important; }
.item-block--info .info--supplier .item-card--star {
    text-align: center;
    border-left: 1px solid #cdd6e4; }
.item-block--info .info--supplier .item-card--star i {
    font-size: 1.5em;
    float: right; }
.item-block--info .info--supplier .info-supplier-txt {
    padding-right: 0; }
.item-block--info .info--supplier .info-supplier-txt .card-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #6c7377;
    float: left;
    line-height: 20px;
    margin: 0;
    width: 100%;
    text-align: right;
    font-size: 12px; }
.item-block--info .info--data {
    overflow: auto; }
.item-block--info .info--data .info-data-description {
    height: 60px;
    overflow: auto;
    margin-top: 12px; }
.item-block--info .info--data .info-data-description label {
    color: #333;
    font-weight: normal; }
.item-block--info .info--data .info-data-description label:first-child {
    opacity: .80;
    text-transform: uppercase;
    float: left;
    margin-bottom: 0; }
.item-block--info .info--data .info-data-description label:last-child {
    display: block;
    clear: both; }
.item-block--info .info--data .info-data-grid {
    margin-top: 5px; }
.item-block--info .info--data .info-data-grid label {
    font-weight: normal; }
.item-block--info .info--data .info-data-grid div:nth-child(1) .info-data-grid--output,
.item-block--info .info--data .info-data-grid div:nth-child(2) .info-data-grid--output {
    margin-top: 0px !important; }
.item-block--info .info--data .info-data-grid .ui-panelgrid-cell {
    padding: 0; }
.item-block--info .info--data .info-data-grid--output {
    margin-top: 4px; }
.item-block--info .info--data .info-data-grid label {
    font-size: 12px;
    margin: 0; }
.item-block--info .info--data .info-data-grid label:nth-child(odd) {
    opacity: .8;
    margin-right: 10px; }
.item-block--info .info--data .info-data-grid label:nth-child(even) {
    color: #09162a; }
.item-block--info .info--data .info-data-txt {
    margin-top: 0;
    margin-bottom: 0; }
.item-block--info .tab--info {
    border-top: 1px solid #bfc9d2 !important; }
.item-block--cart {
    border: 1px solid #f5f5f5; }
.item-block--cart .cart-supplier {
    margin-bottom: 10px; }
.item-block--cart .cart-supplier .card-title {
    margin-left: 15px; }
.item-block--cart .cart-add-banner {
    height: 100px;
    background: #f5f5f5;
    display: flex;
    align-items: center; }
.item-block--cart .cart-add-banner .banner-costos .banner-tag {
    font-size: 14px; }
.item-block--cart .cart-add-banner .banner-costos .banner-price {
    font-size: 30px; }
.item-block--cart .cart-add-banner .banner-inputs {
    display: flex;
    justify-content: flex-end;
    padding-right: 0; }
.item-block--cart .cart-add-banner .banner-inputs input {
    max-width: 80px;
    margin-right: 20px;
    /* box-sizing: content-box;*/ }
.item-block--cart .cart-add-banner .banner-inputs .ui-button {
    /*box-sizing: content-box; font-size: 20px !important; border: 3px solid $metalsa-white-grey;
.ui-button-icon-left { width: 100%; height: 100%; left: 0; top: 0; margin: 0; line-height: 38px !important;
text-shadow: 2px 2px 3px #740000; }*/ }
.item-block--cart .cart-linaje {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5; }
.item-block--cart .cart-linaje > div {
    display: inline-block;
    float: left; }
.item-block--cart .cart-linaje .pipelinea {
    border-color: #f5f5f5;
    height: 20px; }
.item-block--cart .cart-descripcion > div {
    display: inline-block;
    float: left; }
.item-block--cart .cart-descripcion > div:nth-child(odd) {
    color: #697173; }
.item-block--cart .cart-descripcion > div:after {
    content: " / ";
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;
    color: #204294; }
.item-block--cart .cart-descripcion > div:last-child:after {
    content: ""; }
.item-block--cart .cart-favbtn {
    background: white;
    border-radius: 50%;
    position: absolute;
    bottom: 100px;
    right: 25px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 48px;
    box-shadow: 0 2px 2px #cdd0d5;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -23px;
    border: none;
    padding-top: 7px; }
.item-block--cart .cart-favbtn i {
    font-size: 24px !important;
    color: #FFB300; }
.item-block--cart .cart-favbtn2 {
    width: 35px;
    height: 45px;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 25px;
    border: none;
    padding-top: 7px; }
.item-block--cart .cart-favbtn2 i {
    font-size: 24px !important; }
.item-block .info--addcart {
    padding: 10px 15px 20px;
    border: 1px solid #bfc9d2; }
.item-block .info--addcart .item-precio {
    text-align: center;
    padding: 10px; }
.item-block .info--addcart .item-precio i {
    font-size: 20px;
    color: #bfc9d2; }
.item-block .info--addcart .item-precio span {
    font-size: 24px;
    font-weight: bold; }
.item-block .info--favbtn {
    border: 1px solid #bfc9d2;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: rgba(191, 201, 210, 0.5); }
.item-block .info--favbtn i {
    font-size: 18px; }
.item-block .info--favbtn span {
    font-size: 16px;
    margin-left: 5px; }
.item-block .item-block--sold-by, .item-block .item-block--fav {
    border: 1px solid #bfc9d2; }
.item-block .item-block--minmax {
    text-align: center; }
.item-block .item-block--fav {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 2px 3px 1px rgba(191, 201, 210, 0.25); }
.item-block .item-block--fav a {
    display: inline-block; }
.item-block .item-block--fav span {
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 10px; }
.item-block .addcart-precio {
    margin-bottom: 20px; }
.item-block .addcart-precio > div:last-child {
    text-align: right;
    font-weight: bold;
    color: #515758;
    font-size: 16px; }
.item-block .addcart-contador {
    display: flex;
    justify-content: space-between; }
.item-block .addcart-contador input {
    width: 35%;
    text-align: center;
    margin-right: 3%;
    border: 1px solid #1092d1; }
.item-block .addcart-contador .ui-button {
    width: 60%;
    border-radius: 2px;
    font-size: 12px; }
.item-block .detalle-item .row {
    border-bottom: 1px solid #bfc9d2;
    margin: 0;
    /*&:nth-child(even) { background: lighten($metalsa-grey-ultra-light, 2%);
      //> div:first-child { background: lighten($metalsa-grey-ultra-light, 2%); }
    }*/ }
.item-block .detalle-item .row .info-data-grid--output {
    margin-top: 0;
    padding-top: 2px;
    padding-bottom: 2px; }
.item-block .detalle-item .row .info-data-grid--output:nth-child(1) {
    background: #f5f5f5; }
.item-block .detalle-item .row label {
    margin: 0; }

.move-arrow {
    position: absolute;
    border: 2px solid #bfc9d2;
    background: #eef1f6;
    height: 40px;
    width: 40px;
    top: 50%;
    margin-top: -20px;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
    transition: all .4s ease-in-out;
    cursor: pointer;
    transform: scale(0.9); }
.move-arrow.left {
    left: -12px; }
.move-arrow.right {
    right: -12px; }
.move-arrow:hover {
    transform: scale(1.2);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    font-size: 1.1em; }

#lyoNorth {
    z-index: auto !important; }
#lyoNorth > .ui-layout-unit-content {
    position: initial !important; }

.view-block--header.carro-compras {
    display: block;
    background: #f5f5f5;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #bfc9d2;
    cursor: pointer;
    padding: 0;
    margin-top: 10px; }
.view-block--header.carro-compras:first-child {
    margin-top: 0; }
.view-block--header.carro-compras .asignar-name {
    display: inline-block;
    float: left;
    margin-left: 30px;
    margin-top: 0;
    background: #f5f5f5;
    z-index: 1; }
.view-block--header.carro-compras .asignar-name h4 {
    margin: 0;
    display: inline-block;
    padding-right: 20px; }
.view-block--header.carro-compras .pipelinea {
    height: 30px;
    margin-left: 10px;
    margin-right: 10px;
    border-color: gainsboro; }
.view-block--header.carro-compras .asignar-todo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 5px;
    background: #f5f5f5; }
.view-block--header.carro-compras .asignar-todo label {
    margin-top: 5px; }
.view-block--header.carro-compras .bg-absolute-line {
    top: 25px;
    background: #eaeaea; }
.view-block.carro-compras ~ .view-block--subheader {
    margin-top: 10px; }
.view-block--subheader.carro-compras {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fcfcfc;
    border-left: 10px solid transparent; }
.view-block--subheader.carro-compras.supplier-almacen {
    border-left: 10px solid #009d5f; }
.view-block--subheader.carro-compras.supplier-proveedor {
    border-left: 10px solid goldenrod; }
.view-block--subheader.carro-compras.supplier-spot {
    border-left: 10px solid dodgerblue; }
.view-block--subheader.carro-compras.supplier-valesfondo {
    border-left: 10px solid #9760F6; }
.view-block--subheader.carro-compras.supplier-interuen {
    border-left: 10px solid #2c6490; }
.view-block--subheader.carro-compras .info-supplier-icon {
    padding: 0 20px; }
.view-block--subheader.carro-compras > div {
    display: inline-block; }
.view-block .ui-datatable.carro-compras.supplier-almacen {
    border-left: 10px solid #009d5f; }
.view-block .ui-datatable.carro-compras.supplier-proveedor {
    border-left: 10px solid goldenrod; }
.view-block .ui-datatable.carro-compras.supplier-spot {
    border-left: 10px solid dodgerblue; }
.view-block .ui-datatable.carro-compras.supplier-valesfondo {
    border-left: 10px solid #9760F6; }
.view-block .ui-datatable.carro-compras.supplier-interuen {
    border-left: 10px solid #2c6490; }
.view-block .carro-compras__data .carro-compras__title {
    background-color: #bfc9d2 !important; }
.view-block .carro-compras__data .carro-compras__title > .ui-column-title,
.view-block .carro-compras__data .carro-compras__info {
    font-size: 14px; }
.view-block .carro-compras__data .carro-compras__info {
    height: 25px;
    background-color: #FFF !important; }
.view-block .carro-compras__data .carro-compras__info.carro-compras__id {
    background-color: white !important;
    font-weight: bold;
    color: #204294; }
.view-block .carro-compras .subTabla table {
    margin-bottom: 15px; }
.view-block .carro-compras .subTabla table thead tr th {
    background-color: #dde2e7 !important; }
.view-block--body.carro-compras {
    border-left: 10px solid transparent; }
.view-block--body.carro-compras.almacen {
    border-color: #009d5f; }
.view-block--body.carro-compras.proveedor {
    border-color: goldenrod; }
.view-block--body.carro-compras.spot {
    border-color: dodgerblue; }
.view-block--body.carro-compras thead {
    height: 35px; }
.view-block--body.carro-compras thead .ui-column-title {
    font-size: 14px; }
.view-block--body.carro-compras tbody thead {
    height: 30px; }
.view-block--body.carro-compras tbody tbody {
    height: 25px; }

.carroCompras-tabs {
    margin-top: 10px; }
.carroCompras-tabs:first-child {
    margin-top: 0; }
.carroCompras-tabs > .ui-datatable-tablewrapper {
    overflow: inherit; }
.carroCompras-tabs tbody {
    background: none !important; }
.carroCompras-tabs tbody .view-block--body {
    padding-top: 5px;
    padding-bottom: 5px; }
.carroCompras-tabs .ui-selection-column {
    background: none !important; }
.carroCompras-tabs th[role="columnheader"] {
    background: none;
    padding: 0 !important;
    color: #515758; }

.linea-block {
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #b2b2b2;
    margin-top: 10px; }
.linea-block:first-child {
    margin-top: 0; }
.linea-block:nth-child(odd) {
    background: #fafafa; }
.linea-block:last-child {
    border-bottom: none; }
.linea-block .linea-select {
    position: absolute;
    top: 0;
    left: 0; }
.linea-block .linea-select > div {
    margin-top: 50px; }
.linea-block .linea-select .ui-chkbox-box {
    margin-left: 20px !important; }
.linea-block .linea-img {
    float: left;
    height: 100px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around; }
.linea-block .linea-img i {
    color: #FB8C00;
    cursor: help; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .linea-block .linea-img img {
        max-width: 90px; } }
.linea-block .linea-list {
    padding-left: 0; }
.linea-block .linea-data {
    padding-left: 0; }
.linea-block .linea-data--name {
    margin-bottom: 10px;
    padding-left: 0; }
.linea-block .linea-data--name a {
    color: #204294;
    font-size: 14px;
    padding: 0 0 5px;
    display: inline-block;
    border-bottom: 1px solid #f5f5f5; }
.linea-block .linea-data--head, .linea-block .linea-data--body {
    padding-left: 0;
    display: flex;
    /*justify-content: space-around;*/ }
.linea-block .linea-data--head input, .linea-block .linea-data--body input {
    max-width: 100%; }
.linea-block .linea-data--head .holder, .linea-block .linea-data--body .holder {
    text-align: center;
    margin-right: 10px; }
.linea-block .linea-data--head .holder:first-child, .linea-block .linea-data--body .holder:first-child {
    width: 100px; }
.linea-block .linea-data--head .holder > div:first-child, .linea-block .linea-data--body .holder > div:first-child {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 5px; }
.linea-block .linea-data--head .holder > div:last-child, .linea-block .linea-data--body .holder > div:last-child {
    margin-top: 5px; }
.linea-block .linea-data--head .pipelinea, .linea-block .linea-data--body .pipelinea {
    border-left: 1px solid #e5e5e5; }
.linea-block .linea-asignar {
    border-left: 1px solid #f5f5f5; }
.linea-block .linea-asignar .linea-asignar-pseudo-btn {
    display: inline-block;
    padding: 7px 10px;
    margin-top: 5px;
    cursor: pointer; }
.linea-block .linea-asignar .linea-asignar-pseudo-btn > i {
    margin-right: 5px; }
.linea-block .linea-asignar .linea-asignar-pseudo-btn > label {
    margin: 0;
    cursor: pointer; }
.linea-block .radio-inception {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2px; }
.linea-block .radio-inception > table {
    table-layout: inherit; }
.linea-block .radio-inception .ui-selectoneradio td {
    border: none !important; }
.linea-block .linea-delete {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 30px; }
.linea-block .linea-delete > .ui-button {
    box-shadow: 0px 1px 3px rgba(133, 138, 139, 0.5);
    transition: 0.4s all ease-in-out; }
.linea-block .linea-delete > .ui-button.ui-state-hover, .linea-block .linea-delete > .ui-button.ui-state-active {
    box-shadow: 0px 5px 10px rgba(133, 138, 139, 0.65) !important;
    transition: 0.4s all ease-in-out;
    transform: scale(1.2); }
.linea-block .linea-pie {
    display: flex;
    margin-top: 15px;
    border-top: 1px solid #f5f5f5;
    padding-top: 15px; }
.linea-block .linea-pie > div {
    margin-left: 10px;
    height: 100%;
    border-right: 1px solid #f5f5f5;
    padding-right: 20px; }
.linea-block .linea-pie > div:last-child {
    border-right: none; }

.view-block--header.asignar-multiples-lineas {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    background: #f5f5f5; }
.view-block--header.asignar-multiples-lineas .asignar-name {
    background: #f5f5f5;
    z-index: 1; }
.view-block--header.asignar-multiples-lineas .asignar-info {
    text-align: center;
    z-index: 2;
    background: #f5f5f5; }
.view-block--header.asignar-multiples-lineas .asignar-info i {
    margin-top: 10px; }
.view-block--header.asignar-multiples-lineas .pipelinea {
    height: 30px;
    margin: 8px 0 10px;
    border-color: gainsboro; }
.view-block--header.asignar-multiples-lineas .bg-absolute-line {
    top: 25px;
    background: #eaeaea; }
.view-block--body.asignar-multiples-lineas {
    float: left;
    width: 100%;
    padding: 0;
    border: 1px solid #bfc9d2;
    border-top: none;
    background: #F0F0F0; }

.lineas-holder {
    height: 100%;
    /*overflow: auto;*/ }

.linea-asignar.multilinea {
    height: 100%;
    /*overflow: auto;*/
    border-left: 2px dashed #b2b2b2;
    background: #f0f0f0;
    padding-bottom: 50px; }
.linea-asignar.multilinea > div {
    margin-top: 10px; }
.linea-asignar.multilinea .linea-asignar--detalle {
    margin-top: 10px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b2b2b2; }
.linea-asignar.multilinea .linea-asignar--detalle:first-child {
    margin-top: 0; }
.linea-asignar.multilinea .linea-asignar--detalle:nth-child(even) {
    background: #fafafa; }
.linea-asignar.multilinea .linea-asignar--detalle:last-child {
    border-bottom: none; }
.linea-asignar.multilinea .linea-asignar--detalle p {
    font-size: 10px; }
.linea-asignar.multilinea .ui-widget-content {
    background: none; }

.linea-block.multilinea {
    padding: 5px;
    margin-top: 0; }
.linea-block.multilinea .linea-img {
    padding-right: 15px;
    height: auto; }
.linea-block.multilinea .linea-img img {
    max-width: 50px; }
.linea-block.multilinea .linea-data > span {
    font-size: 14px;
    margin-top: 7px;
    display: inline-block;
    border-bottom: none; }
.linea-block.multilinea .linea-data .pipelinea {
    border-left: 1px solid #b2b2b2; }
.linea-block.multilinea .linea-delete {
    top: 9px;
    right: 20px; }

.carro-compras-steps {
    display: flex;
    align-items: center;
    justify-content: right; }
.carro-compras-steps--name {
    text-align: right;
    margin-right: 20px;
    font-size: 18px;
    color: #1092d1; }

.crear-req-rail {
    position: fixed;
    width: calc(100% - 16px);
    bottom: 0;
    background: whitesmoke;
    z-index: 999;
    border-top: 5px solid gainsboro;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 10 0 5px rgba(191, 201, 210, 0.5); }
.crear-req-rail--items--close {
    position: absolute;
    background: #c62727;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    text-align: center;
    transition: .8s all ease-out;
    color: white;
    bottom: -12px;
    left: 33px;
    border: 2px solid #F5F5F5;
    box-sizing: content-box;
    cursor: pointer; }
.crear-req-rail--items--close:hover {
    transform: rotate(360deg); }
.crear-req-rail--items--thumb img {
    width: 55px;
    height: 50px; }

.carro-item {
    padding: 0;
    border-bottom: 1px solid #FFF; }
.carro-item--header .pipelinea, .carro-item--body .pipelinea {
    position: absolute;
    height: 80%;
    left: 0;
    top: 10%;
    width: 1px;
    border: none;
    background-color: #e2e2e2; }
.carro-item--header {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    float: left;
    border-bottom: 1px solid #e2e2e2;
    background-color: #eeeeee; }
.carro-item--header--icons .fa-exclamation-circle {
    color: #FB8C00; }
.carro-item--header--close {
    height: 25px; }
.carro-item--header--close .ui-button.ui-button-icon-only {
    border: none;
    font-size: 2em !important;
    background-color: transparent !important;
    background: none !important;
    width: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-shadow: 0 0 transparent !important;
    transition: box-shadow .4s ease-in-out , color .4s ease-in-out; }
.carro-item--header--close .ui-button.ui-button-icon-only:hover {
    text-shadow: 0 4px #ccc !important; }
.carro-item--header--close .ui-button.ui-button-icon-only:hover > span.ui-button-icon-left {
    color: #9b1f1f; }
.carro-item--header--close .ui-button.ui-button-icon-only span.ui-button-icon-left {
    width: 30px;
    height: 100%;
    margin: auto !important;
    color: #c62727;
    top: 0;
    left: 0;
    right: 0; }
.carro-item--body {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fbfbfb; }
.carro-item--body label.col-md-3 {
    margin-right: 0; }
.carro-item--body .etiqueta {
    color: #858a8b; }
.carro-item--body--img {
    float: left;
    height: 100px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around; }
.carro-item--body--img img {
    max-width: 90px; }
.carro-item--body--content > div {
    margin-top: 10px; }
.carro-item--body--content .radio-inception {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2px; }
.carro-item--body--content .radio-inception > table {
    table-layout: inherit; }
.carro-item--body--content .radio-inception .ui-selectoneradio td {
    border: none !important; }
.carro-item--body--disponible {
    margin-top: 10px;
    text-align: right; }
.carro-item--body--disponible > div {
    margin-top: 10px; }
.carro-item--body--disponible > div:last-child {
    margin-top: 10px; }
.carro-item--body--summary {
    padding-right: 0; }
.carro-item--body--summary .summary-precioUnitario {
    text-align: right; }
.carro-item--body--summary .summary-precioUnitario i {
    font-size: 1.5em;
    float: left;
    margin-left: 20px;
    color: #858a8b; }
.carro-item--body--summary .summary-precioUnitario label {
    margin: 0; }
.carro-item--body--summary .summary-precioUnitario .label-precio {
    font-size: 16px !important;
    margin: 0 5px 0 10px; }
.carro-item--body--summary .summary-precioUnitario .label-moneda {
    margin: 0;
    font-weight: normal !important;
    font-size: 10px !important; }
.carro-item--body--summary hr {
    margin: 10px 0; }
.carro-item--body--summary .summary-montoTotal {
    text-align: right; }
.carro-item--body--summary .summary-montoTotal .label-precio {
    color: #204294;
    font-size: 20px !important;
    margin: 0 5px 0 10px; }
.carro-item--body--summary .summary-montoTotal .label-moneda {
    margin: 0;
    font-weight: normal !important;
    font-size: 10px !important; }

.animated, .filtros-multiseleccion .icon-semaforo-presupuesto:before, .filtros-multiseleccion .icon-semaforo-presupuesto:after {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.animated.infinite, .filtros-multiseleccion .icon-semaforo-presupuesto:before, .filtros-multiseleccion .icon-semaforo-presupuesto:after {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.animated.hinge, .filtros-multiseleccion .hinge.icon-semaforo-presupuesto:before, .filtros-multiseleccion .hinge.icon-semaforo-presupuesto:after {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }

.animated.bounceIn, .filtros-multiseleccion .bounceIn.icon-semaforo-presupuesto:before, .filtros-multiseleccion .bounceIn.icon-semaforo-presupuesto:after, .animated.bounceOut, .filtros-multiseleccion .bounceOut.icon-semaforo-presupuesto:before, .filtros-multiseleccion .bounceOut.icon-semaforo-presupuesto:after, .animated.flipOutX, .filtros-multiseleccion .flipOutX.icon-semaforo-presupuesto:before, .filtros-multiseleccion .flipOutX.icon-semaforo-presupuesto:after, .animated.flipOutY, .filtros-multiseleccion .flipOutY.icon-semaforo-presupuesto:before, .filtros-multiseleccion .flipOutY.icon-semaforo-presupuesto:after {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }

@-webkit-keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0); }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0); }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0); }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0); }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0); } }
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }

@-webkit-keyframes flash {
    50%,from,to {
        opacity: 1; }
    25%,75% {
        opacity: 0; } }
@keyframes flash {
    50%,from,to {
        opacity: 1; }
    25%,75% {
        opacity: 0; } }
.flash {
    -webkit-animation-name: flash;
    animation-name: flash; }

@-webkit-keyframes pulse {
    from,to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05); } }
@keyframes pulse {
    from,to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05); } }
.pulse, .filtros-multiseleccion .icon-semaforo-presupuesto:before, .filtros-multiseleccion .icon-semaforo-presupuesto:after {
    -webkit-animation-name: pulse;
    animation-name: pulse; }

@-webkit-keyframes rubberBand {
    from,to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1); }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1); }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1); }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1); }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1); } }
@keyframes rubberBand {
    from,to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1); }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1); }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1); }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1); }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1); } }
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand; }

@-webkit-keyframes shake {
    from,to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0); }
    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0); } }
@keyframes shake {
    from,to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0); }
    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0); } }
.shake {
    -webkit-animation-name: shake;
    animation-name: shake; }

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg); }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg); }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg); }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg); }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg); }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg); }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg); }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg); }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake; }

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg); }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg); }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg); }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg); }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg); }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg); }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg); }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg); }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing; }

@-webkit-keyframes tada {
    from,to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); }
    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } }
@keyframes tada {
    from,to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); }
    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } }
.tada {
    -webkit-animation-name: tada;
    animation-name: tada; }

@-webkit-keyframes wobble {
    from,to {
        -webkit-transform: none;
        transform: none; }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } }
@keyframes wobble {
    from,to {
        -webkit-transform: none;
        transform: none; }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } }
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble; }

@-webkit-keyframes jello {
    11.1%,from,to {
        -webkit-transform: none;
        transform: none; }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg); }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg); }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg); }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg); }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg); }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg); }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello {
    11.1%,from,to {
        -webkit-transform: none;
        transform: none; }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg); }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg); }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg); }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg); }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg); }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg); }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center; }

@-webkit-keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1); }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03); }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97); }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1); }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03); }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97); }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1); } }
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0); }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0); }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0); }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0); }
    to {
        -webkit-transform: none;
        transform: none; } }
@keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0); }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0); }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0); }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0); }
    to {
        -webkit-transform: none;
        transform: none; } }
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0); }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0); }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0); }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0); }
    to {
        -webkit-transform: none;
        transform: none; } }
@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0); }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0); }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0); }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0); }
    to {
        -webkit-transform: none;
        transform: none; } }
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0); }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0); }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0); }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0); }
    to {
        -webkit-transform: none;
        transform: none; } }
@keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0); }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0); }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0); }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0); }
    to {
        -webkit-transform: none;
        transform: none; } }
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0); }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0); }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0); }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0); }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0); }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0); }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0); }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0); }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9); }
    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1); }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9); }
    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1); }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0); }
    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0); }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0); }
    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0); }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0); }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0); }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0); }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0); }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0); }
    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0); }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0); }
    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0); }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }
@keyframes fadeIn {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
    from {
        opacity: 1; }
    to {
        opacity: 0; } }
@keyframes fadeOut {
    from {
        opacity: 1; }
    to {
        opacity: 0; } }
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out; }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out; }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; } }
@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out; }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out; }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; } }
.animated.flip, .filtros-multiseleccion .flip.icon-semaforo-presupuesto:before, .filtros-multiseleccion .flip.icon-semaforo-presupuesto:after {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip; }

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0; }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1; }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px); } }
@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0; }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1; }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px); } }
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX; }

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0; }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1; }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px); } }
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0; }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1; }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px); } }
.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY; }

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px); }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1; }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0; } }
@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px); }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1; }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0; } }
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px); }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1; }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0; } }
@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px); }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1; }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0; } }
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0; }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1; }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1; }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0; }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1; }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1; }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1; }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0; } }
@keyframes lightSpeedOut {
    from {
        opacity: 1; }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0; } }
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0; }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1; } }
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1; }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0; } }
@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1; }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0; } }
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1; }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0; } }
@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1; }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0; } }
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1; }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0; } }
@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1; }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0; } }
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1; }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0; } }
@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1; }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0; } }
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1; }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0; } }
@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1; }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0; } }
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }
    20%,60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }
    40%,80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1; }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0; } }
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }
    20%,60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out; }
    40%,80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1; }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0; } }
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge; }

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none; } }
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn; }

@-webkit-keyframes rollOut {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
    from {
        opacity: 1; }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut; }

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    50% {
        opacity: 1; } }
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    50% {
        opacity: 1; } }
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
    from {
        opacity: 1; }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    to {
        opacity: 0; } }
@keyframes zoomOut {
    from {
        opacity: 1; }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    to {
        opacity: 0; } }
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center; } }
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center; } }
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center; } }
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center; } }
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0); } }
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0); } }
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0); } }
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp; }

.no-buscaba--icon {
    animation: colorFlow 5s;
    -moz-animation: colorFlow 5s infinite;
    /* Firefox */
    -webkit-animation: colorFlow 5s infinite;
    /* Safari and Chrome */ }

@-moz-keyframes colorFlow /* Firefox */ {
    0% {
        color: #FB8C00; }
    50% {
        color: #c62727; }
    100% {
        color: #FB8C00; } }
@-webkit-keyframes colorFlow /* Safari and Chrome */ {
    0% {
        color: #FB8C00; }
    50% {
        color: #c62727; }
    100% {
        color: #FB8C00; } }
.introjs-tooltip {
    border-radius: 0; }
.introjs-tooltip .introjs-tooltiptext {
    font-size: 14px; }

.introjs-tooltipbuttons .introjs-button {
    border-radius: 0;
    padding: .5em 0.8em; }

.ui-disabled-item .item-card--info > *:not(.no-opacity) {
    opacity: .5;
    pointer-events: none; }

.ui-disabled-item > *:not(.no-opacity) {
    opacity: .5;
    pointer-events: none; }
.ui-disabled-item > *:not(.no-opacity) .no-opacity-inception {
    opacity: 1 !important;
    pointer-events: initial !important; }

.ui-disabled-item .alert-box {
    display: none;
    position: absolute;
    padding: 5px;
    border-radius: 5px;
    color: #000;
    background-color: #fff;
    top: 40%;
    width: 40%;
    left: 35%;
    font-size: 25px !important; }

.ui-disabled-item:hover .alert-box {
    display: block; }

.ui-disabled-item .item-card--img .item-card--pic > *:not(.alert-box) {
    opacity: .5;
    pointer-events: none; }

.warning {
    background: #fff8c4;
    border: 1px solid #f2c779; }

.ui-date-compras-fixed input {
    width: 70%; }

.required-val {
    font-size: 8px;
    color: red;
    padding-right: 3px;
    vertical-align: middle; }

.header-primary-blue {
    color: white !important;
    background-color: #204294 !important;
    border-color: #204294; }

.saldo-insuficiente {
    color: red; }

.ui-date-compras-fixed input {
    width: 70%; }

.required-val {
    font-size: 8px;
    color: red;
    padding-right: 3px;
    vertical-align: middle; }

.header-primary-blue {
    color: white !important;
    background-color: #204294 !important;
    border-color: #204294; }

.saldo-insuficiente {
    color: red; }

.ui-date-compras-fixed input {
    width: 70%; }

.required-val {
    font-size: 8px;
    color: red;
    padding-right: 3px;
    vertical-align: middle; }

.header-primary-blue {
    color: white !important;
    background-color: #204294 !important;
    border-color: #204294; }

.saldo-insuficiente {
    color: red; }

.txt-normal {
    font-weight: normal; }

.txt-bold {
    font-weight: bold; }

.spx--title {
    color: #204294;
    margin-top: 20px;
    position: relative; }
.spx--title h4 {
    text-transform: uppercase;
    font-family: "Arial Black", sans-serif !important; }
.spx--title.middle-lined h4 {
    z-index: 2;
    position: relative;
    display: inline-block;
    padding-right: 10px; }
.spx--title.middle-lined h4.white {
    background: white; }
.spx--title.middle-lined h4.bg-metalsa-grey-ultra-light {
    background: #fafafa; }
.spx--title.middle-lined .bg-absolute-line {
    margin-top: -20px;
    z-index: 1; }
.spx--title.underlined-title h4 {
    padding-bottom: 5px;
    padding-right: 50px;
    border-bottom: 1px solid #ccc;
    display: inline-block; }

.spx--header {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #bfc9d2 !important;
    font-size: 1.25em !important;
    text-indent: 1em !important;
    text-transform: uppercase !important;
    margin-top: 20px;
    margin-bottom: 10px; }
.spx--header > h1 {
    margin: 0 !important;
    padding: 10px 0 !important; }
.spx--header > h2 {
    font-size: 20px;
    margin: 0 !important;
    padding: 7px 0 !important; }

h1, h2, h3, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px; }

.form-control {
    border-radius: 0; }

ul {
    padding-left: 10px; }

li {
    list-style-type: none; }

.ui-chkbox {
    display: inline-block !important;
    float: left; }

label {
    display: inline-block; }

.breadcrumb {
    border-radius: 0;
    margin-bottom: 0;
    text-align: right;
    padding-bottom: 5px;
    padding-top: 10px;
    background: none;
    font-size: 10px; }
.breadcrumb > li + li::before {
    color: #1092d1; }

.ui-chkbox-box.ui-widget ~ .ui-outputlabel.ui-widget {
    margin-top: 0px; }

a:hover {
    text-decoration: none; }

#consultaDePresupuestoForm .ui-selectonemenu,
#consultaDePresupuestoForm .ui-selectcheckboxmenu {
    min-width: 150px;
    max-width: 280px; }

*:focus {
    outline: none !important; }

input[type='checkbox'],
input[type='radio'] {
    height: auto !important; }

.btn-block-idreq {
    border: 1px #bfc9d2 solid;
    border-radius: 0px;
    display: block;
    width: 100%; }

.form-control[disabled] {
    background-color: #fff; }

.calendar-control[disabled] {
    cursor: not-allowed !important;
    opacity: .7 !important;
}

input[disabled] {
    cursor: not-allowed !important;
    opacity: .7 !important;
}

.tabla-adjunto {
    width: 5% !important; }

.relacion {
    margin-left: -25px;
    margin-right: 7px;
    padding-top: 15px;
    font-size: 11px;
    font-weight: bold;
    color: floralwhite;
    height: inherit; }

.show-info-semaforo {
    display: none;
    height: 200px; }

.paginador-bottom {
    text-align: center;
    bottom: 10px;
    width: 100%;
    right: 5px;
    position: fixed; }

.paginador-bottom .btn-primary {
    border-radius: 0px !important;
    background-color: #015799;
    border-color: #015799; }

.paginador-bottom .btn-primary:active {
    background: #172f6a !important;
    border-color: #172f6a !important; }

.paginador-bottom .btn-primary:hover {
    background: #242424 !important;
    border-color: #f0f0f0 !important; }

.paginador-bottom .btn-primary[disabled]:hover {
    border-radius: 0px !important; }

.tab-ccpp {
    background: #dcdcdc; /*R22576*/
    width: 300px;
    height: 20px;
    position: relative;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 11px;
    color: #515758; }

.tab-ccpp:after {
    content: '';
    position: absolute;
    background: white;
    border: 20px solid;
    border-bottom: 0;
    border-color: whitesmoke whitesmoke #f5f5f5 #dcdcdc; /*R22576*/
    top: 0;
    right: 0;
    width: 30%; }

.spx-cc-block--header {
    height: 45px;
    background: #dcdcdc; /*R22576*/
    display: flex;
    align-items: center;
    color: #FFF;
    border-bottom: 1px solid #bfc9d2;
    transition: background .4s ease-in-out; }

.btn-rect {
    border-radius: 0 !important; }

.req-stage.reducionux-patronus.tabla-reducir {
    width: calc(100% - 285px); }

@media screen and (max-width: 1440px) and (min-width: 1281px) {
    .txt-resize {
        font-size: 10px !important; } }
@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .txt-resize {
        font-size: 9px !important; } }
@media screen and (max-width: 1024px) {
    .txt-resize {
        font-size: 7px !important; } }
@media (min-width: 992px) {
    #campos_busqueda_avanzada .col-md-offset-1 {
        margin-left: 7.333333% !important; } }
.tabla-sugerencias {
    padding: 0; }
.tabla-sugerencias .ui-panel-content {
    padding: 0; }
.tabla-sugerencias .ui-panel-content {
    border: 1px solid #bfc9d2; }
.tabla-sugerencias__imagen {
    width: 50px;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px; }

.no-buscaba {
    display: flex;
    justify-content: center;
    flex-direction: column; }
.no-buscaba i {
    font-size: 2em;
    color: #515758; }

.view--grid .no-buscaba.item-card {
    height: 320px; }

#userBtnsArea\:overlayPanelCarro {
    width: 400px; }
#userBtnsArea\:overlayPanelCarro .ui-overlaypanel-content .ui-datascroller-header {
    padding: 10px 5px;
    border-bottom: 1px solid #bfc9d2 !important; }
#userBtnsArea\:overlayPanelCarro .ui-overlaypanel-content .ui-datascroller-header label {
    color: #515758;
    margin-bottom: 0; }
#userBtnsArea\:overlayPanelCarro .ui-overlaypanel-content .ui-datascroller-content {
    padding: 0;
    background: #fafafa; }
#userBtnsArea\:overlayPanelCarro .ui-overlaypanel-content .ui-datascroller-content .item-flotante:nth-child(even) {
    background: #FFF; }
#userBtnsArea\:overlayPanelCarro .ui-overlaypanel-content .ui-datascroller-content .item-flotante {
    padding-top: 5px;
    padding-bottom: 5px; }
#userBtnsArea\:overlayPanelCarro .ui-overlaypanel-content .ui-datascroller-content .item-flotante--descripcion {
    padding-left: 0;
    padding-right: 0; }
#userBtnsArea\:overlayPanelCarro .ui-overlaypanel-content .ui-datascroller-content .item-flotante--delete {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -14px; }
#userBtnsArea\:overlayPanelCarro .ui-overlaypanel-content .ui-datascroller-content .item-flotante--delete > button {
    width: 24px !important;
    height: 24px !important;
    transition: .01s all ease-in-out; }
#userBtnsArea\:overlayPanelCarro .ui-overlaypanel-content .divFooter {
    height: 40px;
    background: #fdfdfd;
    /*width: 100%; background: $ !important; text-align: center;*/ }

.tableNOfixed .ui-datatable-tablewrapper table {
    table-layout: auto; }

#formSpot\:dlFiles table {
    width: 70%; }

.spot-upload .ui-fileupload-content {
    width: 70%;
    position: relative;
    border: none; }
.spot-upload .ui-fileupload-content .ui-fileupload-files {
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #fafafa; }

.div-contenedor-total-msgs.NewCart {
    top: -19px;
    z-index: 1;
    right: auto;
    left: 0px; }

.div-contenedor-total-msgs.NewCart {
    top: -19px;
    z-index: 1;
    right: auto;
    left: 0px; }

.spx-notificacion-carrito {
    position: absolute;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #8BC34A;
    background: #FFF;
    z-index: 9999;
    top: 85px;
    right: 85px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
.spx-notificacion-carrito > img {
    min-height: 50px; }

.spx-notificacion-carrito.animate {
    opacity: 1; }

.xnnBg {
    right: 0;
    height: 48px;
    width: 25px;
    position: absolute;
    top: 0;
    background: #FF5722;
    z-index: 9997; }

.checkMark {
    padding: 10px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

.mark-left, .mark-right {
    opacity: 0;
    transition: .5s all ease-in-out; }

.mark-left {
    height: 10px;
    width: 1px;
    transform: rotate(45deg);
    background-color: #0a93d2; }

.mark-left.animate {
    width: 15px; }

.mark-right {
    height: 10px;
    width: 1px;
    transform: rotate(-45deg);
    margin-left: 3px;
    margin-top: -13px;
    background-color: #00b3ee; }

.mark-right.animate {
    width: 25px; }

.overlayPanelMotor {
    width: 320px;
    top: 5px !important;
    margin-left: -80px;
    opacity: 80;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }

.overlayPanelMotor .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item {
    height: 17px;
    width: 95%;
    float: left;
    border: 1px solid #bfc9d2;
    border-left: none;
    border-right: 0;
    margin-bottom: 3px; }

.overlayPanelMotor.ui-overlay-hidden {
    opacity: 0;
    right: 0; }

.overlayPanelMotor > .ui-overlaypanel-content {
    padding: 0; }

.overlayPanelMotor .ui-datascroller-header {
    background: #f5f5f5;
    padding-top: 3px;
    padding-bottom: 3px;
    border: none;
    border-bottom: 1px solid #bfc9d2;
    text-align: unset; }

.overlayPanelMotor .ui-datascroller-header label {
    color: #515758;
    margin: 0; }

.overlayPanelMotor .ui-datascroller-content {
    background: #FFF;
    padding: 0;
    float: left;
    height: 120px !important; }

.overlayPanelMotorGrid {
    width: 320px;
    top: 130px !important;
    margin-left: -400px;
    opacity: 80;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }

.overlayPanelMotorGrid .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item {
    height: 17px;
    width: 95%;
    float: left;
    border: 1px solid #bfc9d2;
    border-left: none;
    border-right: 0;
    margin-bottom: 3px; }

.overlayPanelMotorGrid.ui-overlay-hidden {
    opacity: 0;
    right: 0; }

.overlayPanelMotorGrid > .ui-overlaypanel-content {
    padding: 0; }

.overlayPanelMotorGrid .ui-datascroller-header {
    background: #f5f5f5;
    padding-top: 3px;
    padding-bottom: 3px;
    border: none;
    border-bottom: 1px solid #bfc9d2;
    text-align: unset; }

.overlayPanelMotorGrid .ui-datascroller-header label {
    color: #515758;
    margin: 0; }

.overlayPanelMotorGrid .ui-datascroller-content {
    background: #FFF;
    padding: 0;
    float: left;
    height: 120px !important; }

.first-chkbox .ui-chkbox-box {
    margin: 0 0 0 25%; }

.tit-change-recibo {
    margin-top: 15px;
    font-size: 18px;
    padding-left: 45px; }

/*------------------------------------------------------------------------------
OSCAR
es para lista de combos simple y multiple para quitarte la [X] de cerra en los filtros para IE
------------------------------------------------------------------------------*/
.input-without-btn-clear::-ms-clear {
    display: none !important; }

.ui-selectonemenu-filter-container input[type=text]::-ms-clear {
    display: none !important; }

.ui-selectcheckboxmenu-filter-container input[type=text]::-ms-clear {
    display: none !important; }

.header-nav i.fa.fa-file-text {
    padding-right: 3px;
    padding-top: 2px; }

/* ie The undead */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /*PAGINATORS
    -------------*/
    .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next,
    .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first,
    .ui-paginator .ui-paginator-prev {
        height: 20px;
        vertical-align: middle; }
    .ui-paginator .ui-paginator-page > .ui-icon, .ui-paginator .ui-paginator-next > .ui-icon,
    .ui-paginator .ui-paginator-last > .ui-icon, .ui-paginator .ui-paginator-first > .ui-icon,
    .ui-paginator .ui-paginator-prev > .ui-icon {
        height: 100% !important;
        line-height: 15px !important; } }
.guide-intro-block {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: 25px;
    right: 25px;
    background: #1092d1;
    border-radius: 6px;
    padding: 10px;
    transition: 0.4s all ease-in-out; }
.guide-intro-block a > div {
    display: inline-block;
    float: left;
    color: #FFF; }
.guide-intro-block a > div i {
    color: #1092d1;
    transition: 0.4s all ease-in-out; }
.guide-intro-block a > div:first-child {
    background-color: white;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px; }
.guide-intro-block:hover {
    background-color: #204294;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15); }
.guide-intro-block:hover a > div i {
    color: #204294; }

/* SELECCION DE COTIZACIONES */
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px; }

.form-control {
    height: 30px;
    padding: 5px;
    border-radius: 0;
    box-shadow: none !important; }

.spacer-fixer {
    display: block;
    height: 200px;
    width: 200px;
    float: left; }

code {
    padding: 4px 6px;
    border-radius: 2px; }

input[type=checkbox],
input[type=radio] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.25);
    /* IE */
    -moz-transform: scale(1.25);
    /* FF */
    -webkit-transform: scale(1.25);
    /* Safari and Chrome */
    -o-transform: scale(1.25);
    /* Opera */
    padding: 10px; }

.nav li a {
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 0px; }

/* COMIENZA SELECCION*/
.color-primario {
    color: #204395; }

.bg-primario {
    background-color: #204395; }

.color-secundario {
    color: #515758; }

.bg-secundario {
    background-color: #515758; }

.color-terciario {
    color: #d41e3d; }

.bg-terciario {
    background-color: #d41e3d; }

.color-complementario-cyan {
    color: #0a93d2; }

.bg-complementario-cyan {
    background-color: #0a93d2;
    color: white; }

.color-complementario-gris-1 {
    color: #6a747b; }

.bg-complementario-gris-1 {
    background-color: #6a747b;
    color: white; }

.color-success {
    color: #8bc34a; }

.bg-success {
    background-color: #8bc34a; }

.color-alert {
    color: #c62727; }

.bg-alert {
    background-color: #c62727; }

.color-warning {
    color: #F57C00; }

.bg-warning {
    background-color: #F57C00; }

.color-info {
    color: #B3E5FC; }

.bg-info {
    background-color: #B3E5FC; }

.color-white {
    color: #FFF; }

.bg-white {
    background-color: #FFF; }

.spx-card-block {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14); }
.spx-card-block--header {
    height: 35px;
    background-color: #E0E0E0;
    border-bottom: 1px solid #FAFAFA; }
.spx-card-block--header.pre-header {
    border-bottom: none;
    background-color: #BDBDBD; }
.spx-card-block--header .card-title {
    font-size: 18px;
    margin-top: 10px; }
.spx-card-block--body .div-holder {
    width: 100%;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #f0f0f0; }
.spx-card-block--footer {
    background-color: #EEEEEE; }

.filtros-req {
    display: flex;
    justify-content: space-around; }

.spx-requisicion-block {
    /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); */
    background-color: #f5f5f5; }
.spx-requisicion-block:last-child {
    margin-bottom: 20px; }
.spx-requisicion-block--header {
    height: 45px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #FFF;
    border-bottom: 1px solid #bfc9d2;
    transition: background .4s ease-in-out; }
/* .spx-requisicion-block--header.cc-del {
    border-left: 4px #4392fb solid; }
.spx-requisicion-block--header.cc-resp {
    border-left: 4px #f9f9f9 solid; } */
.spx-requisicion-block--header:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 50%, #def2fd 100%);
    background: -webkit-linear-gradient(top, #f5f5f5 50%, #def2fd 100%);
    background: linear-gradient(to bottom, #f5f5f5 50%, #def2fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#def2fd',GradientType=0 ); }
.spx-requisicion-block--header:hover label {
    margin-left: 10px; }
.spx-requisicion-block--header .req-number {
    font-size: 14px;
    display: flex;
    align-items: center; }
.spx-requisicion-block--header .req-number .fa-chevron-right {
    transition: all .4s ease-in-out;
    color: #515758;
    padding: 5px;
    border-radius: 50%; }
.spx-requisicion-block--header .req-number input {
    margin: 0 15px; }
.spx-requisicion-block--header .req-number label {
    margin-bottom: 0;
    cursor: pointer;
    color: #1092d1;
    text-transform: uppercase;
    transition: 0.4s all ease-in-out; }
.spx-requisicion-block--header .req-number--requisitor, .spx-requisicion-block--header .req-number--costo {
    display: inline-block;
    color: #515758;
    background-color: #f0f0f0;
    font-size: 12px;
    padding: 4px 6px;
    margin-left: 15px;
    transition: 0.4s all ease-in-out;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent; }
.spx-requisicion-block--header .req-number--requisitor span, .spx-requisicion-block--header .req-number--costo span {
    font-weight: 400;
    transition: 0.4s all ease-in-out; }
.spx-requisicion-block--header .req-number--requisitor {
    border-radius: 2px; }
.spx-requisicion-block--header .req-btns-right {
    left: 0;
    right: 0;
    margin: auto;
    margin-right: auto;
    margin-right: 0;
    display: inline-flex;
    align-items: center; }
.spx-requisicion-block--header.active {
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 50%, #def2fd 100%);
    background: -webkit-linear-gradient(top, #f5f5f5 50%, #def2fd 100%);
    background: linear-gradient(to bottom, #f5f5f5 50%, #def2fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#def2fd',GradientType=0 ); }
.spx-requisicion-block--header.active .req-number .fa-chevron-right {
    transform: rotate(90deg); }
.spx-requisicion-block--header .req-btnsTools button {
    margin-right: 5px; }
.spx-requisicion-block--header .req-verDetalle {
    margin: auto;
    margin-right: 0;
    display: inline-block; }
.spx-requisicion-block--header .req-verDetalle a {
    float: right; }
.spx-requisicion-block--header .req-verDetalle .btn-ver-detalle:before {
    content: "\f0ce";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 10px; }
.spx-requisicion-block--header .req-costo-holder {
    float: right; }
.spx-requisicion-block--header .req-costo-holder .req-number--costo {
    position: relative;
    height: 25px;
    min-width: 170px;
    vertical-align: middle;
    border-radius: 15px;
    background-color: #204294;
    border: 1px solid #1b397f;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 0 2px rgba(220, 220, 220, 0.1);
    color: #FFF;
    text-align: center;
    box-shadow: inset 0px 0px 4px #1b397f; }
.spx-requisicion-block--header .req-costo-holder .req-number--costo > div {
    padding-top: 2px;
    display: inline-block; }
.spx-requisicion-block--header .req-costo-holder .req-number--costo span {
    font-size: 12px;
    color: #FFF;
    text-shadow: 1px 1px #122655; }
.spx-requisicion-block--body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    background-color: #FFF;
    border: 1px solid white;
    border-top: none;
    display: none; }
.spx-requisicion-block ~ .spx-requisicion-block {
    margin-top: 15px; }

/*<R18241>
.spx-requisicion-block:first-child .spx-requisicion-block--body {
  display: block; }
</R18241>*/

.card-block {
    /*width: 230px;*/
    padding: 0 5px;
    margin-top: 10px;
    transition: 0.4s all ease-in-out;
    cursor: pointer; }
.card-block--head {
    height: 50px;
    background: #bfbfbf; }
.card-block--body {
    height: 100px;
    width: 100%;
    background: #d9d9d9;
    float: left;
    transition: 0.4s all ease-in-out; }
.card-block.card-open {
    width: 33.33333333%;
    height: 310px; }
.card-block.card-open .card-block--body {
    height: 260px;
    background: #e5e5e5; }

.mutter-table {
    margin-top: 20px; }
.mutter-table:first-child {
    margin-top: 0; }

.card-table table {
    border: 1px solid #bfc9d2; }
.card-table table:first-child {
    border-bottom: 3px solid #e2e2e2;
    border-top: 2px solid #204294; }
.card-table table:first-child thead {
    /*height: 60px;*/
    background: #1092d1;
    color: white; }
.card-table table:nth-child(2) thead tr > th {
    font-size: 10px !important;
    padding: 3px 2px !important;
    line-height: 11px; }
.card-table table:nth-child(2), .card-table table:nth-child(3) {
    border-top: none;
    border-left: 50px solid transparent; }
.card-table table:nth-child(2) .elMasMejor-td.elMasMejor .masMejorDiv {
    height: 32px;
    width: 32px;
    right: 5px;
    background-color: #FFF;
    border: 2px solid #8BC34A;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
.card-table table:nth-child(2) .elMasMejor-td.elMasMejor .masMejorDiv i.fa:after {
    content: "\f164";
    color: #8bc34a; }
.card-table table > thead {
    /*height: 30px;*/
    background: #b4e3f9; }
.card-table table.line-ready > thead {
    background: #8BC34A; }
.card-table table.line-not-ready > thead {
    background: #c62727;
    color: #FFF; }
.card-table table tbody tr {
    border-bottom: 1px solid #bfc9d2; }
.card-table table tbody tr tr, .card-table table tbody tr td {
    transition: 0.4s all ease-in-out; }
.card-table table tbody tr.tr-active td {
    background-color: #446fd6;
    color: #FFF; }
.card-table table tbody tr.tr-active #tabla-concepto-gasto tr {
    background-color: #c1d0f2; }
.card-table table tbody tr.tr-active #tabla-concepto-gasto tr td {
    background-color: #e8e8e8;
    color: #204294; }
.card-table table.table-no-limit th, .card-table table.table-no-limit td {
    font-size: 11px;
    padding: 5px !important;
    text-align: center; }
.card-table table.table-no-limit th.table-descripcion, .card-table table.table-no-limit td.table-descripcion {
    width: 400px;
    text-align: left; }
.card-table table th.fieldActive.asc i:before {
    content: ""; }
.card-table table th.fieldActive.desc i:before {
    content: ""; }

#tabla-concepto-gasto table {
    border: 1px solid #bfc9d2;
    border-top: none;
    border-left: 50px solid transparent; }
#tabla-concepto-gasto table > thead {
    height: 30px;
    background: #b4e3f9; }
#tabla-concepto-gasto table tr {
    max-height: 20px;
    height: 20px !important; }

.card-table-actions {
    padding-left: 50px;
    padding-right: 0; }
.card-table-actions .div-holder {
    background: #fafafa;
    padding: 10px 15px;
    border-top: 2px solid #e5e5e5;
    float: left;
    width: 100%;
    border-left: 1px solid #bfc9d2; }

.vista-detalle-title {
    display: inline-block;
    padding: 5px 10px 0;
    background-color: #f5f5f5; }
.vista-detalle-title > div {
    display: inline-block;
    padding: 0 10px;
    border-radius: 2px;
    color: #204294;
    background-color: #f6f6f6;
    border: 1px solid #f8f8f8; }

.spx-tabs ul, .spx-tabs li,
.spx-tabs li a {
    height: 35px; }
.spx-tabs .nav-tabs li {
    position: relative;
    margin-right: 1px; }
.spx-tabs .nav-tabs.nav-tabs > li > a {
    position: relative;
    padding: 5px 15px;
    border-radius: 20px 20px 0 0;
    display: flex;
    align-items: center; }
.spx-tabs .nav-tabs.nav-tabs li.active a {
    background-color: #f5f5f5;
    font-weight: bold;
    letter-spacing: 1px;
    color: #1092d1; }
.spx-tabs .nav-tabs.nav-tabs li.active a .tab-notification-tray {
    background: #e8e8e8;
    border: 1px solid #e3e3e3; }
.spx-tabs .nav-tabs.nav-tabs li.active a .tab-notification-tray .tab-notification-icon svg {
    fill: #1092d1; }
.spx-tabs .nav-tabs li:not(active):hover a {
    background-color: rgba(16, 146, 209, 0.25); }
.spx-tabs .nav-tabs li a {
    /*display: flex; align-items: center; justify-content: center;*/
    background-color: #c2c2c2;
    position: relative;
    transition: 0.4s all ease-in-out; }
.spx-tabs .nav-tabs li a .tab-notification-tray {
    background: #f0f0f0;
    display: inline-block;
    width: 24px;
    border-radius: 12px;
    border: 1px solid #ededed;
    float: left; }
.spx-tabs .nav-tabs li a .tab-notification-tray .tab-notification-icon {
    position: relative;
    height: 24px;
    width: 24px;
    float: left;
    display: none; }
.spx-tabs .nav-tabs li a .tab-notification-tray .tab-notification-icon svg {
    fill: #9da4a5; }
.spx-tabs .nav-tabs li a .tab-notification-tray .tab-notification-number {
    width: 24px;
    height: 24px;
    background: transparent;
    float: left;
    text-align: center;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-indent: 0;
    text-shadow: 1px 1px 1px #FFF;
    color: #c62727; }
.spx-tabs .nav-tabs li a .tab-title {
    position: relative;
    float: left; }

.container > .row {
    margin-top: 20px; }

.mt-0 {
    margin-top: 0px !important; }

.mt-5 {
    margin-top: 5px !important; }

.mt-10 {
    margin-top: 10px !important; }

.mt-15 {
    margin-top: 15px !important; }

.mt-20 {
    margin-top: 20px !important; }

.mt-25 {
    margin-top: 25px !important; }

.mt-30 {
    margin-top: 30px !important; }

.mt-35 {
    margin-top: 35px !important; }

.mt-40 {
    margin-top: 40px !important; }

.mt-45 {
    margin-top: 45px !important; }

.mt-50 {
    margin-top: 50px !important; }

.mt-55 {
    margin-top: 55px !important; }

.mt-60 {
    margin-top: 60px !important; }

.mt-65 {
    margin-top: 65px !important; }

.mt-70 {
    margin-top: 70px !important; }

.mt-75 {
    margin-top: 75px !important; }

.mt-80 {
    margin-top: 80px !important; }

.mt-85 {
    margin-top: 85px !important; }

.mt-90 {
    margin-top: 90px !important; }

.mt-95 {
    margin-top: 95px !important; }

.mt-100 {
    margin-top: 100px !important; }

.mt-105 {
    margin-top: 105px !important; }

.mt-110 {
    margin-top: 110px !important; }

.mt-115 {
    margin-top: 115px !important; }

.mt-120 {
    margin-top: 120px !important; }

.mt-125 {
    margin-top: 125px !important; }

.mt-130 {
    margin-top: 130px !important; }

.mt-135 {
    margin-top: 135px !important; }

.mt-140 {
    margin-top: 140px !important; }

.mt-145 {
    margin-top: 145px !important; }

.mt-150 {
    margin-top: 150px !important; }

.mt-155 {
    margin-top: 155px !important; }

.mt-160 {
    margin-top: 160px !important; }

.mt-165 {
    margin-top: 165px !important; }

.mt-170 {
    margin-top: 170px !important; }

.mt-175 {
    margin-top: 175px !important; }

.mt-180 {
    margin-top: 180px !important; }

.mt-185 {
    margin-top: 185px !important; }

.mt-190 {
    margin-top: 190px !important; }

.mt-195 {
    margin-top: 195px !important; }

.mt-200 {
    margin-top: 200px !important; }

.mr-0 {
    margin-right: 0px !important; }

.mr-5 {
    margin-right: 5px !important; }

.mr-10 {
    margin-right: 10px !important; }

.mr-15 {
    margin-right: 15px !important; }

.mr-20 {
    margin-right: 20px !important; }

.mr-25 {
    margin-right: 25px !important; }

.mr-30 {
    margin-right: 30px !important; }

.mr-35 {
    margin-right: 35px !important; }

.mr-40 {
    margin-right: 40px !important; }

.mr-45 {
    margin-right: 45px !important; }

.mr-50 {
    margin-right: 50px !important; }

.mr-55 {
    margin-right: 55px !important; }

.mr-60 {
    margin-right: 60px !important; }

.mr-65 {
    margin-right: 65px !important; }

.mr-70 {
    margin-right: 70px !important; }

.mr-75 {
    margin-right: 75px !important; }

.mr-80 {
    margin-right: 80px !important; }

.mr-85 {
    margin-right: 85px !important; }

.mr-90 {
    margin-right: 90px !important; }

.mr-95 {
    margin-right: 95px !important; }

.mr-100 {
    margin-right: 100px !important; }

.mr-105 {
    margin-right: 105px !important; }

.mr-110 {
    margin-right: 110px !important; }

.mr-115 {
    margin-right: 115px !important; }

.mr-120 {
    margin-right: 120px !important; }

.mr-125 {
    margin-right: 125px !important; }

.mr-130 {
    margin-right: 130px !important; }

.mr-135 {
    margin-right: 135px !important; }

.mr-140 {
    margin-right: 140px !important; }

.mr-145 {
    margin-right: 145px !important; }

.mr-150 {
    margin-right: 150px !important; }

.mr-155 {
    margin-right: 155px !important; }

.mr-160 {
    margin-right: 160px !important; }

.mr-165 {
    margin-right: 165px !important; }

.mr-170 {
    margin-right: 170px !important; }

.mr-175 {
    margin-right: 175px !important; }

.mr-180 {
    margin-right: 180px !important; }

.mr-185 {
    margin-right: 185px !important; }

.mr-190 {
    margin-right: 190px !important; }

.mr-195 {
    margin-right: 195px !important; }

.mr-200 {
    margin-right: 200px !important; }

.mb-0 {
    margin-bottom: 0px !important; }

.mb-5 {
    margin-bottom: 5px !important; }

.mb-10 {
    margin-bottom: 10px !important; }

.mb-15 {
    margin-bottom: 15px !important; }

.mb-20 {
    margin-bottom: 20px !important; }

.mb-25 {
    margin-bottom: 25px !important; }

.mb-30 {
    margin-bottom: 30px !important; }

.mb-35 {
    margin-bottom: 35px !important; }

.mb-40 {
    margin-bottom: 40px !important; }

.mb-45 {
    margin-bottom: 45px !important; }

.mb-50 {
    margin-bottom: 50px !important; }

.mb-55 {
    margin-bottom: 55px !important; }

.mb-60 {
    margin-bottom: 60px !important; }

.mb-65 {
    margin-bottom: 65px !important; }

.mb-70 {
    margin-bottom: 70px !important; }

.mb-75 {
    margin-bottom: 75px !important; }

.mb-80 {
    margin-bottom: 80px !important; }

.mb-85 {
    margin-bottom: 85px !important; }

.mb-90 {
    margin-bottom: 90px !important; }

.mb-95 {
    margin-bottom: 95px !important; }

.mb-100 {
    margin-bottom: 100px !important; }

.mb-105 {
    margin-bottom: 105px !important; }

.mb-110 {
    margin-bottom: 110px !important; }

.mb-115 {
    margin-bottom: 115px !important; }

.mb-120 {
    margin-bottom: 120px !important; }

.mb-125 {
    margin-bottom: 125px !important; }

.mb-130 {
    margin-bottom: 130px !important; }

.mb-135 {
    margin-bottom: 135px !important; }

.mb-140 {
    margin-bottom: 140px !important; }

.mb-145 {
    margin-bottom: 145px !important; }

.mb-150 {
    margin-bottom: 150px !important; }

.mb-155 {
    margin-bottom: 155px !important; }

.mb-160 {
    margin-bottom: 160px !important; }

.mb-165 {
    margin-bottom: 165px !important; }

.mb-170 {
    margin-bottom: 170px !important; }

.mb-175 {
    margin-bottom: 175px !important; }

.mb-180 {
    margin-bottom: 180px !important; }

.mb-185 {
    margin-bottom: 185px !important; }

.mb-190 {
    margin-bottom: 190px !important; }

.mb-195 {
    margin-bottom: 195px !important; }

.mb-200 {
    margin-bottom: 200px !important; }

.ml-0 {
    margin-left: 0px !important; }

.ml-5 {
    margin-left: 5px !important; }

.ml-10 {
    margin-left: 10px !important; }

.ml-15 {
    margin-left: 15px !important; }

.ml-20 {
    margin-left: 20px !important; }

.ml-25 {
    margin-left: 25px !important; }

.ml-30 {
    margin-left: 30px !important; }

.ml-35 {
    margin-left: 35px !important; }

.ml-40 {
    margin-left: 40px !important; }

.ml-45 {
    margin-left: 45px !important; }

.ml-50 {
    margin-left: 50px !important; }

.ml-55 {
    margin-left: 55px !important; }

.ml-60 {
    margin-left: 60px !important; }

.ml-65 {
    margin-left: 65px !important; }

.ml-70 {
    margin-left: 70px !important; }

.ml-75 {
    margin-left: 75px !important; }

.ml-80 {
    margin-left: 80px !important; }

.ml-85 {
    margin-left: 85px !important; }

.ml-90 {
    margin-left: 90px !important; }

.ml-95 {
    margin-left: 95px !important; }

.ml-100 {
    margin-left: 100px !important; }

.ml-105 {
    margin-left: 105px !important; }

.ml-110 {
    margin-left: 110px !important; }

.ml-115 {
    margin-left: 115px !important; }

.ml-120 {
    margin-left: 120px !important; }

.ml-125 {
    margin-left: 125px !important; }

.ml-130 {
    margin-left: 130px !important; }

.ml-135 {
    margin-left: 135px !important; }

.ml-140 {
    margin-left: 140px !important; }

.ml-145 {
    margin-left: 145px !important; }

.ml-150 {
    margin-left: 150px !important; }

.ml-155 {
    margin-left: 155px !important; }

.ml-160 {
    margin-left: 160px !important; }

.ml-165 {
    margin-left: 165px !important; }

.ml-170 {
    margin-left: 170px !important; }

.ml-175 {
    margin-left: 175px !important; }

.ml-180 {
    margin-left: 180px !important; }

.ml-185 {
    margin-left: 185px !important; }

.ml-190 {
    margin-left: 190px !important; }

.ml-195 {
    margin-left: 195px !important; }

.ml-200 {
    margin-left: 200px !important; }

.m-0 {
    margin: 0px !important; }

.m-5 {
    margin: 5px !important; }

.m-10 {
    margin: 10px !important; }

.m-15 {
    margin: 15px !important; }

.m-20 {
    margin: 20px !important; }

.m-25 {
    margin: 25px !important; }

.m-30 {
    margin: 30px !important; }

.m-35 {
    margin: 35px !important; }

.m-40 {
    margin: 40px !important; }

.m-45 {
    margin: 45px !important; }

.m-50 {
    margin: 50px !important; }

.m-55 {
    margin: 55px !important; }

.m-60 {
    margin: 60px !important; }

.m-65 {
    margin: 65px !important; }

.m-70 {
    margin: 70px !important; }

.m-75 {
    margin: 75px !important; }

.m-80 {
    margin: 80px !important; }

.m-85 {
    margin: 85px !important; }

.m-90 {
    margin: 90px !important; }

.m-95 {
    margin: 95px !important; }

.m-100 {
    margin: 100px !important; }

.m-105 {
    margin: 105px !important; }

.m-110 {
    margin: 110px !important; }

.m-115 {
    margin: 115px !important; }

.m-120 {
    margin: 120px !important; }

.m-125 {
    margin: 125px !important; }

.m-130 {
    margin: 130px !important; }

.m-135 {
    margin: 135px !important; }

.m-140 {
    margin: 140px !important; }

.m-145 {
    margin: 145px !important; }

.m-150 {
    margin: 150px !important; }

.m-155 {
    margin: 155px !important; }

.m-160 {
    margin: 160px !important; }

.m-165 {
    margin: 165px !important; }

.m-170 {
    margin: 170px !important; }

.m-175 {
    margin: 175px !important; }

.m-180 {
    margin: 180px !important; }

.m-185 {
    margin: 185px !important; }

.m-190 {
    margin: 190px !important; }

.m-195 {
    margin: 195px !important; }

.m-200 {
    margin: 200px !important; }

.pt-0 {
    padding-top: 0px !important; }

.pt-5 {
    padding-top: 5px !important; }

.pt-10 {
    padding-top: 10px !important; }

.pt-15 {
    padding-top: 15px !important; }

.pt-20 {
    padding-top: 20px !important; }

.pt-25 {
    padding-top: 25px !important; }

.pt-30 {
    padding-top: 30px !important; }

.pt-35 {
    padding-top: 35px !important; }

.pt-40 {
    padding-top: 40px !important; }

.pt-45 {
    padding-top: 45px !important; }

.pt-50 {
    padding-top: 50px !important; }

.pt-55 {
    padding-top: 55px !important; }

.pt-60 {
    padding-top: 60px !important; }

.pt-65 {
    padding-top: 65px !important; }

.pt-70 {
    padding-top: 70px !important; }

.pt-75 {
    padding-top: 75px !important; }

.pt-80 {
    padding-top: 80px !important; }

.pt-85 {
    padding-top: 85px !important; }

.pt-90 {
    padding-top: 90px !important; }

.pt-95 {
    padding-top: 95px !important; }

.pt-100 {
    padding-top: 100px !important; }

.pt-105 {
    padding-top: 105px !important; }

.pt-110 {
    padding-top: 110px !important; }

.pt-115 {
    padding-top: 115px !important; }

.pt-120 {
    padding-top: 120px !important; }

.pt-125 {
    padding-top: 125px !important; }

.pt-130 {
    padding-top: 130px !important; }

.pt-135 {
    padding-top: 135px !important; }

.pt-140 {
    padding-top: 140px !important; }

.pt-145 {
    padding-top: 145px !important; }

.pt-150 {
    padding-top: 150px !important; }

.pt-155 {
    padding-top: 155px !important; }

.pt-160 {
    padding-top: 160px !important; }

.pt-165 {
    padding-top: 165px !important; }

.pt-170 {
    padding-top: 170px !important; }

.pt-175 {
    padding-top: 175px !important; }

.pt-180 {
    padding-top: 180px !important; }

.pt-185 {
    padding-top: 185px !important; }

.pt-190 {
    padding-top: 190px !important; }

.pt-195 {
    padding-top: 195px !important; }

.pt-200 {
    padding-top: 200px !important; }

.pr-0 {
    padding-right: 0px !important; }

.pr-5 {
    padding-right: 5px !important; }

.pr-10 {
    padding-right: 10px !important; }

.pr-15 {
    padding-right: 15px !important; }

.pr-20 {
    padding-right: 20px !important; }

.pr-25 {
    padding-right: 25px !important; }

.pr-30 {
    padding-right: 30px !important; }

.pr-35 {
    padding-right: 35px !important; }

.pr-40 {
    padding-right: 40px !important; }

.pr-45 {
    padding-right: 45px !important; }

.pr-50 {
    padding-right: 50px !important; }

.pr-55 {
    padding-right: 55px !important; }

.pr-60 {
    padding-right: 60px !important; }

.pr-65 {
    padding-right: 65px !important; }

.pr-70 {
    padding-right: 70px !important; }

.pr-75 {
    padding-right: 75px !important; }

.pr-80 {
    padding-right: 80px !important; }

.pr-85 {
    padding-right: 85px !important; }

.pr-90 {
    padding-right: 90px !important; }

.pr-95 {
    padding-right: 95px !important; }

.pr-100 {
    padding-right: 100px !important; }

.pr-105 {
    padding-right: 105px !important; }

.pr-110 {
    padding-right: 110px !important; }

.pr-115 {
    padding-right: 115px !important; }

.pr-120 {
    padding-right: 120px !important; }

.pr-125 {
    padding-right: 125px !important; }

.pr-130 {
    padding-right: 130px !important; }

.pr-135 {
    padding-right: 135px !important; }

.pr-140 {
    padding-right: 140px !important; }

.pr-145 {
    padding-right: 145px !important; }

.pr-150 {
    padding-right: 150px !important; }

.pr-155 {
    padding-right: 155px !important; }

.pr-160 {
    padding-right: 160px !important; }

.pr-165 {
    padding-right: 165px !important; }

.pr-170 {
    padding-right: 170px !important; }

.pr-175 {
    padding-right: 175px !important; }

.pr-180 {
    padding-right: 180px !important; }

.pr-185 {
    padding-right: 185px !important; }

.pr-190 {
    padding-right: 190px !important; }

.pr-195 {
    padding-right: 195px !important; }

.pr-200 {
    padding-right: 200px !important; }

.pb-0 {
    padding-bottom: 0px !important; }

.pb-5 {
    padding-bottom: 5px !important; }

.pb-10 {
    padding-bottom: 10px !important; }

.pb-15 {
    padding-bottom: 15px !important; }

.pb-20 {
    padding-bottom: 20px !important; }

.pb-25 {
    padding-bottom: 25px !important; }

.pb-30 {
    padding-bottom: 30px !important; }

.pb-35 {
    padding-bottom: 35px !important; }

.pb-40 {
    padding-bottom: 40px !important; }

.pb-45 {
    padding-bottom: 45px !important; }

.pb-50 {
    padding-bottom: 50px !important; }

.pb-55 {
    padding-bottom: 55px !important; }

.pb-60 {
    padding-bottom: 60px !important; }

.pb-65 {
    padding-bottom: 65px !important; }

.pb-70 {
    padding-bottom: 70px !important; }

.pb-75 {
    padding-bottom: 75px !important; }

.pb-80 {
    padding-bottom: 80px !important; }

.pb-85 {
    padding-bottom: 85px !important; }

.pb-90 {
    padding-bottom: 90px !important; }

.pb-95 {
    padding-bottom: 95px !important; }

.pb-100 {
    padding-bottom: 100px !important; }

.pb-105 {
    padding-bottom: 105px !important; }

.pb-110 {
    padding-bottom: 110px !important; }

.pb-115 {
    padding-bottom: 115px !important; }

.pb-120 {
    padding-bottom: 120px !important; }

.pb-125 {
    padding-bottom: 125px !important; }

.pb-130 {
    padding-bottom: 130px !important; }

.pb-135 {
    padding-bottom: 135px !important; }

.pb-140 {
    padding-bottom: 140px !important; }

.pb-145 {
    padding-bottom: 145px !important; }

.pb-150 {
    padding-bottom: 150px !important; }

.pb-155 {
    padding-bottom: 155px !important; }

.pb-160 {
    padding-bottom: 160px !important; }

.pb-165 {
    padding-bottom: 165px !important; }

.pb-170 {
    padding-bottom: 170px !important; }

.pb-175 {
    padding-bottom: 175px !important; }

.pb-180 {
    padding-bottom: 180px !important; }

.pb-185 {
    padding-bottom: 185px !important; }

.pb-190 {
    padding-bottom: 190px !important; }

.pb-195 {
    padding-bottom: 195px !important; }

.pb-200 {
    padding-bottom: 200px !important; }

.pl-0 {
    padding-left: 0px !important; }

.pl-5 {
    padding-left: 5px !important; }

.pl-10 {
    padding-left: 10px !important; }

.pl-15 {
    padding-left: 15px !important; }

.pl-20 {
    padding-left: 20px !important; }

.pl-25 {
    padding-left: 25px !important; }

.pl-30 {
    padding-left: 30px !important; }

.pl-35 {
    padding-left: 35px !important; }

.pl-40 {
    padding-left: 40px !important; }

.pl-45 {
    padding-left: 45px !important; }

.pl-50 {
    padding-left: 50px !important; }

.pl-55 {
    padding-left: 55px !important; }

.pl-60 {
    padding-left: 60px !important; }

.pl-65 {
    padding-left: 65px !important; }

.pl-70 {
    padding-left: 70px !important; }

.pl-75 {
    padding-left: 75px !important; }

.pl-80 {
    padding-left: 80px !important; }

.pl-85 {
    padding-left: 85px !important; }

.pl-90 {
    padding-left: 90px !important; }

.pl-95 {
    padding-left: 95px !important; }

.pl-100 {
    padding-left: 100px !important; }

.pl-105 {
    padding-left: 105px !important; }

.pl-110 {
    padding-left: 110px !important; }

.pl-115 {
    padding-left: 115px !important; }

.pl-120 {
    padding-left: 120px !important; }

.pl-125 {
    padding-left: 125px !important; }

.pl-130 {
    padding-left: 130px !important; }

.pl-135 {
    padding-left: 135px !important; }

.pl-140 {
    padding-left: 140px !important; }

.pl-145 {
    padding-left: 145px !important; }

.pl-150 {
    padding-left: 150px !important; }

.pl-155 {
    padding-left: 155px !important; }

.pl-160 {
    padding-left: 160px !important; }

.pl-165 {
    padding-left: 165px !important; }

.pl-170 {
    padding-left: 170px !important; }

.pl-175 {
    padding-left: 175px !important; }

.pl-180 {
    padding-left: 180px !important; }

.pl-185 {
    padding-left: 185px !important; }

.pl-190 {
    padding-left: 190px !important; }

.pl-195 {
    padding-left: 195px !important; }

.pl-200 {
    padding-left: 200px !important; }

.p-0 {
    padding: 0px !important; }

.p-5 {
    padding: 5px !important; }

.p-10 {
    padding: 10px !important; }

.p-15 {
    padding: 15px !important; }

.p-20 {
    padding: 20px !important; }

.p-25 {
    padding: 25px !important; }

.p-30 {
    padding: 30px !important; }

.p-35 {
    padding: 35px !important; }

.p-40 {
    padding: 40px !important; }

.p-45 {
    padding: 45px !important; }

.p-50 {
    padding: 50px !important; }

.p-55 {
    padding: 55px !important; }

.p-60 {
    padding: 60px !important; }

.p-65 {
    padding: 65px !important; }

.p-70 {
    padding: 70px !important; }

.p-75 {
    padding: 75px !important; }

.p-80 {
    padding: 80px !important; }

.p-85 {
    padding: 85px !important; }

.p-90 {
    padding: 90px !important; }

.p-95 {
    padding: 95px !important; }

.p-100 {
    padding: 100px !important; }

.p-105 {
    padding: 105px !important; }

.p-110 {
    padding: 110px !important; }

.p-115 {
    padding: 115px !important; }

.p-120 {
    padding: 120px !important; }

.p-125 {
    padding: 125px !important; }

.p-130 {
    padding: 130px !important; }

.p-135 {
    padding: 135px !important; }

.p-140 {
    padding: 140px !important; }

.p-145 {
    padding: 145px !important; }

.p-150 {
    padding: 150px !important; }

.p-155 {
    padding: 155px !important; }

.p-160 {
    padding: 160px !important; }

.p-165 {
    padding: 165px !important; }

.p-170 {
    padding: 170px !important; }

.p-175 {
    padding: 175px !important; }

.p-180 {
    padding: 180px !important; }

.p-185 {
    padding: 185px !important; }

.p-190 {
    padding: 190px !important; }

.p-195 {
    padding: 195px !important; }

.p-200 {
    padding: 200px !important; }

.pull-up-0 {
    margin-top: -0px !important; }

.pull-up-5 {
    margin-top: -5px !important; }

.pull-up-10 {
    margin-top: -10px !important; }

.pull-up-15 {
    margin-top: -15px !important; }

.pull-up-20 {
    margin-top: -20px !important; }

.pull-up-25 {
    margin-top: -25px !important; }

.pull-up-30 {
    margin-top: -30px !important; }

.pull-up-35 {
    margin-top: -35px !important; }

.pull-up-40 {
    margin-top: -40px !important; }

.pull-up-45 {
    margin-top: -45px !important; }

.pull-up-50 {
    margin-top: -50px !important; }

.pull-up-55 {
    margin-top: -55px !important; }

.pull-up-60 {
    margin-top: -60px !important; }

.pull-up-65 {
    margin-top: -65px !important; }

.pull-up-70 {
    margin-top: -70px !important; }

.pull-up-75 {
    margin-top: -75px !important; }

.pull-up-80 {
    margin-top: -80px !important; }

.pull-up-85 {
    margin-top: -85px !important; }

.pull-up-90 {
    margin-top: -90px !important; }

.pull-up-95 {
    margin-top: -95px !important; }

.pull-up-100 {
    margin-top: -100px !important; }

.pull-up-105 {
    margin-top: -105px !important; }

.pull-up-110 {
    margin-top: -110px !important; }

.pull-up-115 {
    margin-top: -115px !important; }

.pull-up-120 {
    margin-top: -120px !important; }

.pull-up-125 {
    margin-top: -125px !important; }

.pull-up-130 {
    margin-top: -130px !important; }

.pull-up-135 {
    margin-top: -135px !important; }

.pull-up-140 {
    margin-top: -140px !important; }

.pull-up-145 {
    margin-top: -145px !important; }

.pull-up-150 {
    margin-top: -150px !important; }

.pull-up-155 {
    margin-top: -155px !important; }

.pull-up-160 {
    margin-top: -160px !important; }

.pull-up-165 {
    margin-top: -165px !important; }

.pull-up-170 {
    margin-top: -170px !important; }

.pull-up-175 {
    margin-top: -175px !important; }

.pull-up-180 {
    margin-top: -180px !important; }

.pull-up-185 {
    margin-top: -185px !important; }

.pull-up-190 {
    margin-top: -190px !important; }

.pull-up-195 {
    margin-top: -195px !important; }

.pull-up-200 {
    margin-top: -200px !important; }

.push-down-0 {
    margin-bottom: -0px !important; }

.push-down-5 {
    margin-bottom: -5px !important; }

.push-down-10 {
    margin-bottom: -10px !important; }

.push-down-15 {
    margin-bottom: -15px !important; }

.push-down-20 {
    margin-bottom: -20px !important; }

.push-down-25 {
    margin-bottom: -25px !important; }

.push-down-30 {
    margin-bottom: -30px !important; }

.push-down-35 {
    margin-bottom: -35px !important; }

.push-down-40 {
    margin-bottom: -40px !important; }

.push-down-45 {
    margin-bottom: -45px !important; }

.push-down-50 {
    margin-bottom: -50px !important; }

.push-down-55 {
    margin-bottom: -55px !important; }

.push-down-60 {
    margin-bottom: -60px !important; }

.push-down-65 {
    margin-bottom: -65px !important; }

.push-down-70 {
    margin-bottom: -70px !important; }

.push-down-75 {
    margin-bottom: -75px !important; }

.push-down-80 {
    margin-bottom: -80px !important; }

.push-down-85 {
    margin-bottom: -85px !important; }

.push-down-90 {
    margin-bottom: -90px !important; }

.push-down-95 {
    margin-bottom: -95px !important; }

.push-down-100 {
    margin-bottom: -100px !important; }

.push-down-105 {
    margin-bottom: -105px !important; }

.push-down-110 {
    margin-bottom: -110px !important; }

.push-down-115 {
    margin-bottom: -115px !important; }

.push-down-120 {
    margin-bottom: -120px !important; }

.push-down-125 {
    margin-bottom: -125px !important; }

.push-down-130 {
    margin-bottom: -130px !important; }

.push-down-135 {
    margin-bottom: -135px !important; }

.push-down-140 {
    margin-bottom: -140px !important; }

.push-down-145 {
    margin-bottom: -145px !important; }

.push-down-150 {
    margin-bottom: -150px !important; }

.push-down-155 {
    margin-bottom: -155px !important; }

.push-down-160 {
    margin-bottom: -160px !important; }

.push-down-165 {
    margin-bottom: -165px !important; }

.push-down-170 {
    margin-bottom: -170px !important; }

.push-down-175 {
    margin-bottom: -175px !important; }

.push-down-180 {
    margin-bottom: -180px !important; }

.push-down-185 {
    margin-bottom: -185px !important; }

.push-down-190 {
    margin-bottom: -190px !important; }

.push-down-195 {
    margin-bottom: -195px !important; }

.push-down-200 {
    margin-bottom: -200px !important; }

.h-100 {
    height: 100px; }

.h-200 {
    height: 200px; }

.h-300 {
    height: 300px; }

.h-400 {
    height: 400px; }

.h-500 {
    height: 500px; }

.h-600 {
    height: 600px; }

.h-700 {
    height: 700px; }

.h-800 {
    height: 800px; }

.h-900 {
    height: 900px; }

input {
    border-width: 1px;
    border-style: solid;
    box-shadow: none; }

input {
    border-color: #bfc9d2 !important;
    color: #515758;
    background: none; }

input:hover {
    border-color: #515758 !important;
    color: #515758;
    /*background: $white;*/ }
input:focus {
    border-color: #1092d1 !important;
    color: #515758;
    /*background: $spx-inputs-bg-focus;*/ }

input[type='checkbox'] {
    cursor: pointer;
    height: auto !important; }

/* ie The undead */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    input {
        background-color: transparent; }

    .input-uen {
        padding-left: 3px !important;
        padding-top: 6px !important; }

    .ms-input-no-x::-ms-clear {
        display: none; } }
textarea {
    resize: none; }

/*////////// SOLO PARA IE //////////*/
@media screen and (min-width: 0\0) {
    .notification-circle2 {
        right: 59px; } }
/*termina media screen IE*/
.spx-divider {
    float: left;
    height: 30px; }
.spx-divider--line {
    position: absolute;
    height: 1px;
    width: 100% !important;
    background-color: #f5f5f5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
.spx-divider .divider-circle {
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: white;
    border: 1px solid #f5f5f5;
    top: 0;
    border-radius: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center; }

.fechas-rango {
    display: flex;
    align-items: center; }
.fechas-rango > input {
    width: 120px;
    text-align: center; }
.fechas-rango--to {
    margin: 0 10px; }
.fechas-rango label {
    margin-bottom: 0; }
.fechas-rango i {
    color: #515758;
    font-size: 1.5em;
    margin-left: 10px; }

.tabla-aprobaciones--cabecera {
    display: flex;
    align-items: center;
    padding: 5px 15px;
    background-color: #dde2e7;
    border-left: 1px solid #bfc9d2;
    border-right: 1px solid #bfc9d2;
    border-bottom: 1px solid #bfc9d2; }
.tabla-aprobaciones--cabecera .ristra-btns {
    left: 0;
    right: 0;
    margin: auto;
    margin-right: auto;
    margin-right: 0; }
.tabla-aprobaciones--cabecera .ristra-btns button {
    height: 34px;
    width: 34px; }
.tabla-aprobaciones table thead {
    background-color: #1092d1;
    color: #FFF; }

.wampa {
    background-color: #c62727;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
.wampa i {
    position: absolute;
    color: #000; }
.wampa:before {
    content: attr(aria-befor);
    display: inline-block;
    position: absolute;
    top: -15px;
    text-align: center;
    border: 1px solid #b12323;
    font-size: 9px;
    padding: 2px;
    background-color: #da4646;
    z-index: 99;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(81, 87, 88, 0.5); }
.wampa:after {
    content: '';
    position: relative;
    bottom: 15px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #711616; }

.uBg {
    position: absolute;
    min-height: 1px;
    min-width: 1px;
    background-color: #c62727;
    transition: 0.4s all ease-in-out;
    padding: 0;
    opacity: 0;
    top: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(81, 87, 88, 0); }
.uBg .uBg-txt {
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
    font-size: 10px;
    font-weight: bold; }

.linea-block:hover .uBg {
    min-height: 20px;
    min-width: 50px;
    top: -25px;
    padding: 2px 5px;
    opacity: 1;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
.linea-block:hover .uBg .uBg-txt {
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden; }

.notification-circle2 {
    background: #FFF;
    border: 2px solid #204294;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(81, 87, 88, 0);
    cursor: pointer;
    height: 28px;
    margin-right: -37px;
    text-align: center;
    transition: 0.4s all ease-in-out;
    top: 12px;
    right: 48px;
    overflow: hidden;
    padding-top: 1px !important;
    padding-right: 2px !important;
    position: absolute;
    width: 28px; }

.notification-circle2 span.total-items {
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    line-height: 24px;
    color: #515758;
    font-size: 12px;
    font-weight: bold; }

.notification-circle2:hover {
    background: #f5f5f5;
    border-color: #FFF;
    color: #204294;
    box-shadow: 0 0 10px rgba(81, 87, 88, 0.6); }

.make-me-float {
    position: absolute;
    color: transparent;
    text-align: center;
    background-color: transparent;
    font-size: 14px;
    height: 30px;
    width: 100%;
    float: left;
    padding-top: 5px;
    letter-spacing: 1px;
    width: 100% !important; }

.make-me-float.is_stuck {
    background-color: #e8e8e8 !important;
    top: 55px !important;
    box-shadow: 0 0 4px rgba(81, 87, 88, 0.5) !important;
    color: #1092d1;
    font-weight: bold;
    z-index: 100; }
/*<AG13802>*/
#gifCargando{
    opacity: .7;
}

#gifCargando,
#gifCargando2 {
    z-index: 1000;
    position: fixed;
    top: 135px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }
#gifCargando .divi-bg,
#gifCargando2 .divi-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #fff !important;}
/*<AG13802>*/

#gifCargando > img, #gifCargando2 > img {
    width: 200px;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100px;
    margin: auto; }

.div-contenedor-btn-carro {
    font-family: Arial, Helvetica Neue,Helvetica,sans-serif; }
.div-contenedor-btn-carro .popover {
    border-radius: 0; }
.div-contenedor-btn-carro .popover .popover-title {
    font-size: 16px;
    font-weight: 700;
    padding-left: 30px !important; }
.div-contenedor-btn-carro .popover .popover-name {
    padding: 10px !important; }
.div-contenedor-btn-carro .popover .popover-title-items {
    float: right;
    font-size: 12px;
    margin-right: 65px; }
.div-contenedor-btn-carro .popover .popover-content {
    border-radius: 0; }
.div-contenedor-btn-carro .popover .popover-content {
    padding: 0px; }
.div-contenedor-btn-carro .popover .popover-content #cartItems {
    padding-left: 0;
    padding-right: 0; }
.div-contenedor-btn-carro .fa-stack {
    width: 32px;
    height: 18px;
    line-height: 18px; }
.div-contenedor-btn-carro .fa-stack-2x {
    font-size: 18px; }
.div-contenedor-btn-carro .fa-stack-1x {
    font-size: 9px !important; }
.div-contenedor-btn-carro .descripcion {
    text-align: center;
    font-size: 11px;
    text-transform: lowercase; 
    max-width: 20px;
    overflow: hidden;}
.div-contenedor-btn-carro .btn-circle {
    width: 24px;
    height: 24px;
    padding: 3px 0 !important;
    transition: .01s all ease-in-out; }
.div-contenedor-btn-carro .btn-circle:hover {
    box-shadow: 0px 5px 10px rgba(133, 138, 139, 0.65) !important;
    transition: 0.4s all ease-in-out;
    transform: scale(1.2); }
/*.div-contenedor-btn-carro .table > tbody > tr > td {
    padding-top: 5px !important;
    padding-bottom: 15px !important; }*/
.div-contenedor-btn-carro .btn-carrito {
    font-size: 12px !important;
    font-family: Arial, Helvetica Neue,Helvetica,sans-serif;
    font-weight: bold; }
.div-contenedor-btn-carro .ui-button.ui-button-text-icon-left {
    padding: 0px 10px !important; }
.div-contenedor-btn-carro .ui-button.spx--btn__orange.ui-state-default:hover {
    color: #015699 !important; }

.icon-svg {
    display: inline-flex;
    width: 24px;
    height: 24px;
    float: left;
    align-items: center;
    justify-content: center; }

/*esto es lo que te comente hace ratos*/
#breq button, .breq button {
    border-radius: 0;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between; }

#breq .dropdown-menu, .breq .dropdown-menu {
    margin: 0;
    border-radius: 0;
    max-height: 300px; }

/**/
#meinControla.chatlog-active,
.tab-pane.active.chatlog-active,
.tab-pane.active.presupuesto-active {
    width: calc(100% - 320px); }

#edicion-pre-aprobacion {
    width: 400px;
    height: 100vh;
    background: #FAFAFA;
    display: block;
    position: fixed;
    top: 85px;
    right: -400px;
    z-index: 99;
    transition: all .2s ease-in;
    box-shadow: 0 0 0 transparent;
    overflow-y: auto; }

#edicion-pre-aprobacion.active {
    transform: translateX(-400px);
    height: calc(100vh - 85px);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }

.tab-pane.active.edicion-pre-aprobacion {
    width: calc(100% - 420px); }

.linea-requi-estatus.line-ready td:first-child { 
    border-left: 2px solid #22D369
}

.linea-requi-estatus.line-ready td { 
    background: #E9FBF0;
    border-bottom: 2px solid #22D369
}

.linea-requi-estatus.line-semi-ready td:first-child { 
    background-color: gold; }

.linea-requi-estatus.line-not-ready td { 
    background: #FDEEED;
    border-bottom: 2px solid #EF5350 }

.linea-requi-estatus.line-not-ready td:first-child { 
    border-left: 2px solid #EF5350; }

#meinControla.presupuesto-active {
    width: calc(100% - 320px); }

.custom-checkbox {
    position: relative;
    height: 30px;
    width: 30px;
    float: left; }
.custom-checkbox > label {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ECEFF1;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #f5f5f5; }
.custom-checkbox--input {
    display: none; }
.custom-checkbox--input:not(:checked) + label > i {
    color: #515758; }
.custom-checkbox--input:not(:checked) + label {
    background-color: #FFF; }
.custom-checkbox--input:checked + label > i {
    color: #FFF; }
.custom-checkbox--input:checked + label {
    background-color: #1092d1; }
.custom-checkbox--input.abrir-todo:not(:checked) + label > i:before {
    content: '\f065'; }
.custom-checkbox--input.abrir-todo:checked + label > i:before {
    content: '\f066'; }
.custom-checkbox--input.cambiar-orden:checked + label > i {
    transform: rotate(180deg); }
.custom-checkbox--input.cambiar-orden-almacen:checked + label > i {
    transform: rotate(180deg); }
.custom-checkbox--input:not(:checked) + label > svg {
    fill: #515758; }
.custom-checkbox--input:checked + label > svg {
    fill: #FFF; }

.preguntas-recibos label {
    display: flex;
    align-items: center; }
.preguntas-recibos label input {
    height: auto !important;
    margin-right: 10px; }

.recibos-holder {
    position: relative;
    width: 100%;
    float: left; }
.recibos-holder.action-active {
    width: calc(100% - 450px ); }

.auto-rellenable {
    transition: all .2s ease-in-out;
    background-color: transparent; }
.auto-rellenable.flashMe {
    background-color: #8BC34A;
    color: #FFF;
    padding-left: 5px; }

.resultado-usuarios li {
    display: inline-block;
    float: left;
    margin-left: 10px; }

.motor-valoracion {
    padding-left: 5px; }
.motor-valoracion.estrellitas_1 i:nth-child(1) {
    color: #FFB300; }
.motor-valoracion.estrellitas_2 i:nth-child(1),
.motor-valoracion.estrellitas_2 i:nth-child(2) {
    color: #FFB300; }
.motor-valoracion.estrellitas_3 i:nth-child(1), .motor-valoracion.estrellitas_3 i:nth-child(2),
.motor-valoracion.estrellitas_3 i:nth-child(3) {
    color: #FFB300; }
.motor-valoracion.estrellitas_4 i:nth-child(1), .motor-valoracion.estrellitas_4 i:nth-child(2),
.motor-valoracion.estrellitas_4 i:nth-child(3), .motor-valoracion.estrellitas_4 i:nth-child(4) {
    color: #FFB300; }
.motor-valoracion.estrellitas_5 i {
    color: #FFB300; }

.flex-go-right {
    margin: auto;
    margin-right: 0; }

.buscador-contenedor {
    margin-top: 50px;
    margin-bottom: 35px; }

.buscador-contenedor-fixed {
    margin-top: 12px;
    margin-bottom: 10px; }

.busqueda-block {
    box-shadow: none; }
.busqueda-block .spx-card-block--header {
    background-color: transparent;
    border: none; }
.busqueda-block .spx-card-block--header .div-holder {
    height: 100%;
    width: 100%;
    float: left;
    background-color: transparent;
    transition: all .4s ease-in-out;
    display: flex;
    align-items: center;
    cursor: pointer; }
.busqueda-block .spx-card-block--header .div-holder .spx-btn.icon-search {
    margin: auto 0 auto auto; }
.busqueda-block .spx-card-block--header.advance-search .div-holder {
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
.busqueda-block .spx-card-block--header.advance-search .div-holder .card-title {
    color: #515758;
    margin-left: 0;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0; }
.busqueda-block .spx-card-block--header.advance-search .spx-btn.icon-search {
    background-color: transparent;
    border: none;
    margin-right: 15px; }
.busqueda-block .spx-card-block--header.advance-search .spx-btn.icon-search > i.fa-search:before {
    color: #515758; }
.busqueda-block .spx-card-block--header.advance-search.active .spx-btn.icon-search > i.fa-search:before {
    content: "\f00d";
    color: #FFF; }
.busqueda-block .spx-card-block--header.advance-search.active .div-holder {
    background-color: #1092d1; }
.busqueda-block .spx-card-block--header.advance-search.active .div-holder .card-title {
    color: #FFF; }
.busqueda-block .spx-card-block--body {
    display: none;
    margin-bottom: 20px; }

.filtros-multiseleccion {
    height: 55px;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    /*margin-bottom: 15px;*/
    transition: 0.4s all ease-in-out;
    z-index: 20;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-bottom: none; }
.filtros-multiseleccion-wide {
    height: auto;
    padding: 10px;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    /*margin-bottom: 15px;*/
    transition: 0.4s all ease-in-out;
    z-index: 20;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-bottom: none; }
.filtros-multiseleccion .icon-download-excel {
    width: 40px;
    height: 40px;
    margin-left: 0;
    /*background: #fafafa;*/
    display: flex;
    align-items: center;
    justify-content: center; }
.filtros-multiseleccion .icon-download-excel > img {
    height: 24px;
    cursor: pointer; }
.filtros-multiseleccion .icon-semaforo-presupuesto {
    position: relative;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1; }
.filtros-multiseleccion .icon-semaforo-presupuesto:before {
    position: absolute;
    /* height: 125%;
    width: 125%; */
    content: '';
    border-radius: 50%;
    z-index: 1;
    background-color: #b8bdbd;
    left: -3px;
    top: 0; }
.filtros-multiseleccion .icon-semaforo-presupuesto:after {
    position: absolute;
    /* height: 150%;
    width: 150%; */
    content: '';
    border-radius: 50%;
    z-index: 2;
    background-color: rgba(170, 176, 177, 0.5);
    left: -6px;
    top: -4px; }
.filtros-multiseleccion .icon-semaforo-presupuesto i {
    color: #515758;
    z-index: 3; }
.filtros-multiseleccion .icon-semaforo-presupuesto.hay-billete:before {
    background-color: #bcdc97; }
.filtros-multiseleccion .icon-semaforo-presupuesto.hay-billete:after {
    background-color: rgba(164, 208, 112, 0.5); }
.filtros-multiseleccion .icon-semaforo-presupuesto.hay-billete i {
    color: #0ac756; }
.filtros-multiseleccion .icon-semaforo-presupuesto.puede-haber-billete:before {
    background-color: #FFFA9D; }
.filtros-multiseleccion .icon-semaforo-presupuesto.puede-haber-billete:after {
    background-color: rgba(255, 215, 0, 0.5); }
.filtros-multiseleccion .icon-semaforo-presupuesto.puede-haber-billete i {
    color: gold; }
.filtros-multiseleccion .icon-semaforo-presupuesto.no-hay-billete:before {
    background-color: #e37070; }
.filtros-multiseleccion .icon-semaforo-presupuesto.no-hay-billete:after {
    background-color: rgba(218, 70, 70, 0.5); }
.filtros-multiseleccion .icon-semaforo-presupuesto.no-hay-billete i {
    color: #c62727; }
.filtros-multiseleccion .icon-semaforo-presupuesto-nota {
    float: left;
    margin-left: 10px;
    margin-top: 3px; }
.filtros-multiseleccion__multiselect label {
    float: left;
    margin: 5px 10px 0; }
.filtros-multiseleccion__multiselect multiselect {
    float: left;
    width: 350px; }
.filtros-multiseleccion__filtro {
    float: left; }
.filtros-multiseleccion__filtro label {
    margin-bottom: 0; }
.filtros-multiseleccion__multiseleccion {
    margin: auto;
    margin-right: 0; }
.filtros-multiseleccion__multiseleccion button[disabled] {
    cursor: not-allowed;
    opacity: .5; }

.filtros-recibo {
    position: relative;
    float: left;
    width: 100%; }

.flt-mltsel-fake {
    position: relative;
    height: 1px;
    background-color: transparent;
    transition: 0.4s all ease-in-out; }
.flt-mltsel-fake.encendido {
    height: 225px; }
.flt-mltsel-fake.encendido.super {
    height: 100px; }

.flt-mltsel {
    position: relative;
    height: 55px;
    z-index: 1 !important; }
.flt-mltsel.fixed {
    z-index: 9999; }
.flt-mltsel.fixed .filtros-multiseleccion {
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    margin-top: 0 !important; }
.flt-mltsel.fixed ~ .flt-mltsel-holder {
    display: block; }

.filtro-por-req {
    width: 200px;
    margin-left: 25px; }

.ordenar-por-filter {
    margin-left: 15px;
    display: flex; }
.ordenar-por-filter > button {
    padding: 2px;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px; }
.ordenar-por-filter > button.active {
    background-color: #1092d1; }
.ordenar-por-filter > button.active i {
    color: #FFF; }
.ordenar-por-filter .bootstrap-select {
    width: 200px !important;
    float: left !important; }
.ordenar-por-filter .bootstrap-select > button {
    font-size: 12px;
    color: #515758;
    border-radius: 0; }
.ordenar-por-filter .bootstrap-select > .dropdown-menu {
    border-radius: 0; }
.ordenar-por-filter .bootstrap-select > .dropdown-menu li a {
    padding: 3px 10px; }
.ordenar-por-filter .bootstrap-select > .dropdown-menu li a span.text {
    display: block !important;
    text-indent: 0 !important; }
.ordenar-por-filter .custom-checkbox {
    margin-left: 5px; }

.view-mode-filter {
    display: flex;
    align-items: center;
    font-size: 13px;
    margin: 0 auto 0 0;
    padding: 0 0 0 16px;
}
.view-mode-filter--label {
    display: inline-block;
    float: left;
    font-weight: 400;
    color: #555;
    padding: 5px; }
.view-mode-filter--options button {
    display: inline-block;
    float: left;
    font-size: 12px;
    color: #838b8c;
    border-color: #dadada;
    background-color: #e8e8e8; }
.view-mode-filter--options button.active {
    color: #018eec;
    border: 1px solid #018eec;
    font-weight: bold;
    background-color: #fbfdff;
    box-shadow: none;
}
.view-mode-filter--options button.active:hover {
    color: #018eec;
    border: 1px solid #018eec;
    font-weight: bold;
    background-color: #fbfdff;
    box-shadow: none;}

.searchear-block {
    position: absolute;
    width: 100%;
    left: 0;
    top: 55px;
    float: left;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    background-color: #FFF; }
.searchear-block .show-advance-search {
    display: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px; }
.searchear-block .show-advance-search > .div-holder {
    background-color: #FFF;
    border: none; }
.searchear-block .filtros-bump {
    position: absolute;
    width: 160px;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: auto;
    margin-left: 95px;
    cursor: pointer;
    z-index: 19; }
/*Filtros avanzados corregidos*/
.searcher-block {
    position: inherit;
    width: 100%;
    left: 0;
    top: 55px;
    float: left;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    background-color: #FFF; }
.searcher-block .show-advance-search {
    display: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px; }
.searcher-block .show-advance-search > .div-holder {
    background-color: #FFF;
    border: none; }
.searcher-block .filtros-bump {
    position: absolute;
    width: 160px;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: auto;
    margin-left: 95px;
    cursor: pointer;
    z-index: 0; }
.searcher-block .filtros-bump > div {
    position: absolute;
    width: 100%;
    text-align: center; }
.searcher-block .filtros-bump > div i,
.searcher-block .filtros-bump > div span {
    font-size: 10px;
    color: #FFF; }
.searcher-block .filtros-bump > svg {
    fill: #515758; }
/*Filtros avanzados corregidos*/
.filtros-bump {
    width: 160px;
    margin-left: 170px;
    z-index: 0; }
.filtros-bump > div {
    width: 100%;
    cursor: pointer;
    text-align: center; }
.searchear-block .filtros-bump > div {
    position: absolute;
    width: 100%;
    text-align: center; }
.searchear-block .filtros-bump > div i,
.searchear-block .filtros-bump > div span {
    font-size: 10px;
    color: #FFF; }
.filtros-bump > div i,
.filtros-bump > div span {
    font-size: 10px;
    color: #FFF; }
.searchear-block .filtros-bump > svg {
    fill: #515758; }
.filtros-bump > svg {
    fill: #515758; }

.fixed-btns {
    background-color: #fff;
    padding-left: 68%; }

.spx-btn {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent; }

.spx-btn {
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    color: #515758;
    background: #f4f4f4;
    transition: 0.3s all ease-in-out; }
.spx-btn:hover {
    border: 1px solid #d1d1d1;
    color: #515758;
    background: #eaeaea;
}
.spx-btn:focus {
    border: 1px solid #018eec;
    color: #018eec;
    background: #fafafa;
    transition: 0.3s all ease-in-out; }
.spx-btn:active {
    border: 1px solid #018eec;
    color: #018eec;
    background: #fafafa; }
.spx-btn.btn__hollow {
    border: 1px solid #515758;
    color: #515758;
    background: #f4f4f4; }
.spx-btn.btn__hollow:hover {
    border: 1px solid #393d3d;
    color: white;
    background: #515758; }
.spx-btn.btn__hollow:focus {
    border: 1px solid #1092d1;
    color: white;
    background: #1092d1; }
.spx-btn.btn__svg {
    width: 30px;
    height: 30px;
    padding: 0; }
.spx-btn.btn__svg svg {
    fill: #FFF; }

.busqueda-avanzada-btn-svg {
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    padding-top: 6px;
    width: 190px; }
.busqueda-avanzada-btn-svg .svg-icon {
    background-color: #fff; /*<AG13802>*/
    border: none; /*<AG13802>*/
    border-radius: 50%;
    float: left;
    height: 28px;
    margin-left: 2px;
    margin-top: -4px;
    margin-right: 3px;
    overflow: hidden;
    padding: 3px;
    width: 28px; }
.busqueda-avanzada-btn-svg .svg-icon svg {
    fill: #204294;
    width: 26px;
    height: auto; }
.busqueda-avanzada-btn-svg .btn__svg-txt {
    height: auto;
    display: inline-block;
    box-sizing: border-box; }
.busqueda-avanzada-btn-svg .svg-icon__txt {
    float: left; }

.spx-btn.bg-primario, .spx-btn.bg-secundario, .spx-btn.bg-terciario, .spx-btn.bg-success, .spx-btn.bg-alert, .spx-btn.bg-warning, .spx-btn.bg-info, .spx-btn.bg-complementario-cyan, .spx-btn.bg-metalsa-grey {
    color: #FFF; }
.spx-btn.btn__hollow {
    border: 1px solid #bfc9d2; }
.spx-btn.btn__empty {
    background-color: transparent;
    border: none; }
.spx-btn.btn__empty i {
    font-size: 18px;
    transform: scale(1);
    transition: all .2s ease-in-out; }
.spx-btn.btn__empty:hover i {
    transform: scale(1.03); }
.spx-btn.btn__empty:focus {
    background-color: transparent;
    color: #1092d1; }

.spx-btn.bg-metalsa-grey {
    background-color: #515758; }

.btn__empty {
    background-color: transparent;
    border: none; }

.header__btn {
    width: 40px !important;
    display: block;
}

.ic-proesa {
    background: url("#{resource['icons:ic-proesa.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
    display: block;
}

.ic-proesa:hover, .ic-proesa.active {
    background: url("#{resource['icons:ic-proesa-on.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
}

.ic-spot {
    background: url("#{resource['icons:ic-spot.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
    display: block;
}

.ic-spot:hover, .ic-spot.active {
    background: url("#{resource['icons:ic-spot-on.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
}

.ic-vf {
    background: url("#{resource['icons:ic-vf.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
    display: block;
}

.ic-vf:hover, .ic-vf.active {
    background: url("#{resource['icons:ic-vf-on.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
}

.ic-transf {
    background: url("#{resource['icons:ic-transf.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
    display: block;
}

.ic-transf:hover, .ic-transf.active {
    background: url("#{resource['icons:ic-transf-on.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
}

.ic-cart {
    background: url("#{resource['icons:ic-cart.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
    display: block;
}

.ic-cart:hover, .ic-cart.active {
    background: url("#{resource['icons:ic-cart-on.svg']}") no-repeat top center !important;
    width: 40px;
    height: 40px;
}

.btn__link {
    background-color: transparent;
    padding: 2px 4px;
    font-size: 12px;
    border-color: transparent;
    color: #204294; }
.btn__link:hover, .btn__link:focus {
    background-color: transparent;
    color: #1092d1; }

.btn__circle {
    border-radius: 50%;
    padding: 5px;
    width: 36px;
    height: 36px; }
.btn__circle ~ .btn__circle {
    margin-left: 10px; }

.spx-btn.bg-primario {
    color: white;
    background-color: #204292;
    border-color: #204292 ;}

.spx-btn.bg-primario:hover {
    background: #242424 !important;
    border-color: #f0f0f0 !important; }

.spx-btn.bg-primario:active {
    background: #172f6a !important;
    border-color: #172f6a !important;
    color: white !important; }
.spx-btn.bg-primario:focus {
    background: #1b397f !important;
    border-color: #204294 !important;
    color: white !important; }
.spx-btn.bg-primario.btn__hollow {
    color: #204294;
    background-color: transparent;
    border-color: #204294; }
.spx-btn.bg-primario.btn__hollow:hover {
    background: #2955be !important;
    color: #172f6a !important;
    border-color: #172f6a !important; }
.spx-btn.bg-primario.btn__hollow:active, .spx-btn.bg-primario.btn__hollow:focus {
    background: #2955be !important;
    border-color: #050a16 !important;
    color: #050a16 !important; }

.spx-btn.bg-secundario {
    color: white;
    background-color: #1092d1;
    border-color: #1092d1; }
.spx-btn.bg-secundario:hover {
    background: #0c71a2;
    border-color: #0c71a2; }
.spx-btn.bg-secundario:active {
    background: #0b608a;
    border-color: #052f43;
    color: white; }
.spx-btn.bg-secundario:focus {
    background: #0b608a;
    border-color: #052f43;
    color: white; }
.spx-btn.bg-secundario.btn__hollow {
    color: #1092d1;
    background-color: transparent;
    border-color: #1092d1; }
.spx-btn.bg-secundario.btn__hollow:hover {
    background: #26adee;
    color: #0c71a2;
    border-color: #0c71a2; }
.spx-btn.bg-secundario.btn__hollow:active {
    background: #3db6f0;
    border-color: #052f43;
    color: #052f43; }
.spx-btn.bg-secundario.btn__hollow:focus {
    background: #3db6f0;
    border-color: #052f43;
    color: #052f43; }

.spx-btn.bg-alert {
    color: white !important;
    background-color: #e81e32 !important;
    border-color: #e81e32 !important; }
.spx-btn.bg-alert:hover {
    background: #bf1425 !important;
    border-color: #e81e32 !important; }
.spx-btn.bg-alert:active, .spx-btn.bg-alert:focus {
    background: #910f1c !important;
    border-color: #bf1425 !important;
    color: white  !important; }
.spx-btn.bg-alert.btn__hollow {
    color: #e81e32;
    background-color: transparent !important;
    border-color: transparent !important; }
.spx-btn.bg-alert.btn__hollow:hover {
    background: #ed4c5c !important;
    color: #0c71a2;
    border-color: transparent; }
.spx-btn.bg-alert.btn__hollow:active, .spx-btn.bg-alert.btn__hollow:focus {
    background: #ef6371 !important;
    border-color: transparent;
    color: #052f43 !important; }

.spx-btn.spx-icon-btn {
    border: none;
    display: inline-block;
    border-radius: 50%;
    font-size: 16px;
    padding: 0;
    line-height: 0;
    background-color: transparent; }

#breq button,
.breq button {
    border-radius: 0;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between; }
#breq .dropdown-menu,
.breq .dropdown-menu {
    margin: 0;
    border-radius: 0; }

.disabled-drop-noevent .dropdown-menu li {
    opacity: .7;
    cursor: not-allowed !important;
}

.disabled-drop-noevent .dropdown-menu li:active {
    pointer-events: none;
}

button[disabled] {
    cursor: not-allowed;
    opacity: 0.5; }

a.disabled, .spx-btn.disabled {
    opacity: .7;
    cursor: not-allowed !important;
}

a.disabled:active, .spx-btn.disabled:active {
    pointer-events: none;
}

.spx-requisicion-block .linea-block {
    /* margin-top: 0; */
    border: 1px solid #eceff1;
    border-radius: 8px;
    /* width: 23%;
    margin-left: 16px;
    padding: 0 !important;
    margin-bottom: 16px; */
}

.spx-requisicion-block .linea-block:hover {
    box-shadow: 0 3px 14px rgba(112, 126, 154, 0.2);; }

.linea-block {
    padding: 0 5px;
    margin-top: 10px;
    background-color: transparent !important;
    transform: scale(1); }
.linea-block:hover:not(.linea-open):not(.linea-recibo) {
    transform: scale(1.03); }
.linea-block.linea-recibo .linea-block--head {
    cursor: auto; }
.linea-block.linea-recibo .linea-block--body {
    height: 235px;
    cursor: auto; }
.linea-block--head {
    position: relative;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #bfbfbf; }
.linea-block--head .linea-colorBar {
    position: absolute;
    height: 5px;
    width: 100%;
    top: 0;
    background-color: #c62727; }
.linea-block--head .linea-checkbox,
.linea-block--head .linea-icon {
    display: inline-block; }
.linea-block--head .linea-checkbox {
    margin-left: 10px; }
.linea-block--head .linea-checkbox > input {
    margin-top: 0; }
.linea-block--head .linea-checkbox.linea-checkbox-fake {
    visibility: hidden;
    pointer-events: none; }
.linea-block--head .linea-urgente-icon {
    background-color: #000;
    margin: 0; }
.linea-block--head .linea-urgente-icon span i {
    color: #c62727; }
.linea-block--head .tarjeta-esquina {
    background: #c62727;
    height: 100%;
    left: 0;
    margin: auto;
    margin-right: auto;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px; }
.linea-block--head span {
    font-size: 11px;
    margin-left: 8px; }
.linea-block--head span code {
    background-color: #f9f9fb;
    color: #868a92;
    border-radius: 4px;
    float: left;
    padding: 4px 8px; 
    font-family: Arial, Helvetica, sans-serif;}

.linea-block--head span span {
    margin-left: 0;
    font-size: 11px;
    font-weight: bold; }
.linea-block--head i {
    font-size: 16px;
    z-index: 20;
    color: #000; }
.linea-block--head .linea-icon {
    margin: auto;
    margin-right: 10px; }
.linea-block--head span.masMejorDiv {
    position: relative;
    height: 24px;
    width: 24px;
    margin-top: 1px;
    background-color: #FFF;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #c62727;
    display: flex;
    align-items: center;
    justify-content: center; }
.linea-block--head span.masMejorDiv i {
    position: relative;
    font-size: 12px;
    color: #c62727;
    z-index: 8; }
.linea-block--head span.masMejorDiv.elMasMejor {
    background-color: #22D369;
    border: none; }
.linea-block--head span.masMejorDiv.elMasMejor i {
    color: #fff !important; }
.linea-block--body {
    height: 100px;
    width: 100%;
    background: #f5f5f5;
    float: left;
    padding-bottom: 15px; }

.linea-checkbox.real-chkbox {
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 7px; }

.linea-block--head {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.linea-block--head.line-ready {
    border-top: 8px solid #0ac756; }
.linea-block--head.line-not-ready {
    border-top: 8px solid #c62727; }

.linea-block.linea-height-fixed .linea-block--body {
    height: 135px;
    cursor: default; }

.linea-block.linea-open, .linea-block.siempre-open-never-unopen  {
    width: 33.33333333%;
    /*height: 310px;*/
    height: auto; }
.linea-block.linea-open .linea-block--body, .linea-block.siempre-open-never-unopen .linea-block--body {
    /*height: 260px;*/
    height: auto; }
.linea-block.linea-open .linea-descripcion p, .linea-block.siempre-open-never-unopen .linea-descripcion p {
    overflow: visible;
    padding-bottom: 5px;
    height: auto; }
/*<R17804>*/
.linea-block.linea-open .linea-info, .linea-block.siempre-open-never-unopen .linea-info {
    display: block !important;
}

.linea-descripcion p {
    /* border-bottom: 1px solid #bfc9d2; */
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    color: #1D2433;
    overflow: hidden; }

/* .linea-costo-individual {
    display: flex;
    justify-content: center;
    margin-top: -11px;
    margin-bottom: 5px; } */

.linea-costo-individual .linea-costo-individual--tag {
    position: relative;
    vertical-align: middle;
    background-color: #204294;
    border-radius: 10px;
    border: 1px solid #1b397f;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 0 2px rgba(220, 220, 220, 0.1);
    color: #FFF;
    box-shadow: inset 0px 0px 4px #1b397f; }
.linea-costo-individual .linea-costo-individual--tag > div {
    padding-top: 2px;
    display: inline-block; }
.linea-costo-individual .linea-costo-individual--tag span {
    font-size: 12px;
    color: #FFF;
    text-shadow: 1px 1px #122655; }

.linea-no-orden {
    font-size: 12px;
    font-weight: bold;
    color: #515758;
    margin-top: 5px;
    border-bottom: 1px dashed #bfc9d2;
    padding-bottom: 5px;
    display: flex;
    align-items: center; }
.linea-no-orden span {
    position: relative;
    display: inline-block;
    float: right;
    padding: 2px 5px;
    background-color: #fafafa;
    border: 1px solid #bfc9d2;
    border-radius: 4px;
    margin: auto;
    margin-right: 0; }

.linea-info {
    display: none;
    font-size: 12px;
    float: left; }
.linea-info .proveedores-head {
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #dde2e7; }
.linea-info .proveedores-head > div i.fa.fa-sort {
    margin-right: 5px;
    color: #202223; }
.linea-info .proveedores-head > div.fieldActive.asc i:before {
    content: ""; }
.linea-info .proveedores-head > div.fieldActive.desc i:before {
    content: ""; }
.linea-info .proveedores-head div:first-child {
    border-right: 1px solid #bfc9d2; }
.linea-info .proveedores-head div:last-child {
    border: none;
    border-left: 1px solid #bfc9d2; }
.linea-info .proveedores {
    height: 120px;
    border: 1px solid #ced6dd;
    border: 1px solid #ced6dd;
    overflow: auto;
    border-bottom: none; }
.linea-info .proveedores .proveedor {
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    display: block;
    float: left; }
.linea-info .proveedores .proveedor:nth-child(even) {
    background-color: #fdfdfd; }
.linea-info .proveedores .proveedor--radio {
    height: 30px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 0; }
.linea-info .proveedores .proveedor--radio input {
    margin: 0; }
.linea-info .proveedores .proveedor--radio label {
    margin: 0;
    flex: 2;
    overflow-x: hidden;
    margin-left: 10px;
    display: inline-block;
    height: 18px; }
.linea-info .proveedores .proveedor--radio label .marquii {
    white-space: nowrap;
    padding: 0 5px;
    float: left;
    display: block;
    animation-delay: 2s;
    animation-name: proveedor-scrolla;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-direction: alternate; }
.linea-info .proveedores .proveedor--costo {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
.linea-info .proveedores .proveedor--entrega {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
.linea-info .proveedores .proveedor .masMejorDiv {
    display: none; }
.linea-info .proveedores .proveedor.elMasMejor .masMejorDiv {
    position: absolute;
    height: 22px;
    width: 22px;
    right: 5px;
    top: 5px;
    background-color: #FFF;
    border: 1px solid #8BC34A;
    border-radius: 50%;
    display: inline-block; }
.linea-info .proveedores .proveedor.elMasMejor .proveedor--entrega span .fa:after {
    /*position: absolute; right: 10px;*/
    font-family: FontAwesome;
    content: "\f164";
    color: #8bc34a;
    /*border: 1px solid #8bc34a; border-radius: 50%; width: 22px; background: white; padding: 2px;*/ }
.linea-info .seleccion-motivo {
    margin-top: 10px; }
.linea-info .seleccion-motivo > select[disabled] {
    opacity: .5; }

.seleccion-accion {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end; }
.seleccion-accion > button[disabled] {
    opacity: 0; }

@keyframes proveedor-scrolla {
    0% {
        transform: translateX(0); }
    100% {
        transform: translateX(-85%); } }
#aprobacion .linea-block:hover:not(.linea-open):not(.linea-recibo):not(.siempre-open-never-unopen) {
    transform: none; }

.no-record-card {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #bfc9d2;
    border-radius: 4px;
    float: left;
    display: flex;
    align-items: center;
    background-color: #fafafa; }
.no-record-card i {
    color: #FB8C00;
    float: left; }
.no-record-card span {
    float: left;
    margin-left: 10px; }

.ribbon-block {
    width: 62px;
    height: 60px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 1; }

.ribbon {
    font: bold 12px Sans-Serif;
    color: #333;
    text-align: center;
    color: white;
    -webkit-transform: rotate(45deg) translate3d(0px, 0px, 1px);
    -moz-transform: rotate(45deg) translate3d(0px, 0px, 1px);
    -ms-transform: rotate(45deg) translate3d(0px, 0px, 1px);
    position: relative;
    padding: 4px 0;
    left: -3px;
    top: 10px;
    width: 90px;
    background-color: #e81e32;
    box-shadow: 0px 0px 2px black; }
.ribbon i {
    transform: rotate(-45deg) !important;
    font-size: 16px; }

.linea-block .ribbon-box {
    z-index: 99; }

.spx-table--head .ribbon-box .ribbon-left {
    left: -18px;
    top: -18px;
    z-index: 9; }

.ribbon-box {
    position: absolute; }
.ribbon-box.rbx-left {
    left: 0;
    position: absolute; }
.ribbon-box.rbx-right {
    right: 0;
    position: absolute; }
.ribbon-box .ribbon-left {
    position: absolute;
    z-index: 0;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
    transform: scale(0.6);
    left: -13px;
    top: -17px; }
.ribbon-box .ribbon-left span {
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#E81E32 0%, #e81e32 100%);
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 19px;
    left: -21px; }
.ribbon-box .ribbon-left span:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #e81e32;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #e81e32; }
.ribbon-box .ribbon-left span:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #e81e32;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #e81e32; }
.ribbon-box .ribbon-right {
    position: absolute;
    right: -18px;
    top: -18px;
    z-index: 0;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: center;
    transform: scale(0.6); }
.ribbon-box .ribbon-right span {
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#E81E32 0%, #E81E32 100%);
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 19px;
    right: -21px; }
.ribbon-box .ribbon-right span:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #E81E32;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #E81E32; }
.ribbon-box .ribbon-right span:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #E81E32;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #E81E32; }

.spx-td.td-banda {
    min-height: 32px; }

.td-banda {
    position: relative; }
.td-banda .ribbon-box {
    top: -6px;
    left: -10px; }
.td-banda .ribbon-box.hint--top:before, .td-banda .ribbon-box.hint--top:after {
    left: 0; }
.td-banda .ribbon-box.hint--top:before {
    -webkit-transform: translateX(25px) translateY(-2px);
    -moz-transform: translateX(25px) translateY(-2px);
    transform: translateX(25px) translateY(-2px); }
.td-banda .ribbon-box.hint--top:after {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    transform: translateY(-3px); }
.td-banda .ribbon-box.hint--top:hover:before {
    -webkit-transform: translateX(25px) translateY(-2px);
    -moz-transform: translateX(25px) translateY(-2px);
    transform: translateX(25px) translateY(-2px); }
.td-banda .ribbon-box.hint--top:hover:after {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    transform: translateY(-3px); }
.td-banda .ribbon-box .ribbon-left {
    transform: scale(0.5); }

ul.main-navigation {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #0277BB !important;
    color: #fff;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: 0;
    z-index: 101; }
ul.main-navigation ul li a {
    display: flex; }
ul.main-navigation .dropdown-menu {
    border-radius: 0;
    padding-top: 0; }
ul.main-navigation .dropdown-menu li > a {
    line-height: 22px; }
ul.main-navigation .ham-holder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
ul.main-navigation .ham-holder > i {
    margin-right: 11px;
    font-size: 1.17em; }
ul.main-navigation .ham-holder > span {
    font-weight: bold;
    font-size: 16px; }
ul.main-navigation .ham-holder ~ ul.nav > li:after {
    display: block;
    right: 15px;
    top: 8px;
    width: 10px;
    height: 10px;
    position: absolute;
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    color: #515758; }
ul.main-navigation li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 27px; }
ul.main-navigation ul li {
    border-top: 1px solid #bfc9d2;
    background-color: #FFF; }
ul.main-navigation ul li:first-child {
    border-top: 5px solid #204294;
    height: 40px !important;
    padding-top: 10px; }
ul.main-navigation ul li:first-child:after {
    top: 17px !important; }
ul.main-navigation ul li ul li:first-child {
    height: 29px !important;
    padding-top: 0px;
    margin-top: 8px; }
ul.main-navigation ul li:last-child {
    height: 40px !important;
    padding-bottom: 10px !important; }
ul.main-navigation ul li ul li:last-child {
    height: 25px !important;
    padding-bottom: 0px !important; }

/* This hides the dropdowns */
li ul {
    display: none;
    padding-left: 0;
    width: 100%; }

ul li a {
    /*display: block; padding: 1em;*/
    text-decoration: none;
    /*white-space: nowrap;*/
    color: #515758;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-indent: 10px; }

ul.main-navigation li a:hover {
    background-color: #1092d1; }

ul.main-navigation li:hover:after {
    color: #FFF !important; }

/* Display the dropdown */
/*li:hover > ul {
    display: block;
    position: absolute; 
}*/

li:hover ul {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); }

li:hover li {
    float: none; }

li:hover a {
    /*background: #1bc2a2;*/ }

li:hover li a:hover {
    background-color: #1092d1;
    color: white; }

/* Displays second level dropdowns to the right of the first level dropdown */
ul.main-navigation ul ul {
    left: 100%;
    top: 0; }

/* Simple clearfix */
ul.main-navigation:before,
ul.main-navigation:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }

ul.main-navigation:after {
    clear: both; }

multiselect button.spx-btn.dropdown-toggle {
    border: 1px solid #bfc9d2;
    color: #515758;
    background: #FFF; }
multiselect button.spx-btn.dropdown-toggle:hover {
    border: 1px solid #515758;
    color: #515758;
    background: #FFF; }
multiselect button.spx-btn.dropdown-toggle:active, multiselect button.spx-btn.dropdown-toggle:focus {
    border: 1px solid #1092d1;
    color: #515758;
    background: #FFF; }
multiselect button.spx-btn.dropdown-toggle:active {
    box-shadow: none; }
multiselect .dropdown-menu-form {
    padding-top: 0;
    background-color: #f5f5f5; }
multiselect .dropdown-menu-form li {
    font-size: 12px; }
multiselect .dropdown-menu-form li a {
    /*white-space: unset;*/
    text-indent: 0;
    white-space: normal; }
multiselect .dropdown-menu-form li a:hover {
    background-color: #1092d1;
    color: #FFF; }
multiselect .dropdown-menu-form li:nth-child(1), multiselect .dropdown-menu-form li:nth-child(2) {
    height: 30px;
    width: 100%;
    float: left;
    background-color: #fafafa;
    padding: 0; }
multiselect .dropdown-menu-form li:nth-child(1) a, multiselect .dropdown-menu-form li:nth-child(2) a {
    height: 100%;
    width: 100%;
    text-indent: 0;
    display: flex;
    align-items: center; }
multiselect .dropdown-menu-form li:nth-child(1) a i, multiselect .dropdown-menu-form li:nth-child(2) a i {
    margin-right: 10px; }
multiselect .dropdown-menu-form li:nth-child(1) a:hover {
    color: #1092d1;
    background-color: transparent; }
multiselect .dropdown-menu-form li:nth-child(2) {
    border-left: 1px solid #FFF;
    margin-top: 1px; }
multiselect .dropdown-menu-form li:nth-child(2) a:hover {
    color: #da4646;
    background-color: transparent; }
multiselect .dropdown-menu-form li.divider {
    width: 100%;
    float: left;
    background-color: #fafafa; }
multiselect .dropdown-menu-form li.multiselect-li-search {
    width: 100%;
    float: left; }
multiselect .dropdown-menu-form li.multiselect-li-search .search-input {
    position: relative; }
multiselect .dropdown-menu-form li.multiselect-li-search .search-input:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    content: "\f002";
    position: absolute;
    right: 35px;
    top: 10px; }
multiselect .dropdown-menu-form li.active {
    border-bottom: 1px solid white; }
multiselect .dropdown-menu-form li.active:nth-child(odd) a {
    background-color: #12a3e9 !important; }
multiselect .dropdown-menu-form li.active:nth-child(even) a {
    background-color: #3db6f0 !important; }

#ui-datepicker-div {
    z-index: 99999 !important;
    display: none; }

.simple-search-bar {
    width: 100%;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #bfc9d2;
    border-top: 0; }

.notification-circle {
    position: absolute;
    width: 28px;
    height: 28px;
    top: -19px;
    right: 50%;
    margin-right: -12px;
    border: 2px solid #204294;
    border-radius: 50%;
    text-align: center;
    /*padding-top: 3px; padding-right: 2px;*/
    background: #FFF;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 0 0 rgba(81, 87, 88, 0); }
.notification-circle span.total-items {
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    line-height: 25px;
    color: #515758;
    font-size: 12px;
    font-weight: bold; }
.notification-circle:hover {
    background: #f5f5f5;
    border-color: #FFF;
    color: #204294;
    box-shadow: 0 0 10px rgba(81, 87, 88, 0.6); }

.req-stage {
    transition: width .4s ease-in-out;
    width: 100%;
    float: left; }
.req-stage.reducionux-patronus {
    width: calc(100% - 485px);
    transition: width .4s ease-in-out; }

.req-action-block {
    position: relative;
    width: 1px;
    height: 450px;
    transition: transform .4s ease-in-out;
    float: right;
    /*transform: translateX(100px);*/
    opacity: 0;
    display: none; }
.req-action-block.manifiestateRecibo {
    width: 300px;
    position: relative;
    display: block;
    opacity: 1; }
.req-action-block.manifiestateRecibo .req-action-message {
    position: fixed;
    height: 500px;
    width: 100%;
    max-width: 300px;
    background-color: #fafafa; }
.req-action-block.manifiestateRecibo .req-action-message--head {
    height: 50px;
    width: 100%;
    padding: 0 24px;
    border-bottom: 1px solid #bfc9d2;
    display: flex;
    align-items: center; }
.req-action-block.manifiestateRecibo .req-action-message--head > span {
    font-size: 16px;
    font-weight: bold; }
.req-action-block.manifiestateRecibo .req-action-message--head .btn-icon-close {
    margin: auto 0 auto auto; }
.req-action-block.manifiestateRecibo .req-action-message--head.bg-alert > span, .req-action-block.manifiestateRecibo .req-action-message--head.bg-alert i {
    color: #FFF; }
.req-action-block.manifiestate {
    width: 450px;
    position: relative;
    display: block;
    /*transform: translateX(0);*/
    opacity: 1; }
.req-action-block.manifiestate .req-action-message {
    position: fixed;
    height: 500px;
    width: 100%;
    max-width: 450px;
    background-color: #fafafa; }
.req-action-block.manifiestate .req-action-message--head {
    height: 50px;
    width: 100%;
    padding: 0 24px;
    border-bottom: 1px solid #bfc9d2;
    display: flex;
    align-items: center; }
.req-action-block.manifiestate .req-action-message--head > span {
    font-size: 16px;
    font-weight: bold; }
.req-action-block.manifiestate .req-action-message--head .btn-icon-close {
    margin: auto 0 auto auto; }
.req-action-block.manifiestate .req-action-message--head.bg-alert > span, .req-action-block.manifiestate .req-action-message--head.bg-alert i {
    color: #FFF; }
.req-action-block.manifiestate .req-action-message--subhead {
    min-height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 5px 24px; }
.req-action-block.manifiestate .req-action-message--body {
    height: 300px;
    width: 100%;
    padding: 15px 24px; }
.req-action-block.manifiestate .req-action-message--body textarea {
    height: 160px; }
.req-action-block.manifiestate .req-action-message.fixed {
    margin: auto;
    top: 0;
    bottom: 0; }
.req-action-block.manifiestate .req-action-message .req-action-selection-guide,
.req-action-block.manifiestate .req-action-message .req-action-selection {
    background-color: #EEEEEE; }
.req-action-block.manifiestate .req-action-message .req-action-selection-guide {
    padding: 5px 15px; }
.req-action-block.manifiestate .req-action-message .req-action-selection-guide span {
    font-size: 10px; }
.req-action-block.manifiestate .req-action-message .req-action-selection-guide span:last-child {
    margin-left: 5px; }
.req-action-block.manifiestate .req-action-message .req-action-selection-guide .fa-square-o {
    color: #515758;
    background-color: #fafafa; }
.req-action-block.manifiestate .req-action-message .req-action-selection-guide .fa-circle-o {
    color: #1092d1;
    background-color: #FFF; }
.req-action-block.manifiestate .req-action-message .req-action-selection {
    width: 100%;
    max-height: 110px;
    padding: 5px 10px;
    float: left;
    overflow: auto; }
.req-action-block.manifiestate .req-action-message .req-action-selection .selection-spans {
    float: left;
    width: 100%; }
.req-action-block.manifiestate .req-action-message .req-action-selection .selection-spans span {
    background-color: #FFF;
    padding: 2px;
    border-radius: 10px;
    border: 1px solid #1092d1; }
.req-action-block.manifiestate .req-action-message .req-action-selection .selection-spans .quienes-se-van-req {
    float: left;
    background-color: #fafafa;
    padding: 5px;
    border-radius: 0;
    margin-right: 2px;
    border: 1px solid #f5f5f5;
    font-size: 10px; }
.req-action-block.manifiestate .req-action-message .req-action-selection .selection-spans .quienes-se-van-linea {
    float: left;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 10px;
    font-size: 9px;
    margin-right: 2px;
    margin-top: 4px; }

.req-stage {
    transition: width .4s ease-in-out;
    width: 100%;
    float: left; }
.req-stage.reducionux-patronus {
    width: calc(100% - 485px);
    transition: width .4s ease-in-out; }
.req-stage.reducionux-patronusRecibos {
    width: calc(100% - 350px);
    transition: width .4s ease-in-out; }
.req-stage .req-stage-overlay-div {
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 99.5%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
    opacity: 0;
    transition: 0.4s all ease-in-out; }
.req-stage .req-stage-overlay-div.active {
    display: block;
    opacity: 1; }

.action-side-block {
    position: fixed;
    height: 500px;
    width: 450px;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    float: left;
    opacity: 0;
    display: none;
    overflow: hidden;
    z-index: 10; }
.action-side-block .action-side-block--holder {
    position: relative;
    height: 500px;
    width: 100%;
    max-width: 450px;
    background-color: #fafafa;
    box-shadow: 0 0 0 rgba(194, 194, 194, 0);
    transition: transform .4s ease-in-out; }
.action-side-block .action-side-block--holder--head {
    height: 50px;
    width: 100%;
    padding: 0 24px;
    border-bottom: 1px solid #bfc9d2;
    display: flex;
    align-items: center; }
.action-side-block .action-side-block--holder--head > span {
    font-size: 16px;
    font-weight: bold; }
.action-side-block .action-side-block--holder--head.bg-alert > span, .action-side-block .action-side-block--holder--head.bg-alert i {
    color: #FFF; }
.action-side-block .action-side-block--holder--subhead {
    min-height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 5px 24px;
    font-size: 14px;
    color: #515758; }
.action-side-block .action-side-block--holder--body {
    height: 300px;
    width: 100%;
    padding: 15px 24px;
    font-size: 14px; }
.action-side-block .action-side-block--holder--body textarea {
    height: 160px; }

.action-side-block.manifiestate {
    display: block;
    opacity: 1; }
.action-side-block.manifiestate .action-side-block--holder {
    box-shadow: 0 0 2px #c2c2c2; }
.action-side-block.manifiestate .action-side-block--holder--head {
    height: 50px;
    width: 100%;
    padding: 0 24px;
    border-bottom: 1px solid #bfc9d2;
    display: flex;
    align-items: center; }
.action-side-block.manifiestate .action-side-block--holder--head > span {
    font-size: 16px;
    font-weight: bold; }
.action-side-block.manifiestate .action-side-block--holder--head.bg-alert > span, .action-side-block.manifiestate .action-side-block--holder--head.bg-alert i {
    color: #FFF; }
.action-side-block.manifiestate .action-side-block--holder--subhead {
    min-height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 5px 24px; }
.action-side-block.manifiestate .action-side-block--holder--body {
    height: 300px;
    width: 100%;
    padding: 15px 24px; }
.action-side-block.manifiestate .action-side-block--holder--body textarea {
    height: 160px; }

.action-side-block--holder--body .steps-block {
    width: 402px;
    overflow: hidden; }
.action-side-block--holder--body .steps-block--items {
    width: 815px;
    float: left;
    margin-left: 0;
    transition: margin-left .4s ease-in-out; }
.action-side-block--holder--body .steps-block--items.ventanillaSwipe {
    margin-left: -407px; }
.action-side-block--holder--body .steps-block--items--item {
    width: 402px;
    float: left;
    margin-left: 7px; }
.action-side-block--holder--body .steps-block--items--item:first-child {
    margin-left: 0; }
.action-side-block--holder--body .steps-block--items--item > p {
    font-size: 14px;
    line-height: 20px; }
.action-side-block--holder--body .steps-block--items--item > span {
    float: left;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px; }
.action-side-block--holder--body .steps-block--items--item .action-btns {
    position: relative;
    display: block;
    float: right;
    margin-top: 100px; }
.action-side-block--holder--body .steps-block--items--item .req-action-selection {
    width: 100%;
    max-height: 110px;
    padding: 5px 10px;
    float: left;
    overflow: auto; }
.action-side-block--holder--body .steps-block--items--item .req-action-selection .selection-spans {
    float: left;
    width: 100%; }
.action-side-block--holder--body .steps-block--items--item .req-action-selection .selection-spans span {
    background-color: #FFF;
    padding: 2px;
    border-radius: 10px;
    border: 1px solid #1092d1;
    color: #515758; }
.action-side-block--holder--body .steps-block--items--item .req-action-selection .selection-spans .se-cierra-req {
    float: left;
    background-color: #fafafa;
    padding: 5px;
    border-radius: 0;
    margin-right: 2px;
    border: 1px solid #f5f5f5;
    font-size: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #e81e32; }
.action-side-block--holder--body .steps-block--items--item .req-action-selection .selection-spans .se-cierra-linea {
    float: left;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 10px;
    font-size: 11px;
    margin-right: 2px;
    margin-top: 4px; }

.spx-table .spx-table--body .spx-tr {
    transition: opacity .4s ease-in-out;
    opacity: 1; }
.spx-table .spx-table--body .spx-tr .icono-linea-cerrada {
    position: absolute;
    top: 7px;
    bottom: 0;
    margin: auto;
    display: none; }
.spx-table .spx-table--body .spx-tr.activar-linea {
    z-index: 9;
    background-color: #FFF; }
.spx-table .spx-table--body .spx-tr.linea-cerrada-forevr {
    background-color: #c62727 !important; }
.spx-table .spx-table--body .spx-tr.linea-cerrada-forevr .auto-rellenable {
    color: #FFF;
    border-color: #FFF; }
.spx-table .spx-table--body .spx-tr.linea-cerrada-forevr > div.spx-td {
    color: #FFF; }
.spx-table .spx-table--body .spx-tr.linea-cerrada-forevr .icono-linea-cerrada {
    display: block; }
.spx-table .spx-table--body .spx-tr.linea-cerrada-forevr .chkbox-cerrar {
    visibility: hidden;
    pointer-events: none; }

ul.rating {
    display: inline-block; }

.rating {
    color: #a9a9a9;
    margin: 0;
    padding: 0; }
.rating li {
    list-style-type: none;
    display: inline-block;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    cursor: pointer;
    color: #ff8080;
    transform: scale(0.7);
    transition: 0.4s all ease-in-out; }
.rating li:hover:not(.filled) {
    transform: scale(0.9); }
.rating li.filled {
    color: red;
    transform: scale(1.1); }

.fixed-bottom-block {
    position: fixed;
    min-height: 30px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #FFF;
    padding: 10px;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.25); }

.btn-seleccion-pre {
    font-size: 13px !important; }
/* 
.spx-toast {
    position: fixed;
    z-index: 99999;
    top: 100px;
    left: -360px;
    width: 350px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
    background-color: #FFF; }
.spx-toast .close {
    position: absolute;
    right: 10px;
    top: 10px; }
.spx-toast--body {
    height: 20px;
    display: block;
    font-size: 12px;
    color: #515758;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    height: auto; }
.spx-toast--body > div > i {
    margin-top: 10px;
    font-size: 16px; }
.spx-toast--body h5 {
    font-weight: bold; }
.spx-toast.success .spx-toast--body {
    border-left: 5px solid #8BC34A; }
.spx-toast.success .spx-toast--body > div > i {
    color: #8BC34A; }
.spx-toast.success .spx-toast--body h5 {
    color: #8BC34A; }
.spx-toast.fail .spx-toast--body {
    border-left: 5px solid #c62727; }
.spx-toast.fail .spx-toast--body > div > i {
    color: #c62727; }
.spx-toast.fail .spx-toast--body h5 {
    color: #c62727; }
.spx-toast.info .spx-toast--body {
    border-left: 5px solid #B3E5FC; }
.spx-toast.info .spx-toast--body > div > i {
    color: #B3E5FC; }
.spx-toast.info .spx-toast--body h5 {
    color: #B3E5FC; }
.spx-toast.warn .spx-toast--body {
    border-left: 5px solid #FB8C00; }
.spx-toast.warn .spx-toast--body > div > i {
    color: #FB8C00; }
.spx-toast.warn .spx-toast--body h5 {
    color: #FB8C00; } */

.spx-doc-viewer-block--head {
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f5f5f5;
    background-color: #FFF; }
.spx-doc-viewer-block--head .div-left {
    display: inherit; }
.spx-doc-viewer-block--head .div-center {
    display: inherit; }
.spx-doc-viewer-block--head .div-center .doc-title-icon {
    height: 24px;
    width: 24px;
    margin-right: 25px; }
.spx-doc-viewer-block--head .div-center .doc-title {
    font-size: 16px;
    color: #1092d1; }
.spx-doc-viewer-block--head .div-left {
    display: inherit; }
.spx-doc-viewer-block--body {
    height: calc(100vh - 50px);
    padding-left: 0;
    padding-right: 0; }
.spx-doc-viewer-block--body .doc-lib {
    height: 100%;
    padding: 0 0 15px;
    border-right: 1px solid #f5f5f5; }
.spx-doc-viewer-block--body .doc-lib > div {
    background: #fafafa;
    text-align: center; }
.spx-doc-viewer-block--body .doc-lib ul {
    padding-left: 0;
    margin: 0; }
.spx-doc-viewer-block--body .doc-lib li {
    width: 100%;
    padding: 10px;
    float: left;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: 0.4s all ease-in-out; }
.spx-doc-viewer-block--body .doc-lib li:nth-child(even) {
    background-color: #f8f8f8; }
.spx-doc-viewer-block--body .doc-lib li:hover {
    background-color: #e3f4fd; }
.spx-doc-viewer-block--body .doc-lib li.active {
    background-color: #fbfdff;
    padding-left: 15px; }
.spx-doc-viewer-block--body .doc-lib li.active .doc-lib--title {
    color: #1092d1; }
.spx-doc-viewer-block--body .doc-lib li.active .doc-lib--title:before {
    content: "\f0d9 ";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px; }
.spx-doc-viewer-block--body .doc-lib--icon {
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 6px; }
.spx-doc-viewer-block--body .doc-lib--title {
    font-size: 12px;
    float: left; }
.spx-doc-viewer-block--body .doc-view {
    height: 100%;
    padding: 20px; }
.spx-doc-viewer-block--body .doc-view .doc-embebed {
    height: 100%;
    width: 100%; }

.spx-table.table-bordes .spx-table--body .spx-tr {
    border: 1px solid #bfc9d2;
    border-top: none; }
.spx-table.table-bordes .spx-th,
.spx-table.table-bordes .spx-td {
    border-right: 1px solid #bfc9d2;
    min-height: 30px; }
.spx-table.table-bordes .spx-th:last-child,
.spx-table.table-bordes .spx-td:last-child {
    border-right: none; }
.spx-table .spx-th {
    font-weight: bold;
    color: #FFF; }
.spx-table .spx-th i.fa.fa-sort {
    margin-right: 5px;
    color: #fff; }
.spx-table .spx-th.fieldActive.asc i:before {
    content: ""; }
.spx-table .spx-th.fieldActive.desc i:before {
    content: ""; }
.spx-table .spx-th,
.spx-table .spx-td {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 12px;
    text-align: center;
    padding: 3px;
    font-size: 11px; }
.spx-table .spx-th {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1; }
.spx-table .spx-td:not(.spx-td-100) {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1; }
.spx-table .spx-td-new-row {
    width: 100%; }
.spx-table .spx-tr {
    position: relative;
    display: block;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
.spx-table .spx-tr.tr-active {
    background-color: #e3f4fd; }
.spx-table .spx-tr.tr-active ~ #tabla-concepto-gasto {
    background-color: #e3f4fd; }
.spx-table--prehead {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 0; }
.spx-table--head {
    position: relative;
    display: flex;
    background-color: #204294; }
.spx-table--head .spx-th-collapse-children {
    position: relative;
    height: 24px;
    width: 24px;
    /*left: 14px; top: 0; bottom: 0; margin: auto;*/
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    color: #204294;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer; }
.spx-table--head .spx-th-collapse-children i {
    color: #FFF;
    font-size: 18px;
    transition: 0.4s all ease-in-out;
    transform: rotate(-90deg); }
.spx-table--head .spx-th-collapse-children.open i {
    transform: rotate(0); }
.spx-table--body {
    border-bottom: 1px solid #bfc9d2;
    position: relative; }
.spx-table--body .spx-td-collapse-children {
    position: relative;
    height: 24px;
    width: 24px;
    /*left: 14px; top: 0; bottom: 0; margin: auto;*/
    background-color: #f5f5f5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer; }
.spx-table--body .spx-td-collapse-children i {
    color: #1092d1;
    font-size: 18px;
    transition: 0.4s all ease-in-out;
    transform: rotate(-90deg); }
.spx-table--body .spx-td-collapse-children.open i {
    transform: rotate(0); }
.spx-table--foot {
    position: relative; }
.spx-table--foot div:nth-child(even) {
    background-color: #40b3f2; }
.spx-table .spx-td.elMasMejor .masMejorDiv {
    height: 28px;
    width: 28px;
    background-color: #FFF;
    border: 2px solid #8BC34A;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
.spx-table .spx-td.elMasMejor .masMejorDiv i.fa:after {
    content: "\f164";
    color: #8bc34a; }
.spx-table.line-ready .spx-table--head {
    background-color: #8BC34A; }
.spx-table.line-ready .spx-table--head .spx-th i.fa.fa-sort {
    color: #577d2a; }
.spx-table.line-ready .spx-table .spx-table--head {
    background-color: #a4d070; }
.spx-table.line-not-ready .spx-table--head {
    background-color: #c62727; }
.spx-table.line-not-ready .spx-table--head .spx-th i.fa.fa-sort {
    color: #711616; }
.spx-table.line-not-ready .spx-table .spx-table--head {
    background-color: #da4646; }
.spx-table .spx-table--head {
    background-color: #204294; }
.spx-table .spx-table .spx-table--head {
    background-color: #0a93d2; }
.spx-table .spx-table .spx-table .spx-table--head {
    background-color: #4cc1f6; }

.spx-table .tabla-concepto-gasto {
    display: none;
    background-color: #FFF; }
.spx-table .tabla-concepto-gasto .spx-table--head {
    background-color: #b4e3f9; }
.spx-table .tabla-concepto-gasto .spx-table--head .spx-th {
    color: #204294;
    background-color: #e8e8e8; }
.spx-table .tabla-concepto-gasto .spx-table--body .spx-td {
    color: #515758;
    background-color: #f5f5f5; }
.spx-blue th {
    background-color: #008fe8;
    text-align: center;
}
.spx-blue th, .spx-blue th i {
    font-weight: bold;
    color: #FFF;
}
.spx-blue th i {
    padding-right: 10px;
}
/*.spx-blue td {
    padding: 5px;
}*/

.tabla-aprobaciones table th,
.tabla-aprobaciones table td {
    font-size: 11px;
    padding: 3px; }

.gasto-adicional {
    border-radius: 0;
    border: none !important;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }
.gasto-adicional--head {
    border-radius: 0;
    color: #204294;
    background-color: #e8e8e8; }
.gasto-adicional--head button.btn-close i {
    font-size: 18px;
    color: #204294; }

.table-tit-change {
    margin-top: 15px; }

.chatlog-block {
    width: 300px;
    height: 100vh;
    background: #fafafa;
    display: block;
    position: fixed;
    top: 85px;
    right: -300px;
    z-index: 99;
    transition: all .2s ease-in;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    overflow-y: auto; }
.chatlog-block.active {
    transform: translateX(-300px);
    height: calc(100vh - 85px);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
.chatlog-block.active.full-h {
    top: 63px;
    height: calc(100vh - 60px); }
.chatlog-block--head {
    height: 50px;
    width: 100%;
    background-color: #f5f5f5;
    padding: 0 24px;
    border-bottom: 1px solid #bfc9d2;
    display: flex;
    align-items: center; }
.chatlog-block--head > span {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1092d1; }
.chatlog-block--head .btn-icon-close {
    color: #515758;
    margin: auto 0 auto auto; }
.chatlog-block--subhead {
    position: relative;
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 24px;
    background-color: #EEEEEE; }
.chatlog-block--subhead span:nth-child(1) {
    color: #515758; }
.chatlog-block--subhead span:nth-child(2) {
    color: #000;
    font-weight: bold;
    margin-left: 10px; }
.chatlog-block--subhead span:nth-child(3) {
    position: absolute;
    top: 0;
    right: 0; }
.chatlog-block--body .chatlog-item {
    width: 100%;
    float: left;
    font-size: 12px;
    padding: 5px 10px; }
.chatlog-block--body .chatlog-item .spx-chat-from--icon {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white; }
.chatlog-block--body .chatlog-item .spx-chat-from--sender {
    font-size: 11px;
    line-height: 19px; }
.chatlog-block--body .chatlog-item .spx-chat-from--time {
    position: absolute;
    font-size: 9px;
    bottom: 2px;
    right: 5px; }
.chatlog-block--body .chatlog-aprobador .spx-chat-from--icon {
    float: left;
    margin-right: 5px;
    background-color: #204294;
    border: 1px solid transparent; }
.chatlog-block--body .chatlog-aprobador .spx-chat-from--sender {
    color: #204294; }
.chatlog-block--body .chatlog-aprobador .spx-chat-from--time {
    color: #697173; }
.chatlog-block--body .chatlog-requisitor .spx-chat-from--icon {
    float: right;
    margin-left: 5px;
    color: #1092d1;
    border: 1px solid #1092d1;
    background-color: #FFF; }
.chatlog-block--body .chatlog-requisitor .spx-chat-from--sender {
    float: right;
    color: #1092d1; }
.chatlog-block--body .chatlog-requisitor .spx-chat-from--time {
    color: #515758; }
.chatlog-block--body .spx-chat-mensaje-holder {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px; }
.chatlog-block--body .spx-chat-mensaje-holder .spx-chat-mensaje {
    position: relative;
    background-color: #FFF;
    float: left;
    border-radius: 4px;
    border: 1px solid transparent; }
.chatlog-block--body .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble {
    position: relative;
    padding: 6px 0 12px 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-left: 9px;
    padding-right: 7px;
    min-width: 130px;
    box-sizing: border-box; }
.chatlog-block--body .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble > p {
    margin-bottom: 0; }
.chatlog-block--body .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble .spx-chat-bubble-text {
    position: relative;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 17px; }
.chatlog-block--body .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble .spx-chat-bubble-text span {
    background-color: transparent !important;
    font-size: 12px !important;
    line-height: 15px !important;
    word-wrap: break-word; }
.chatlog-block--body .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble .spx-chat-bubble-text a {
    border-bottom: 1px solid #1092d1;
    padding-bottom: 2px; }
.chatlog-block--body .chatlog-aprobador .spx-chat-mensaje-holder .spx-chat-mensaje {
    background-color: #FFF;
    border-left: 3px solid #204294;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 1px 2px 2px rgba(94, 94, 94, 0.5); }
.chatlog-block--body .chatlog-requisitor .spx-chat-mensaje-holder .spx-chat-mensaje {
    background-color: #DDDDDD;
    float: right;
    border-right: 3px solid #1092d1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: -1px 2px 2px rgba(94, 94, 94, 0.5); }
.chatlog-block--body .chatlog-requisitor .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble .spx-chat-bubble-text {
    color: #001F3F; }

.chatlog-aprobador.aprobador-division {
    border-bottom: 1px solid #1092d1; }
.chatlog-aprobador.aprobador-division p:first-child {
    color: #515758;
    font-weight: bold; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .chatlog-block.active {
        transform: translateX(-320px); } }
/*Transferencia de presupuesto*/
.presupuesto-block {
    width: 300px;
    height: 100vh;
    background: #FAFAFA;
    display: block;
    position: fixed;
    top: 106px;
    right: -300px;
    z-index: 999; /*<AG13802>*/
    transition: all .2s ease-in; 
    box-shadow: 0 0 0 transparent;
    overflow-y: auto; }
.presupuesto-block .modal-footer {
    float: left;
    width: 100%; }

.presupuesto-disponible {
    position: relative;
    width: 200px;
    display: inline-block;
    margin-left: 50px;
    margin-top: 10px; }
.presupuesto-disponible--money, .presupuesto-disponible--label {
    position: relative;
    width: 100%;
    font-weight: bold;
    text-align: center;
    display: block;
    float: left;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
.presupuesto-disponible--money {
    padding: 5px;
    font-size: 18px;
    color: #204294;
    background-color: #FFF; }
.presupuesto-disponible--label {
    padding: 3px;
    font-size: 12px;
    color: #515758;
    background-color: #f5f5f5; }

.presupuesto-item {
    position: relative;
    margin-left: 10px;
    width: 280px;
    margin-bottom: 20px;
    font-size: 12px; }
.presupuesto-item--holder {
    position: relative;
    width: 100%;
    display: block;
    float: left;
    margin-top: 20px; }
.presupuesto-item--holder .presupuesto-item--head {
    height: 25px;
    width: 100%;
    float: left;
    display: block;
    background-color: #1092d1;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 10px; }
.presupuesto-item--holder .presupuesto-item--head .paso-n {
    position: relative;
    height: 25px;
    width: 25px;
    text-align: center;
    color: #FFF;
    float: left;
    background-color: #0e81b9; }
.presupuesto-item--holder .presupuesto-item--head .paso-name {
    position: relative;
    height: 25px;
    width: calc(100% - 25px);
    float: left;
    text-align: center;
    color: #FFF; }

.presupuesto-block.active {
    transform: translateX(-300px);
    height: calc(100vh - 85px);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }

.presupuesto-block.active.full-h {
    top: 63px;
    height: calc(100vh - 60px); }

.presupuesto-block--head {
    height: 50px;
    width: 100%;
    background-color: #f5f5f5;
    padding: 0 24px;
    border-bottom: 1px solid #bfc9d2;
    display: flex;
    align-items: center; }

.presupuesto-block--head > span {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1092d1; }

.presupuesto-block--head .btn-icon-close {
    color: #515758;
    margin: auto 0 auto auto; }

.presupuesto-block--subhead {
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 24px;
    background-color: #EEEEEE; }

.presupuesto-block--subhead span:first-child {
    color: #515758; }

.presupuesto-block--subhead span:last-child {
    color: #000;
    font-weight: bold;
    margin-left: 10px; }

.presupuesto-block--body .presupuesto-item.presupuesto-aprobador.aprobador-division {
    border-bottom: 1px solid #1092d1; }

.presupuesto-block--body .presupuesto-item.presupuesto-aprobador.aprobador-division p:first-child {
    color: #515758;
    font-weight: bold; }

.presupuesto-block--body .presupuesto-item.presupuesto-requisitor {
    text-align: right; }

.presupuesto-block--body .presupuesto-item > p {
    margin-bottom: 5px; }

.presupuesto-block--body .spx-chat-from > div {
    display: inline-block;
    border-radius: 2px;
    font-size: 8px;
    color: #515758;
    background-color: transparent;
    padding: 5px; }

.presupuesto-block--body .presupuesto-aprobador .spx-chat-from > div--time {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.presupuesto-block--body .presupuesto-aprobador .spx-chat-from > div--sender {
    color: #515758; }

.presupuesto-block--body .presupuesto-requisitor .spx-chat-from > div {
    background-color: #d6e0f6; }

.presupuesto-block--body .presupuesto-requisitor .spx-chat-from > div--sender {
    float: right;
    color: #204294; }

.presupuesto-block--body .presupuesto-requisitor .spx-chat-from > div--time {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: right; }

.presupuesto-block--body .spx-chat-mensaje-holder {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 10px; }

.presupuesto-block--body .spx-chat-mensaje-holder .spx-chat-mensaje {
    background-color: #FFF;
    float: left;
    border-radius: 4px;
    border-top-left-radius: 0;
    border: 1px solid #e8e8e8;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

.presupuesto-block--body .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble {
    padding: 6px 0 8px 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-left: 9px;
    padding-right: 7px;
    min-width: 110px;
    box-sizing: border-box; }

.presupuesto-block--body .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble .spx-chat-bubble-text {
    position: relative;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.presupuesto-block--body .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble .spx-chat-bubble-text span {
    background-color: transparent !important;
    font-size: 12px !important;
    line-height: 15px !important;
    word-wrap: break-word; }

.presupuesto-block--body .spx-chat-mensaje-holder .spx-chat-mensaje .spx-chat-bubble .spx-chat-bubble-text a {
    border-bottom: 1px solid #1092d1;
    padding-bottom: 2px; }

/*transferencia de presupuesto*/
[class*=hint--] {
    cursor: pointer;
    position: relative;
    display: inline-block; }

[class*=hint--]:after, [class*=hint--]:before {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s; }

[class*=hint--]:hover:after, [class*=hint--]:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s; }

[class*=hint--]:before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 6px solid transparent;
    z-index: 1000001; }

[class*=hint--]:after {
    background: #383838;
    color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 12px;
    text-transform: none;
    white-space: nowrap;
    /*text-shadow:0 -1px 0 #000;*/
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

[class*=hint--][aria-label]:after {
    white-space: normal;
    z-index: 9999;
    content: attr(aria-label); }

.hint--long:after {
    min-width: 450px; }

[class*=hint--][data-hint]:after {
    content: attr(data-hint); }

[aria-label='']:after, [aria-label='']:before, [data-hint='']:after, [data-hint='']:before {
    display: none !important; }

.hint--top-left:before, .hint--top-right:before, .hint--top:before {
    border-top-color: #383838; }

.hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before {
    border-bottom-color: #383838; }

.hint--top:after, .hint--top:before {
    bottom: 100%;
    left: 50%; }

.hint--top:before {
    margin-bottom: -11px;
    left: calc(50% - 6px); }

.hint--top:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); }

.hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px); }

.hint--top:hover:after {
    white-space: normal;
    z-index: 9999;
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px); }

.hint--bottom:after, .hint--bottom:before {
    top: 100%;
    left: 50%; }

.hint--bottom:before {
    margin-top: -11px;
    left: calc(50% - 6px); }

.hint--bottom:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); }

.hint--bottom:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px); }

.hint--bottom:hover:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px); }

.hint--right:before {
    border-right-color: #383838;
    margin-left: -11px;
    margin-bottom: -6px; }

.hint--right:after {
    margin-bottom: -14px; }

.hint--right:after, .hint--right:before {
    left: 100%;
    bottom: 50%; }

.hint--right:hover:after, .hint--right:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px); }

.hint--left:before {
    border-left-color: #383838;
    margin-right: -11px;
    margin-bottom: -6px; }

.hint--left:after {
    margin-bottom: -14px; }

.hint--left:after, .hint--left:before {
    right: 100%;
    bottom: 50%; }

.hint--left:hover:after, .hint--left:hover:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px); }

.hint--top-left:after, .hint--top-left:before {
    bottom: 100%;
    left: 50%; }

.hint--top-left:before {
    margin-bottom: -11px;
    left: calc(50% - 6px); }

.hint--top-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 12px; }

.hint--top-left:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px); }

.hint--top-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px); }

.hint--top-right:after, .hint--top-right:before {
    bottom: 100%;
    left: 50%; }

.hint--top-right:before {
    margin-bottom: -11px;
    left: calc(50% - 6px); }

.hint--top-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px; }

.hint--top-right:hover:after, .hint--top-right:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px); }

.hint--bottom-left:after, .hint--bottom-left:before {
    top: 100%;
    left: 50%; }

.hint--bottom-left:before {
    margin-top: -11px;
    left: calc(50% - 6px); }

.hint--bottom-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 12px; }

.hint--bottom-left:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px); }

.hint--bottom-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px); }

.hint--bottom-right:after, .hint--bottom-right:before {
    top: 100%;
    left: 50%; }

.hint--bottom-right:before {
    margin-top: -11px;
    left: calc(50% - 6px); }

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px; }

.hint--bottom-right:hover:after, .hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px); }

.hint--large:after, .hint--medium:after, .hint--small:after {
    white-space: normal;
    line-height: 1.4em;
    word-wrap: break-word; }

.hint--small:after {
    width: 80px; }

.hint--medium:after {
    width: 150px; }

.hint--large:after {
    width: 300px; }

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0 #592726; }

.hint--error.hint--top-left:before, .hint--error.hint--top-right:before, .hint--error.hint--top:before {
    border-top-color: #b34e4d; }

.hint--error.hint--bottom-left:before, .hint--error.hint--bottom-right:before, .hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d; }

.hint--error.hint--left:before {
    border-left-color: #b34e4d; }

.hint--error.hint--right:before {
    border-right-color: #b34e4d; }

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0 #6c5328; }

.hint--warning.hint--top-left:before, .hint--warning.hint--top-right:before, .hint--warning.hint--top:before {
    border-top-color: #c09854; }

.hint--warning.hint--bottom-left:before, .hint--warning.hint--bottom-right:before, .hint--warning.hint--bottom:before {
    border-bottom-color: #c09854; }

.hint--warning.hint--left:before {
    border-left-color: #c09854; }

.hint--warning.hint--right:before {
    border-right-color: #c09854; }

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0 #1a3c4d; }

.hint--info.hint--top-left:before, .hint--info.hint--top-right:before, .hint--info.hint--top:before {
    border-top-color: #3986ac; }

.hint--info.hint--bottom-left:before, .hint--info.hint--bottom-right:before, .hint--info.hint--bottom:before {
    border-bottom-color: #3986ac; }

.hint--info.hint--left:before {
    border-left-color: #3986ac; }

.hint--info.hint--right:before {
    border-right-color: #3986ac; }

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0 #1a321a; }

.hint--success.hint--top-left:before, .hint--success.hint--top-right:before, .hint--success.hint--top:before {
    border-top-color: #458746; }

.hint--success.hint--bottom-left:before, .hint--success.hint--bottom-right:before, .hint--success.hint--bottom:before {
    border-bottom-color: #458746; }

.hint--success.hint--left:before {
    border-left-color: #458746; }

.hint--success.hint--right:before {
    border-right-color: #458746; }

.hint--always:after, .hint--always:before {
    opacity: 1;
    visibility: visible; }

.hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px); }

.hint--always.hint--top:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px); }

.hint--always.hint--top-left:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px); }

.hint--always.hint--top-left:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px); }

.hint--always.hint--top-right:after, .hint--always.hint--top-right:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px); }

.hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px); }

.hint--always.hint--bottom:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px); }

.hint--always.hint--bottom-left:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px); }

.hint--always.hint--bottom-left:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px); }

.hint--always.hint--bottom-right:after, .hint--always.hint--bottom-right:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px); }

.hint--always.hint--left:after, .hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px); }

.hint--always.hint--right:after, .hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px); }

.hint--rounded:after {
    border-radius: 4px; }

.hint--no-animate:after, .hint--no-animate:before {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s; }

.hint--bounce:after, .hint--bounce:before {
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }

.hint--right.spx-hint-tarjeta:before {
    margin-left: -19px; }
.hint--right.spx-hint-tarjeta:after {
    margin-bottom: -35px;
    white-space: pre-wrap;
    width: 300px;
    left: 50%;
    min-height: 52px; }

.hint--bottom.spx-hint-tarjeta:before {
    left: 40px; }
.hint--bottom.spx-hint-tarjeta:after {
    left: 200px;
    width: 350px;
    white-space: pre-line;
    line-height: 16px; }

.hint--bottom.spx-bottom:after {
    top: 18px;
    white-space: pre-line;
    max-width: 650px;
    text-align: center;
    line-height: 15px; }

.tippy-touch {
    cursor: pointer !important; }

.tippy-notransition {
    -webkit-transition: none !important;
    transition: none !important; }

.tippy-popper {
    max-width: 400px;
    -webkit-perspective: 800px;
    perspective: 800px;
    z-index: 9999;
    outline: 0;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.tippy-popper.html-template {
    max-width: 96%;
    max-width: calc(100% - 20px); }

.tippy-popper[x-placement^=top] [x-arrow] {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px; }

.tippy-popper[x-placement^=top] [x-arrow].arrow-small {
    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px; }

.tippy-popper[x-placement^=top] [x-arrow].arrow-big {
    border-top: 10px solid #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px; }

.tippy-popper[x-placement^=top] [x-circle] {
    -webkit-transform-origin: 0 33%;
    transform-origin: 0 33%; }

.tippy-popper[x-placement^=top] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -60%);
    transform: scale(1) translate(-50%, -60%);
    opacity: 1; }

.tippy-popper[x-placement^=top] [x-circle].leave {
    -webkit-transform: scale(0.2) translate(-50%, -50%);
    transform: scale(0.2) translate(-50%, -50%);
    opacity: 0; }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] {
    background-color: #fff; }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] {
    border-top: 7px solid rgba(0, 0, 0, 0.7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-top: 5px solid rgba(0, 0, 0, 0.7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; }

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-top: 10px solid rgba(0, 0, 0, 0.7);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent; }

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom; }

.tippy-popper[x-placement^=top] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0); }

.tippy-popper[x-placement^=top] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg); }

.tippy-popper[x-placement^=top] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.tippy-popper[x-placement^=top] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1); }

.tippy-popper[x-placement^=top] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0); }

.tippy-popper[x-placement^=bottom] [x-arrow] {
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px; }

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small {
    border-bottom: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px; }

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
    border-bottom: 10px solid #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px; }

.tippy-popper[x-placement^=bottom] [x-circle] {
    -webkit-transform-origin: 0 -50%;
    transform-origin: 0 -50%; }

.tippy-popper[x-placement^=bottom] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -40%);
    transform: scale(1) translate(-50%, -40%);
    opacity: 1; }

.tippy-popper[x-placement^=bottom] [x-circle].leave {
    -webkit-transform: scale(0.2) translate(-50%);
    transform: scale(0.2) translate(-50%);
    opacity: 0; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle] {
    background-color: #fff; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] {
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-bottom: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
    border-bottom: 7px solid rgba(0, 0, 0, 0.7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-bottom: 5px solid rgba(0, 0, 0, 0.7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-bottom: 10px solid rgba(0, 0, 0, 0.7);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent; }

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top; }

.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0); }

.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg); }

.tippy-popper[x-placement^=bottom] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.tippy-popper[x-placement^=bottom] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1); }

.tippy-popper[x-placement^=bottom] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0); }

.tippy-popper[x-placement^=left] [x-arrow] {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px; }

.tippy-popper[x-placement^=left] [x-arrow].arrow-small {
    border-left: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -5px; }

.tippy-popper[x-placement^=left] [x-arrow].arrow-big {
    border-left: 10px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    right: -10px; }

.tippy-popper[x-placement^=left] [x-circle] {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0; }

.tippy-popper[x-placement^=left] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1; }

.tippy-popper[x-placement^=left] [x-circle].leave {
    -webkit-transform: scale(0.2) translate(-50%, -50%);
    transform: scale(0.2) translate(-50%, -50%);
    opacity: 0; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle] {
    background-color: #fff; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] {
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-left: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] {
    border-left: 7px solid rgba(0, 0, 0, 0.7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-left: 5px solid rgba(0, 0, 0, 0.7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; }

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-left: 10px solid rgba(0, 0, 0, 0.7);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right; }

.tippy-popper[x-placement^=left] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0); }

.tippy-popper[x-placement^=left] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg); }

.tippy-popper[x-placement^=left] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

.tippy-popper[x-placement^=left] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1); }

.tippy-popper[x-placement^=left] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0); }

.tippy-popper[x-placement^=right] [x-arrow] {
    position: absolute;
    width: 0;
    height: 0;
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px; }

.tippy-popper[x-placement^=right] [x-arrow].arrow-small {
    border-right: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -5px; }

.tippy-popper[x-placement^=right] [x-arrow].arrow-big {
    border-right: 10px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -10px; }

.tippy-popper[x-placement^=right] [x-circle] {
    -webkit-transform-origin: -50% 0;
    transform-origin: -50% 0; }

.tippy-popper[x-placement^=right] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1; }

.tippy-popper[x-placement^=right] [x-circle].leave {
    -webkit-transform: scale(0.2) translate(-50%, -50%);
    transform: scale(0.2) translate(-50%, -50%);
    opacity: 0; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle] {
    background-color: #fff; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] {
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-right: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] {
    border-right: 7px solid rgba(0, 0, 0, 0.7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-right: 5px solid rgba(0, 0, 0, 0.7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; }

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-right: 10px solid rgba(0, 0, 0, 0.7);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left; }

.tippy-popper[x-placement^=right] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0); }

.tippy-popper[x-placement^=right] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg); }

.tippy-popper[x-placement^=right] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

.tippy-popper[x-placement^=right] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1); }

.tippy-popper[x-placement^=right] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0); }

.tippy-popper .tippy-tooltip.transparent-theme {
    background-color: rgba(0, 0, 0, 0.7); }

.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] {
    background-color: transparent; }

.tippy-popper .tippy-tooltip.light-theme {
    color: #26323d;
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
    background-color: #fff; }

.tippy-popper .tippy-tooltip.light-theme[data-animatefill] {
    background-color: transparent; }

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    padding: .4rem .8rem;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333;
    pointer-events: none; }

.tippy-tooltip--small {
    padding: .25rem .5rem;
    font-size: 0.8rem; }

.tippy-tooltip--big {
    padding: .6rem 1.2rem;
    font-size: 1.2rem; }

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent; }

.tippy-tooltip[data-interactive] {
    pointer-events: auto; }

.tippy-tooltip[data-inertia] {
    -webkit-transition-timing-function: cubic-bezier(0.53, 1, 0.36, 0.85);
    transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85); }

.tippy-tooltip [x-circle] {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 140%;
    width: calc(125% + 2rem);
    left: 50%;
    top: 50%;
    z-index: -1;
    overflow: hidden;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }

.tippy-tooltip [x-circle]:before {
    content: "";
    padding-top: 90%;
    float: left; }

@media (max-width: 450px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px); } }
/*!
 * Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden, select.selectpicker {
    display: none !important; }

.bootstrap-select {
    width: 220px\9; }

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1; }

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #999; }

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none; }

.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2; }

.error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48; }

.bootstrap-select.fit-width {
    width: auto !important; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px; }

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px; }

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none; }

.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%; }

.bootstrap-select.form-control.input-group-btn {
    z-index: auto; }

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
    border-radius: 0; }

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0; }

.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*=col-].dropdown-menu-right, .row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right; }

.form-group .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group {
    margin-bottom: 0; }

.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0; }

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit; }

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%; }

.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {
    cursor: not-allowed; }

.bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus {
    outline: 0 !important; }

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0 !important;
    padding: 0 !important; }

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left; }

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle; }

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle {
    width: 100%; }

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative; }

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff; }

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed; }

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em; }

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none; }

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block; }

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em; }

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before {
    display: block; }

.bs-actionsbox, .bs-donebutton, .bs-searchbox {
    padding: 4px 8px; }

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.bs-actionsbox .btn-group button {
    width: 50%; }

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.bs-donebutton .btn-group button {
    width: 100%; }

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px; }

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none; }

.info-supplier-icon i {
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
.info-supplier-icon i.supplier-almacen {
    background: #009d5f; }
.info-supplier-icon i.supplier-spot {
    background: dodgerblue; }
.info-supplier-icon i.supplier-externo {
    background: darkorchid; }
.info-supplier-icon i.supplier-externo:before {
    margin-left: 1px;
    font-size: 12px; }
.info-supplier-icon i.supplier-interno {
    background: #FFC933; }
.info-supplier-icon i.supplier-interno:before {
    margin-bottom: 1px;
    font-size: 11px; }
.info-supplier-icon i.supplier-vale {
    background: #c70039; }
.info-supplier-icon i.supplier-proveedor {
    background: #ff8000;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.info-supplier-icon i.supplier-proveedor:before {
    margin-left: 1px;
    font-size: 12px; }

.linea-motivo-icon,
.linea-urgente-icon {
    width: 22px;
    height: 22px;
    background-color: #f5f5f5;
    border-radius: 50%;
    margin-left: 5px;
    cursor: help;
    margin-top: -3px; }
.linea-motivo-icon span,
.linea-urgente-icon span {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    margin-top: 0px;
    margin-left: 0; }
.linea-motivo-icon span i,
.linea-urgente-icon span i {
    color: #FB8C00; }

.iconito-motivo {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
.iconito-motivo i {
    color: #FB8C00; }

.linea-urgente-icon {
    background-color: #000;
    margin: 0; }
.linea-urgente-icon span i {
    color: #c62727; }

.icon-download-excel {
    width: 40px;
    height: 40px;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
.icon-download-excel > img {
    height: 24px;
    cursor: pointer; }

span.masMejorDiv {
    position: relative;
    height: 24px;
    width: 24px;
    margin-top: 1px;
    background-color: #FFF;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #c62727;
    display: flex;
    align-items: center;
    justify-content: center; }
span.masMejorDiv i {
    position: relative;
    font-size: 12px;
    color: #c62727;
    z-index: 8; }
span.masMejorDiv.elMasMejor {
    background-color: rgba(34, 211, 105, .1);
    border: none; }
span.masMejorDiv.elMasMejor i {
    /* color: #22D369; */
    color:#0ac756; }

#main {
    position: relative; }

header .header-top {
    height: 54px;
    padding-left: 50px;
    background: #fff; /*<AG13802>*/
    display: flex;
    align-items: center; }
header .header-top .spx-main-logo {
    display: inline-block; }
header .header-top .spx-main-logo img {
    margin-top: 0px;
    transition: 0.4s all ease-in-out;
    cursor: pointer; }
header .header-top .spx-main-logo img:hover {
    transform: scale(0.9); }
header .header-nav {
    height: 30px;
    background-color: #015799; }
header .header-nav > .row {
    height: 100%; }
header .header-nav > .row > div {
    height: 100%; }
header .header-nav .main-menu-block {
    display: flex;
    align-items: center;
    justify-content: center; }
header .header-nav .user-tools-block {
    display: flex;
    align-items: center;
    color: white;
    float: right; }
header .header-nav .user-tools-block .user-tools-btns {
    display: inline-block;
    float: right; }
header .header-nav .user-tools-block .user-tools-btns .user-tools-btn {
    position: relative;
    width: 32px;
    height: 30px;
    display: block;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: #204294;
    border-left: 1px #00426B solid; }
header .header-nav .user-tools-block .user-tools-btns .user-tools-btn:last-child {
    background-color: #e81e32; }
header .header-nav .user-tools-block .user-tools-btns .user-tools-btn:hover {
    background: #242424 !important; }

#meinControla {
    width: 100%;
    /*overflow-x: hidden;*/
    transition: width .4s ease-in-out;
    margin-bottom: 50px; }
#meinControla.chatlog-active {
    width: calc(100% - 320px); }

.borderTextArea
{
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}
/*# sourceMappingURL=spx-theme.css.map */

.mcomponent {
    width:100%;
    min-width: 100px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    border: 1px solid lightgray;
    background: white;
}

.mcomponent div {
    background: white;
}

.mcomponent .dropdown {
    border: 1px solid lightgray;
    left: 0;
    list-style: outside none none;
    position: absolute;
    right: 0;
    top: 100%;
    margin: 0;
    padding: 0;
    z-index: 9999;
    max-height: 290px;
    min-height: 230px;
    display: none;
}

.mcomponent .dropdown.active{
    display: block;
}

.searchandselect .header {
    height: 27px;
    padding: 5px 15px;
}
.searchandselect .header span {
    white-space: normal;
    overflow: hidden;
}

.searchandselect .search {
    padding: 5px;
}


.item-option {
    border: none;
    border-radius: 0px !important;
    text-indent: 0;
    white-space: normal;
    height: 23px;
    padding: 0px 5px;

}

.item-option:hover {
    background: #1092d1 !important;
}

.item-option:hover a{
    color:white;
}

.item-option.active{
    background: #1092d1 !important;    
}

.item-option.active a{
    color:white;
}

.item-option a:focus{
    background: #1092d1 !important;
    color: white;
    text-decoration: none;
}

.blink_me {
    animation: blinker 1s linear infinite;
    color: red;
    font-weight: bold;
    margin-right: 20px;
    font-size: 11px;
}

@keyframes blinker {  
    50% { opacity: 0; }
}

.generate-button #container-msg{
    color:  #ee5149;
    font-weight: bold;
    font-style: italic;
}

.adjuntos-block, .adjuntos-block_Fam {
    width: 300px;
    height: 100vh;
    background: #FAFAFA;
    display: block;
    position: fixed;
    top: 85px;
    right: -300px;
    z-index: 99;
    transition: all .2s ease-in;
    box-shadow: 0 0 0 transparent;
    overflow-y: auto; }

.adjuntos-block.active, .adjuntos-block_Fam.active{
    transform: translateX(-300px);
    height: calc(100vh - 85px);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }

.adjuntos-block.active.full-h, .adjuntos-block_Fam.active.full-h{
    top: 63px;
    height: calc(100vh - 60px); }

/*<R17424>*/
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    width: 100%;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    overflow: auto;
    max-height:300px;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9; 
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important; 
    color: #ffffff; 
}

/*<R17424>*/


/*<R18224>*/
.req-stage.reducionux-patronus .spx-requisicion-block--header{
    display: block;
    height: auto;
    min-height: 45px;
}
.req-stage.reducionux-patronus .spx-requisicion-block--header > div{
    width:100%;
}

.req-stage.reducionux-patronus  .linea-block{
    min-width: 200px !important;
}
/*<R18224>*/

/*<R19835>*/
.popupUen {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popupUen .popuptext {
    visibility: hidden;
    width: 260px;
    background-color: white;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top:125%;
    left: -10%;
    margin-left: 0px;
}

.popupUen .popuptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -80px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent limegreen transparent;
}

.popupUen .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    border: 2px solid limegreen;
}
/*</R19835>*/

/* CAMBIOS DE HEADER */
/*<AG13802>*/
header .spx-btn {
    border: 1px solid #028EEC !important;
    color: #028EEC;
    background: #fff;
    transition: 0.4s all ease-in-out; }
header .spx-btn:hover {
    color: #fff;
    background: #028EEC;
    transition: 0.4s all ease-in-out; }

input.form-control.ui-inputfield.ui-inputtext.ng-pristine.ng-valid.ng-touched {
    border-radius: 6px; }

.ui-button.spx--btn__primary.ui-state-default, .ui-commandlink.spx--btn__primary.ui-state-default, .ui-fileupload-choose.ui-state-default {
    color: white !important;
    background-color: #028EEC !important;
    border-color: #028EEC !important;
    z-index: 99;
}

.spx-requisicion-block--header.active{
    /* background: #dcdcdc; */
    background: #f5f5f5;
    opacity: 1;
}

.spx-requisicion-block--header .req-number label{
    color: #565d5e !important;
}

.spx-requisicion-block--header .req-number .fa-chevron-right {
    color: #1967a2;
    margin-left: 5px;
}

.spx-requisicion-block--header{
    background: #fafafa;
    opacity: .9;
}

.spx-requisicion-block--header:hover{
    background: #e4e4e4;
}

.linea-block--head {
    border-top: 8px solid #fff;
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 1px solid #eceff1;
}

.ui-button.spx--btn__orange.ui-state-default{
    border: 1px solid #028eec;
    color: #FFF;
    background: #028eec;
}

.spx-btn.bg-alert {
    color: #e81e32 !important;
    background-color: transparent !important;
    border: none;
    border-radius: 8px;
}

.spx-btn.bg-alert:hover {
    color: #fff !important;
    background-color: #e81e32 !important;
    border: none;
}


.spx-btn.btn__hollow {
    border: none;
    background: transparent;
    border-radius: 8px;
}
.spx-btn.btn__hollow:hover {
    color: white;
    background: #515758;
    border:none;
}

.spx-btn.bg-primario {
    border-radius: 8px;
}
.spx-btn.bg-primario:hover {
    background:   #0175E5 !important;
    border-color: #0175E5 !important;
}

.linea-block--body {
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: auto;
}

.linea-block--body .linea-descripcion {
    padding: 16px 16px 8px;
    /*min-height: 130px;*/
}

.linea-block--body .proveedor{
    /* border-bottom: 1px dashed gray;
    padding: 0 0 8px 0; */
    margin: 0 0 8px 0;
}

.linea-block--body .proveedor p{
    font-size: 13px;
    color: #5C677F;
}

.linea-block--body .linea-descripcion .linea-costo-individual{
    color: #015699;
    font-weight: 600;
    height: 40px;
    display: flex;
    align-items: center;
    border-top: 1px dashed lightgray;
    /* position: absolute;
    bottom: 36px; */
}

.linea-block--body .linea-descripcion .linea-costo-individual .tag{
    font-size: 18px;
    padding: 8px 0 0 0;
}

.linea-block--body .linea-descripcion .linea-costo-individual .moneda{
    font-size: 12px;
}

span.blink_me.ng-binding.ng-scope {
    margin-right: 10px;
}

.spx-requisicion-block--header .req-number--requisitor, .spx-requisicion-block--header .req- number--costo {
    background-color: transparent;
}

.spx-btn.bg-alert {
    border: solid 1px #e81e32 !important;
}

select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.dropdown-arrow {
    position: absolute;
    right: 8px;
    top: 19px;
    font-size: 12px !important;
    pointer-events:none;
}
.dropdown-arrow:after {
    position: absolute;
    right: 8px;
    top: 19px;
    font-size: 12px !important;
}

.overlay-cart {
    position: relative;
    display: inline-block;
}

.overlay-cart-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.overlay-cart-content a:hover {background-color: #ddd;}

.overlay-cart:hover .overlay-cart-content {display: block;}

/*<//AG13802>*/


/** <MDA_CONTRALOR>**/
#footer {
    position: fixed;
    bottom: 0;
    text-align: center;
    left: 45%;
    padding-bottom: 10px;
}
#footer .mpaginador{
    z-index: 1;
    display: inline-block;
}


.md-datepicker-input-container{
    background-color: transparent;
    border-bottom-color: black;
}
.md-datepicker-input-container .md-datepicker-input{
    background: transparent;
}
.md-datepicker-input{
    pointer-events:none !important;
}

.header-filter-label{
    margin: 10px;
    text-align: right;
}

.header-filter-container{
    width: 190px;
}

.hide{
    display: none;
}

.editing{
    border: solid 1px gray!important;
    background: white !important;

}

.not-editing{
    border: none;
    background: transparent;
}

.not-editing.form-control[disabled] {
    background-color: transparent !important;
    cursor: initial !important;
    border:none;
}  

.toggle-row-body{
    display: none;
}

.toggle-row-body:first-child{
    display: block;
}            

.toggle-row-head .fa-chevron-right{
    transform: rotate(0deg);
    transition-duration: 0.7s;
}

.toggle-row-head.active .fa-chevron-right{
    transform: rotate(90deg);
    transition-duration: 0.7s;
}

.spx-table--body:nth-child(even)  .spx-tr.toggle-row-head{
    background: #f9f9f9;
}
.spx-tr.toggle-row-head.active{
    border: none;
    border-top: 1px solid #1967a2;
    border-bottom: 1px solid #1967a2;
    background: #D6DBDF!important;
}

.searchandselect .list-group-item{
    color:black;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: #f5f5f5!important;
    border:none !important;
}
.searchandselect .list-group-item.active{
    background-color: #1092d1 !important;
}

.searchandselect .list-group-item.item-option:hover{
    background-color: #1092d1 !important;
}
.searchandselect .list-group-item .item-option:hover a{
    background-color: #1092d1 !important;
}


.searchandselect {
    border: none;
    border-bottom: 1px solid black;
    background: transparent;
}
.searchandselect .header{
    background: transparent !important;
    text-align: center;
}
.searchandselect .list-group.options li{
    /*height: 30px !important;*/
}

.on-off-switch-container{
    display: inline-block;
    vertical-align: middle;    
}
.on-off-switch-container .on-off-switch{
    vertical-align: middle;
}

/** <MDA_CONTRALOR>**/


#tablaCC .ng-table-sort-header{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    color: #949EB1;
}

#tablaCC .table-condensed>thead>tr>th{
    padding: 0; 
}

#tablaCC .ng-table-header.ng-scope{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    padding: 7px;
}


.tdCategory{
    cursor: pointer;
    color: #474F61;
    font-weight: bold;
    border: none !important;
    padding: 10px 5px !important;
    display: flex;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 14px;
    justify-content: space-between;
}

.tdCategory:hover{
    text-decoration: underline;
    transition: all .3s ease-in-out;
}

.tdFamily{
    cursor: pointer;
    color: #474F61;
    font-weight: bold;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0px;
}

.tdFamily:hover{
    text-decoration: underline;
    transition: all .3s ease-in-out;
}

#minTabla .table>tbody+tbody{
    border: none;
}

#minTabla .sort-indicator{
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    color: #949EB1;
}

#minTabla .ng-table-header.ng-scope{
    text-align: left;
}

.expand-icon{
    transform: rotate(90deg);
}


.subFamTitle{
    color: white;
    background-color: #4CAEEA;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 12px;
}

.customCheck{
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: 12px;
    overflow: hidden;
    border-radius: 15px;
    transition: all .3s ease;
}


.customCheck input{
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    appearance: none;
    width: 30px;
    height: auto;
    top: 0;
    left: 0;
    margin: 0 auto;
}


.customCheck img{
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    ;
}

.customCheck:hover {
    transform: scale(1.3);
}


/*CLASES  -  TIPO DE REQUI*/



.spotUnactive, .almacenUnactive, .proveedorUnactive, .valesUnactive, .interUnactive{
    background: #fff;
}


.spotActive ~ img, .interActive ~ img, .valesActive ~ img, .proveedorActive ~ img, .almacenActive ~ img{
    left: -64px;
    ;
}

.spotIddle ~ img, .interIddle ~ img, .valesIddle ~ img, .proveedorIddle ~ img, .almacenIddle ~ img{
    left: -32px;
    ;
}

.tthead .ng-table-sort-header{
    background-color: #1f4294;
}

.tthead .filter {
    padding:0;
}

.spx-container{
    width: 90%;
    margin: 0 auto;
}

.container_small{
    background: #F2F5F8;
    width: 28%;
    float:left;
    position: relative;
    padding-right: 16px;
    padding-left: 16px;
}
.container_middle{
    width: 72%;
    float:left;
    padding: 24px 16px 0;
    position: relative;
    padding-right: 16px;
    padding-left: 16px;
}

.caption-table{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    color: #949EB1;
    font-weight: bold;
}

.aprob-esp-bubble {
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 3px 7px;
    min-width: 60px;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    margin: 2px;
}
.req-aprob-especial .P{
    background-color: #907ba2;
}
.req-aprob-especial .FADPR{
    background-color: #5cb85c;
}
.req-aprob-especial .F1, .req-aprob-especial .F2{
    background-color: #5bc0de;
}
.req-aprob-especial .E1{
    background-color: #8186c8;
}
.req-aprob-especial .E2, .req-aprob-especial .N{
    background-color: #d9534f;
}
.req-aprob-especial .AP, .req-aprob-especial .FADAP{
    background-color: #e8bb51;
}

/* tbody.ng-scope, td.tdFamily.ng-binding, td{
    border:none !important;
} */

/* .tdActivo{
    background: #D4EFFF;
    border-radius: 8px;
    color: #2C87FC;
} */

/* .famActive{
    background: #D4EFFF;
    border-radius: 8px;
    color: #2C87FC !important;
    border-bottom: 1px solid #C6D1DE;
} */

/* .tdSubfamily{
    color: #474F61;
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0px;
} */


.aprobacion__detalle .aprobacion__detalle--header .spx-th{
    border: none;
    color:#204294;
    font-size: 13px;
    font-weight: 400;
}

.aprobacion__detalle .aprobacion__detalle--header .spx-table--head {
    background: none;
}

.aprobacion__detalle .aprobacion__detalle--header .spx-table--head .spx-th{
    padding: 0;
    margin: 0;
    min-height: auto;
}

.aprobacion__detalle .aprobacion__detalle--header .spx-table--body, 
.aprobacion__detalle .aprobacion__detalle--header .spx-table--body .spx-tr {
    border: none;
}

.aprobacion__detalle .aprobacion__detalle--header .spx-table--body .spx-tr .spx-td {
    border: none;
    font-size: 13px;
    color:#204294;
    text-align: left;
}

.aprobacion__detalle .aprobacion__detalle--header .spx-table.table-bordes {
    border-bottom: 1px dashed gray;
    padding: 24px 16px 8px;
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.aprobacion__detalle--header .tabla-aprobaciones table thead{
    background:gainsboro;
    color: #474F60;
}

.aprobacion__detalle--header .table-bordered>thead>tr>th, 
.aprobacion__detalle--header .table-bordered>tbody>tr>td {
    border: none;
    font-size: 12px;
    text-align: left;
}

.aprobacion__detalle--header table.table.table-bordered{
    border: none;
}

.aprobacion__detalle--header .spx-table .spx-th, .aprobacion__detalle--header .spx-table .spx-td{
    justify-content: left;
    align-items: baseline;
}

.aprobacion__detalle--header .table > tbody > tr > td{
    vertical-align: baseline;
}


::-webkit-scrollbar {
    height: 6px;  
    width: 0;  
}

/* Track */
::-webkit-scrollbar-track {
    background: #f2f2f2; 
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #c4cbd6; 

}
::-webkit-scrollbar-thumb:window-inactive {
    background: none; 
}

.ctm-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.ctm-tooltip .tooltiptext {
    position: fixed;
    visibility: hidden;
    width: 120px;
    background-color: #2b2b2b;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px !important;
    position: absolute;
    z-index: 9999;
    /*margin-left: -25%;*/
    opacity: 0;
    transition: opacity 0.5s;
    max-width: 350px;
    word-wrap: break-word;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #2b2b2b transparent transparent transparent;
}

/*.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}*/

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #2b2b2b;
}

.ctm-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: .9;
}

.tooltip-top {
    bottom: 50%;
}

.tooltip-right {
    top: 0px;
    left: 100% !important;
}

.tooltip-bottom {
    top: 135%;
    left: 0;
    /*margin-left: -60px;*/
}

.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

.table-finanzas-head{
    position: relative;
    display: flex;
    font-weight: 700;
    color: white;
}

.table-finanzas-head-info{
    font-size: 16px!important;
    padding: 10px!important;
}

.tooltip-fix:after{
    position: fixed !important;
}

.spx-tooltip {
    position: relative;
    cursor: pointer;
    font-size: 11px;
}

.spx-tooltip .tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #2b2b2b;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px !important;
    position: absolute;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.5s;
    max-width: 350px;
    word-wrap: break-word;
    display: table;
    position: fixed;
}

.spx-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: .9;
}

/*TOP*/
.spx-tooltip .top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 5px);
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #2b2b2b transparent transparent transparent;
}

.spx-tooltip .top {
    transform: translateY(-150%) translateX(-43%);
}

/*TOP-LEFT*/
.spx-tooltip .top-left::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 5px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #2b2b2b transparent transparent transparent;
}

.spx-tooltip .top-left {
    transform: translateY(-150%) translateX(-91%);
}

/*TOP-RIGHT*/
.spx-tooltip .top-right::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #2b2b2b transparent transparent transparent;
}

.spx-tooltip .top-right {
    transform: translateY(-150%);
}

/*LEFT*/
.spx-tooltip .left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #2b2b2b;
}

.spx-tooltip .left {
    transform: translateY(-65%) translateX(-105%);
}

/*RIGHT*/
.spx-tooltip .right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.spx-tooltip .right {
    transform: translateY(-65%) translateX(15%);
}

/*BOTTOM*/
.spx-tooltip .bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: calc(50% - 5px);
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.spx-tooltip .bottom {
    transform: translateY(20%) translateX(-43%);
}

/*BOTTOM-LEFT*/
.spx-tooltip .bottom-left::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 5px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.spx-tooltip .bottom-left {
    transform: translateY(20%) translateX(-91%);
}

/*BOTTOM-RIGHT*/
.spx-tooltip .bottom-right::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.spx-tooltip .bottom-right {
    transform: translateY(20%) translateX(0%);
}