/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23/07/2019, 10:38:00 AM
    Author     : Maikol Gutiérrez
*/

.fondo {
    /*display: inline-block;*/
    /*background: url(img/fondo_sistema.png) no-repeat center center;*/
    background: url(img/fondo_totalnet-web.png) no-repeat center center;
    background-attachment: fixed;
    background-size:  100% 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cabecera{
    position: relative;
}

.cuerpo{
    position: relative;
    box-sizing: border-box ;
    margin-top: 5px;
    padding: 0px;
    height: 550px;
    width: 100%;
}

.contenedor{
    max-width: 80%;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    /*position: fixed;*/
    border-radius: 10px 10px 10px 10px ;
    min-height: 100% ;
    /*max-height: 50% ;*/
    overflow-y: auto;
    -webkit-box-shadow: 9px 9px 5px 3px rgba(0,0,0,0.31);
    -moz-box-shadow: 9px 9px 5px 3px rgba(0,0,0,0.31);
    box-shadow: 9px 9px 5px 3px rgba(0,0,0,0.31);
    background-color: #fff;
    padding: 0 20px 5px 20px;
}

/********************************
PANTALLA DE INICIO
*********************************/

.flexbox-container-p-inicio {
    display: flex;
}

.flexbox-container-p-inicio .columna-1 {
    width: 100%;
    padding: 10px;
    height: 700px;
    overflow-y: scroll;
    /*border: 1px solid red;*/
}

.flexbox-container-p-inicio .columna-2 {
    width: 60%;
    height: 700px;
    padding: 10px;
    overflow-y: scroll;
    /*border: 1px solid red;*/
}

.flexbox-container-p-inicio > div:first-child {
    margin-right: 5px;
}

.column-p-inicio {
    display: flex;
    flex: 1;
    flex-direction: row;
}

.article-p-inicio {
    background: white;
    color: #666;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-basis: auto;
    margin: 10px;
}

.article-p-inicio .article-image {
    background: #eee;
    display: block;
    padding-top: 75%;
    position: relative;
    width: 100%;
}

.article-p-inicio .article-image img {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.article-p-inicio .article-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 20px;
}

.article-p-inicio .article-body .article-title {
    color: #333;
    flex-shrink: 0;
    font-size: 1.4em;
    font-weight: bold;
    font-weight: 700;
    line-height: 1.2;
}

.article-p-inicio .article-body .article-content {
    flex: 1;
    margin-top: 5px;
    text-align: justify;
}

/********************************
ICONO NOTIFICACION MENU
*********************************/

.form-notificacion {
    width: 350px;
}

.menu-notificacion {
    max-height: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow-x: hidden !important;
}

.menu-notificacion li a:hover, .menu li:hover > a {
    color:#000 !important;
    background:#fff !important;
}

.menu-notificacion li form a:hover, .menu li:hover > a {
    color:#000 !important;
    background:#fff !important;
}

.notificacion-primary {
    background-color: #fff !important;
    border-left: 1px solid #b8daff;
    border-bottom: 1px solid #b8daff;
    border-color: #b8daff !important;
    margin-top: 1px;
}

.notificacion-danger {
    background-color: #fff !important;
    border-left: 1px solid #f5c6cb;
    border-bottom: 1px solid #f5c6cb;
    border-color: #f5c6cb !important;
    margin-top: 1px;
}

.notificacion-warning {
    background-color: #fff !important;
    border-left: 1px solid #ffeeba;
    border-bottom: 1px solid #ffeeba;
    border-color: #ffeeba !important;
    margin-top: 1px;
}

.notificacion-primary i {
    color: #337ab7 !important;
}

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

.notificacion-warning i {
    color: #f0ad4e !important;
}

/********************************
ICONOS NOTIFICACION PANTALLA INICIO
*********************************/

.small-box .icono {
    top: 10px !important;
}

.notificacion-inicio-primary {
    background-color: #00C0EF;
    color: #FFF;
}

.notificacion-inicio-warning {
    background-color: #F39C12;
    color: #FFF;
}

.notificacion-inicio-danger {
    background-color: #DD4B39;
    color: #FFF;
}

/********************************
BARRA DE SCROLL
*********************************/

.scroll-table-vertical {
    overflow: auto;
    height: 60vh;
    width: 100%;
}

.content-scroll-horizontal {
    overflow-y: auto;
}

.scroll-table-vertical table thead {
    position: sticky;
    top: 0px;
    z-index: 100;
}

/********************************
MODALES DE RECLAMO
*********************************/

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

/********************************
CREAR_FACTURA - CREAR_PAGO_CONTRATOS
*********************************/

.flex-container-registrar-factura {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/********************************
BOTONES
*********************************/

.buttons-accion {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.buttons-pagination {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    margin: 0 auto;
}

/***********************************************
INICIO RESPONSIVE

TAMAÑOS MEDIA QUERIES:

@media screen and (max-width:1200px)

@media screen and (max-width:990px)

@media screen and (max-width:768px)

@media screen and (max-width: 450px)

************************************************/
@media screen and (max-width: 768px) {

    .contenedor {
        max-width: 100%;
        padding: 0px;
        margin-right: 0;
        margin-left: 0;
        border-radius: 0px 0px 0px 0px ;
        min-height: 100% ;
        overflow-y: auto;
        -webkit-box-shadow: 9px 9px 5px 3px rgba(0,0,0,0.31);
        -moz-box-shadow: 9px 9px 5px 3px rgba(0,0,0,0.31);
        box-shadow: 9px 9px 5px 3px rgba(0,0,0,0.31);
        background-color: #fff;
        padding: 0 20px 5px 20px;
    }

    body {
        --table-width: 100%;
    }

    /********************************
    PANTALLA DE INICIO
    *********************************/

    .flexbox-container-p-inicio {
        flex-wrap: wrap;
    }

    .flexbox-container-p-inicio .columna-1 {
        width: 100%;
        padding: 10px;
        height: 100%;
        overflow-y: scroll;
        /*border: 1px solid red;*/
    }

    .flexbox-container-p-inicio .columna-2 {
        width: 100%;
        height: 700px;
        padding: 10px;
        overflow-y: scroll;
        /*border: 1px solid red;*/
    }

    /********************************
    MODALES DE RECLAMO
    *********************************/

    .flex-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: stretch;
    }

    .item-cabezera {
        width: 100px;
        text-align: center;
    }

    /********************************
    CREAR_FACTURA - CREAR_PAGO_CONTRATOS
    *********************************/

    .flex-container-registrar-factura {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .flex-container-registrar-factura .item {
        width: 100%;
    }

    .flex-header-registrar-factura {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .table-registrar-factura td {
        display: flex;
        flex-wrap: wrap;
    }

    /********************************
    BOTONES
    *********************************/

    .buttons-exportar {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 50%;
        text-align: left;
    }

    .buttons-accion {
        display: flex;
        flex-direction: column;
    }

    .buttons-pagination {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        margin: 0px auto;
    }

    /********************************
    GENERAL
    *********************************/

    .hide-on-mobile {
        display: none;
    }

}

/*********************************************** 
FIN RESPONSIVE 
************************************************/

.factura{
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    /*position: fixed;*/
    min-height: 100% ;
    /*max-height: 50% ;*/
    overflow-y: auto;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.31);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.31);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.31);
    background-color: #fefefe;
    padding: 20px 20px 20px 20px;
}

.label-input{
    margin-top: 10px;
}

.table-scrollbar {
    width: 100%;
}

.table-scrollbar tbody {
    display: block;
    min-height: 100px;
    max-height: 500px;
    overflow: auto;
}
.table-scrollbar thead, .table-scrollbar tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.table-scrollbar thead th {
    /*width: calc( 100% - 1em );*/
    vertical-align: middle !important;
    white-space: normal !important;
    word-break: break-word !important;
}
.table-scrollbar tbody tr td {
    word-wrap: break-word !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space: normal !important;
    word-break: break-word !important;
}
/*tabla estilo blanco y negro */
.table-scroll-bar  {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    margin: 0 0 1em 0;
    caption-side: top;
}

.table-scroll-bar caption, .table-scroll-bar td, .table-scroll-bar th {
    padding: 0.1em;
}
.table-scroll-bar tbody {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.table-scroll-bar tbody th, .table-scroll-bar tfoot th {
    border: 0;
}
.table-scroll-bar th.p0 {
    width: 5%;
}
.table-scroll-bar th.p1 {
    width: 10%;
}
.table-scroll-bar th.p2 {
    width: 15%;
}
.table-scroll-bar th.p3 {
    width: 20%;
}
.table-scroll-bar th.p4 {
    width: 25%;
}
.table-scroll-bar th.p5 {
    width: 30%;
}
.table-scroll-bar th.p6 {
    width: 35%;
}
.table-scroll-bar th.p7 {
    width: 40%;
}
.table-scroll-bar th.p8 {
    width: 45%;
}
.table-scroll-bar th.p9 {
    width: 50%;
}
.table-scroll-bar th.p10 {
    width: 100%;
    text-align: center;
}
.table-scroll-bar tfoot {
    text-align: right;
    color: #555;
    font-size: 0.8em;
}

.input-group-addon select {
    border-radius: 4px 0px 0px 4px !important;
    font-size: 13px;
}
.input-group-addon input {
    border-radius: 0px 4px 4px 0px !important;
}
.input-group .span1 {
    padding:0;
    height:100% !important;
    width: 20%;
    border:0 ;
    border-radius: 4px 0px 0px 4px !important;
}

.input-group .span2 {
    padding:0;
    height:100% !important;
    width: 20%;
    border:0 ;
    border-radius: 0px 4px 4px 0px !important;
}

.input-group {
    width:100%;
}


span.alerta{
    position:relative;
    z-index:24;
    font-family: arial,sans-serif;
    color:#000;
    cursor: help;
    font-size: 8pt;
    text-decoration:none;
    font-weight: bold;
}

span.alerta:hover{
    z-index:25;
}
span.alerta span{
    display: none;
}
span.alerta:hover span{
    display:block;
    position:absolute;
    height: auto;
    font-size: 8pt;
    font-weight: normal;
    top:2em;
    left:2em;
    width:35em;
    padding: 5px;
    border:1px dashed #172C0C;
    background-color:#B3BD91;
    color:#000;
    text-align: left;
}

div.has-error div{
    display:none;
}
div.has-error:hover div{
    display:block;
}


.input-icon {
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: 95% center !important;
}

.button-icon {
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: center center !important;
}

.icon-remove {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xNC44IDEyIDMuNi0zLjZjLjgtLjguOC0yIDAtMi44LS44LS44LTItLjgtMi44IDBMMTIgOS4yIDguNCA1LjZjLS44LS44LTItLjgtMi44IDAtLjguOC0uOCAyIDAgMi44TDkuMiAxMmwtMy42IDMuNmMtLjguOC0uOCAyIDAgMi44LjQuNC45LjYgMS40LjZzMS0uMiAxLjQtLjZsMy42LTMuNiAzLjYgMy42Yy40LjQuOS42IDEuNC42czEtLjIgMS40LS42Yy44LS44LjgtMiAwLTIuOEwxNC44IDEyeiIgZmlsbD0iI2YwMTExMSIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PC9zdmc+') !important;
}
.icon-prohibit {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZGlzcGxheT0iaW5saW5lIj48cGF0aCBkPSJNMTIgMjkyLjY1Yy01LjUxMSAwLTEwIDQuNDg5LTEwIDEwczQuNDg5IDEwIDEwIDEwIDEwLTQuNDg5IDEwLTEwLTQuNDg5LTEwLTEwLTEwem0wIDJjMS44NTMgMCAzLjU1LjYzMyA0LjkwNCAxLjY4NEw1LjY4MiAzMDcuNTU2QTcuOTY2IDcuOTY2IDAgMCAxIDQgMzAyLjY1YzAtNC40MyAzLjU3LTggOC04em02LjMyIDMuMDk2QTcuOTY2IDcuOTY2IDAgMCAxIDIwIDMwMi42NWMwIDQuNDMtMy41NyA4LTggOC0xLjg1MyAwLTMuNTUtLjYzLTQuOTA0LTEuNjh6IiBzdHlsZT0ibGluZS1oZWlnaHQ6bm9ybWFsO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC12YXJpYW50LWVhc3QtYXNpYW46bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7Zm9udC12YXJpYXRpb24tc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7d2hpdGUtc3BhY2U6bm9ybWFsO3NoYXBlLXBhZGRpbmc6MDtzaGFwZS1tYXJnaW46MDtpbmxpbmUtc2l6ZTowO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtzb2xpZC1jb2xvcjojMDAwO3NvbGlkLW9wYWNpdHk6MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMjkwLjY1KSIgY29sb3I9IiMwMDAwMDAiIGZvbnQtc3R5bGU9Im5vcm1hbCIgZm9udC12YXJpYW50PSJub3JtYWwiIGZvbnQtd2VpZ2h0PSI0MDAiIGZvbnQtc3RyZXRjaD0ibm9ybWFsIiBmb250LXNpemU9Im1lZGl1bSIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIHRleHQtZGVjb3JhdGlvbj0ibm9uZSIgbGV0dGVyLXNwYWNpbmc9Im5vcm1hbCIgd29yZC1zcGFjaW5nPSJub3JtYWwiIHdyaXRpbmctbW9kZT0ibHItdGIiIGRpcmVjdGlvbj0ibHRyIiBkb21pbmFudC1iYXNlbGluZT0iYXV0byIgYmFzZWxpbmUtc2hpZnQ9ImJhc2VsaW5lIiB0ZXh0LWFuY2hvcj0ic3RhcnQiIGNsaXAtcnVsZT0ibm9uemVybyIgZGlzcGxheT0iaW5saW5lIiBvdmVyZmxvdz0idmlzaWJsZSIgdmlzaWJpbGl0eT0idmlzaWJsZSIgb3BhY2l0eT0iMSIgY29sb3ItaW50ZXJwb2xhdGlvbj0ic1JHQiIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJsaW5lYXJSR0IiIHZlY3Rvci1lZmZlY3Q9Im5vbmUiIGZpbGw9IiNmZjBmMGYiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjQiIHN0cm9rZS1kYXNoYXJyYXk9Im5vbmUiIHN0cm9rZS1kYXNob2Zmc2V0PSIwIiBzdHJva2Utb3BhY2l0eT0iMSIgY29sb3ItcmVuZGVyaW5nPSJhdXRvIiBpbWFnZS1yZW5kZXJpbmc9ImF1dG8iIHNoYXBlLXJlbmRlcmluZz0iYXV0byIgdGV4dC1yZW5kZXJpbmc9ImF1dG8iIGVuYWJsZS1iYWNrZ3JvdW5kPSJhY2N1bXVsYXRlIiBzdG9wLWNvbG9yPSIjZmYwZjBmIiBzdG9wLW9wYWNpdHk9IjEiIGNsYXNzPSJmaWxsLTAwMDAwMCBzdG9wLWNvbG9yLTAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=') !important;
}
.icon-ok {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBkPSJNMTUgMjFhMSAxIDAgMCAxLS43MS0uMjlsLTQtNGExIDEgMCAwIDEgMS40Mi0xLjQybDMuMjkgMy4zIDYuMjktNi4zYTEgMSAwIDAgMSAxLjQyIDEuNDJsLTcgN0ExIDEgMCAwIDEgMTUgMjFaIiBmaWxsPSIjMDU5NjAwIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNMTYgMjlhMTMgMTMgMCAxIDEgMTMtMTMgMTMgMTMgMCAwIDEtMTMgMTNabTAtMjRhMTEgMTEgMCAxIDAgMTEgMTFBMTEgMTEgMCAwIDAgMTYgNVoiIGZpbGw9IiMwNTk2MDAiIGNsYXNzPSJmaWxsLTAwMDAwMCI+PC9wYXRoPjwvZz48cGF0aCBkPSJNMCAwaDMydjMySDB6IiBmaWxsPSJub25lIj48L3BhdGg+PC9zdmc+') !important;
}
.icon-trash {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxMzQ1NjM7fQo8L3N0eWxlPjxnPjxnIGlkPSJJY29uLVRyYXNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzIuMDAwMDAwLCAyMjguMDAwMDAwKSI+PHBvbHlnb24gY2xhc3M9InN0MCIgaWQ9IkZpbGwtNiIgcG9pbnRzPSItMjA3LjUsLTIwNS4xIC0yMDQuNSwtMjA1LjEgLTIwNC41LC0xODEuMSAtMjA3LjUsLTE4MS4xICAgICIvPjxwb2x5Z29uIGNsYXNzPSJzdDAiIGlkPSJGaWxsLTciIHBvaW50cz0iLTIwMS41LC0yMDUuMSAtMTk4LjUsLTIwNS4xIC0xOTguNSwtMTgxLjEgLTIwMS41LC0xODEuMSAgICAiLz48cG9seWdvbiBjbGFzcz0ic3QwIiBpZD0iRmlsbC04IiBwb2ludHM9Ii0xOTUuNSwtMjA1LjEgLTE5Mi41LC0yMDUuMSAtMTkyLjUsLTE4MS4xIC0xOTUuNSwtMTgxLjEgICAgIi8+PHBvbHlnb24gY2xhc3M9InN0MCIgaWQ9IkZpbGwtOSIgcG9pbnRzPSItMjE5LjUsLTIxNC4xIC0xODAuNSwtMjE0LjEgLTE4MC41LC0yMTEuMSAtMjE5LjUsLTIxMS4xICAgICIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTkyLjYtMjEyLjZoLTIuOHYtM2MwLTAuOS0wLjctMS42LTEuNi0xLjZoLTZjLTAuOSwwLTEuNiwwLjctMS42LDEuNnYzaC0yLjh2LTMgICAgIGMwLTIuNCwyLTQuNCw0LjQtNC40aDZjMi40LDAsNC40LDIsNC40LDQuNFYtMjEyLjYiIGlkPSJGaWxsLTEwIi8+PHBhdGggY2xhc3M9InN0MCIgZD0iTS0xOTEtMTcyLjFoLTE4Yy0yLjQsMC00LjUtMi00LjctNC40bC0yLjgtMzZsMy0wLjJsMi44LDM2YzAuMSwwLjksMC45LDEuNiwxLjcsMS42aDE4ICAgICBjMC45LDAsMS43LTAuOCwxLjctMS42bDIuOC0zNmwzLDAuMmwtMi44LDM2Qy0xODYuNS0xNzQtMTg4LjYtMTcyLjEtMTkxLTE3Mi4xIiBpZD0iRmlsbC0xMSIvPjwvZz48L2c+PC9zdmc+') !important;
}