@font-face {
    font-family: 'Roboto';
    src: url('./Roboto/Roboto-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    font-display:block;
}
@font-face {
    font-family: 'Roboto';
    src: url('./Roboto/Roboto-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display:block;
}
@font-face {
    font-family: 'Lato';
    src: url('./Lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display:block;
}
@font-face {
    font-family: 'Lato';
    src: url('./Lato/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    font-display:block;
}
@font-face {
    font-family: 'Lato';
    src: url('./Lato/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display:block;
}

@font-face {
    font-family: 'Lato';
    src: url('./Lato/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
    font-display:block;
}

html
{
    overflow-x: hidden; 
}

body
{
    background: white;
    font-family: 'Roboto'; 
    font-weight: normal;
    overflow-x: hidden; 
     position: relative;
}

.invalid-feedback
{
    font-size: 100%;
}

.texto-lato
{
    font-family: 'Lato';
}

.img_persona_movil
{
    position: absolute;
    max-width: 180px;
    margin-top: -110px;
    margin-left: calc(100% - 180px);

}

input
{
    caret-color: #185EAA;
}

.col-segundo 
{
    border-radius: 20px;
    background: #F8F8F8;
    font-size: 14px;
    padding: 15px 25px;
    height: 120px;
}

.col-primero 
{
    border-radius: 20px;
    background: #F8F8F8;
}


.table tfoot 
{
    border-top: 1px solid #c5c5c5;
}

.table thead tr
{
    background-color: #1D72DD;
    color:white;
    font-size: 14px;
}

.btn_npe
{
    background-color: #1E60B4;
    border-radius: 10px;
    font-weight: bold;
    color:#6DA7F2;
    border:1px solid #6DA7F2;
    width:60%;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#id_dropdown_ImpH a::before
{
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #1D72DD; /* Or a color you prefer */
}

#id_dropdown_Sertracen a::before
{
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #1D72DD; /* Or a color you prefer */
}

#id_dropdown_ImpA a::before
{
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #1D72DD; /* Or a color you prefer */
}


#id_div_botones_npe  .btn:hover
{
    background-color: white;
    color: #1D72DD;
    font-weight: bold;
}

.btn_npe_selected
{
    background-color: white;
    color: #1D72DD;
    font-weight: bold;
}


#id_div_botones_npe .dropdown-menu
{
    width: 60%;
}

#id_div_botones_npe  .dropdown-item
{
    color: #838383;
    font-size: 12px;
    font-family: Roboto;
    font-weight: 600;
    cursor: pointer;
    white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */

}

#id_div_botones_npe .dropdown-item:hover
{
    display: block;
    text-decoration-line: underline;
    text-decoration-color: #1D72DD;
    text-decoration-thickness: 4px; 
    text-underline-offset: 5px;
    font-family: Roboto;
    background-color: transparent;
    font-weight: 600;
    color: #838383;
    font-size: 12px;
}


.container_width
{
    max-width: 80%;
}

.container_clientes
{
    width: 85%;
    left:190px;
    border: 1px solid black;
}



.btn:hover
{
    color:#FF6701;
}

.bottones_orange
{
    background-color: #FF6701; 
    color: white !important; 
    letter-spacing: 0.5pt;
    padding: 25px 25px; 
    font-size: 38px;
}

.bottones_aqua
{
    background-color: #31CCBA; 
    color: white; 
    letter-spacing: 0.5pt;
    font-size: 38px;
}

.logo-pagadito
{
    max-width: 180px;
}

.vert:after {
    background-image: url(../img/vw_new_page/line.png);

}


.style-font-titulo-npe-primario
{
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
    font-family: Roboto;
}

.style-font-titulo-npe-secundario
{
    font-size: 36px;
    font-weight: 500;
    line-height: 1.5;
    font-family: Roboto;
}

.style-font-titulo-npe
{
    font-size: 24px;
    font-weight: 500;
}

.style-font-table-prices
{
    font-size: 26px;
}  

.style-font-normal
{
    font-size: 20px;
    line-height: 1.15;
    font-family: Roboto;
    font-weight: 500;
}

.style-font-normal-npe
{
    font-size: 14px;
}

.font-size-26
{
    font-size: 26px;
}

.font-size-24
{
    font-size: 24px;
}

.font-size-22
{
    font-size: 22px;
}

.font-size-20
{
    font-size: 20px;
}

.font-size-18
{
    font-size: 18px;
}

.font-size-16
{
    font-size: 16px;
}

.font-size-14
{
    font-size: 14px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-10 {
    font-size: 10px;
}

.text-blue-menu
{
    color: #1D72DD;
}

.text-dark-blue
{
    color:#273075;
}

.text-gray
{
    color:#707070;;
}

.text-light-blue
{
    color: #1E73DE;
}

.text-blue-1
{
    color: #1D72DD;
}


.text-blue-green
{
    color: #31CCBA;
}

.text-white
{
    color:white;
}

.interlineado-1
{
    line-height : 1em;
}

.interlineado-1-5
{
    line-height : 1.5em;
}

.style-navbar-menu-normal
{
    background-color: none;
    font-size: 16px;
    font-weight: 600;    
}

.style-navbar-menu-azul
{
    background-color: #1D72DD;
    color:white;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #4C74A6;
}

.style-navbar-menu-normal a
{
    color: #484546;
}

.style-navbar-menu-azul a
{
    color: white;
}

.fondo-menu-personas,
.fondo-menu-comercios
{
    background: #1D72DD;
}
.fondo-blue 
{
    background-color: #1958E7;
}

.fondo-blue-1
{
    background-color: #0E5FC5;
}

.fondo-blue-2
{
    background-color: #216CB0;
}

.fondo-blue-green
{
    background-color: #31CCBA;
}

.fondo-footer
{
    border-top: 4px solid #1D72DD;
    background-color: white;
}

.style-column 
{
    border-radius: 40px;
}

.font-weight-600
{
    font-weight: 600; 
}

.font-weight-700
{
    font-weight: 700; 
}

.font-weight-800
{
    font-weight: 800; 
}

.font-weight-900
{
    font-weight: 900; 
}

.div-tipos-cuentas {
    margin-top: 70px;
    margin-bottom: 30px;
}

.img-center 
{
    margin-top: -315px;
}

.item-step 
{
    position:relative;
    display:inline-block;
}



.btn-email
{
    right:92px; 
    top:3px; 
    height:60px;
}

.img-step-class
{
    max-width: 420px;
}

#id_menu_country .dropdown-toggle::after 
{
    display:none;
}

.close_b
{
    color: #5A5A5A !important;
    opacity: 1 !important;
}

.menu-step
{
    color:  #484546;
    text-align: center;
    letter-spacing:0.25pt;
    font-size: 18px;
}

.current-step
{
    color:  #1D72DD;
    border-bottom: 2px solid #1D72DD;
    padding-bottom: 25px;
}



.li-opciones {
    background: url(../img/vw_new_page/success-2.png) no-repeat 1px 1px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 25px 35px;
    vertical-align: baseline;
}

.img-menu-step 
{
    max-width: 700px;
}

.ul-opciones
{
    padding-left:0px;
}


.menu-step a,
.menu-step a:link,
.menu-step a:hover,
.menu-step a:active,
.menu-step a:visited {
    text-decoration: none;
    color: #484546;   
}


.enlace-personalizado a,
.enlace-personalizado a:link,
.enlace-personalizado a:hover,
.enlace-personalizado a:active,
.enlace-personalizado a:visited {
    text-decoration: underline;
    color: #484546;   
}


input:focus
{
    outline: none;
}

.step-signup-current
{
    border-bottom: 5px solid #1F73DD;
}

.block-img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 35px;
    height: 35px;
 }


.block-titulo 
{
    display: block;
    font-family: 'Lato'; 
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    color:white;
}

.container-registro
{
    background-color:#31CCBA; 
    height: auto;
}

.container-registro > div[class="container"] 
{
    width: 50%;
}

.input-style {
    background: #FCFCFD;
    border-radius: 1px;
    border:1px solid #A1A1A1; 
    resize: none;
    padding: 25px;
    font-size: 12px; 
}

.input-telefono-style {
    background: #fff;
    border-radius: 1px;
    border:1px solid #C5BFBE; 
    resize: none;
    padding: 30px 20px 30px 45px;
    font-size: 12px; 
}

.select-css 
{
    display: block;
    font-size: 12px;
    color: white;
    width: 100%;
    height: 50px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #2074DF;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #2074DF;
    background-image: url(../img/vw_views/vw_contactus/down_white.png);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    padding-left: 10px;
}

   


::placeholder  { 
    color:white;
    font-size: 14px;
}

:-ms-input-placeholder  { 
    color:white;
    font-size: 14px;
} 

::-webkit-input-placeholder  { 
    color:white;
    font-size: 14px;
} 
::-moz-placeholder  { 
    color:white;
    font-size: 14px;
} 

.input-npe
{
    border:solid 1px #D6D6D6;
    width: 100%;
    padding: 13px 10px;
    font-size:14px;
    font-weight: bolder;
    background-color: #D6D6D6;
    color:white;
    text-align: center;
}

.bottones_blue
{
    background-color: #185EAA; 
    color: white; 
    letter-spacing: 0.5pt;
    font-size: 16px;
    width:40%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px; 
}


.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.verticalLine {
  border-left: 1px solid #D8D8D8;
}

.HorizontalLine {
  border-top: 1px solid #D8D8D8;
}

.inner-addon  {
    position: relative;
}

.left-addon #cellCode 
{
    left:  0px;
}

.inner-addon #cellCode {
    display: none;
    position: absolute;
    padding: 19px 10px;
    pointer-events: none;
    width: 60px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

#cover{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #131313;
    opacity: 0.9;
    display: none;
    z-index: 1;
    top: 0;
}

div > div#cover{
    position: fixed;
}

#loading{
    
    font-style: italic;
    font-weight: 700;
    width: 272px;
    height: 60px;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -120px;
    border: 2px solid #283076;
    border-radius: 10px;
    padding: 10px 5px 10px 5px;
    opacity: 1;
}

div > div#loading{
    position: fixed;
}

#loading_content{
    width: 260px;
    height: 50px;
    margin: 5px;
}

#loading img{
    float: left;
}

#loading_content h3{
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

.texto-lato
{
    font-family: 'Lato';
}


.link-footer a,
.link-footer a:link,
.link-footer a:hover,
.link-footer a:active,
.link-footer a:visited {
    text-decoration: none;
    color: #484546;   
    font-size: 14px;
    margin-left: -15px
}

.link-footer a:hover
{
    text-decoration: underline;
    color: #484546;   
    font-size: 14px;
}

.link-footer-end a,
.link-footer-end a:link,
.link-footer-end a:hover,
.link-footer-end a:active,
.link-footer-end a:visited {
    text-decoration: none;
    color: #484546;   
    font-size: 16px;
    margin:auto;
    
}

.link-footer-end a:hover
{
    text-decoration: underline;
    color: #484546;   
    font-size: 16px;
}


.bar-blue-left{
    position: absolute;
    top:200px;
    left: -130px;
    width: 49%;
    height: 40%;
    background: rgba(32, 73, 251,0.6);
    border-radius: 0% 45% 45% 0% / 0% 100% 100% 0%;
    transform: rotate(24deg);
    z-index: -1;
}

.bar-blue-right{
    position: absolute;
    top:200px;
    right: -130px;
    width: 49%;
    height: 40%;
    background: rgba(32, 73, 251,0.6);
    border-radius: 0% 45% 45% 0% / 0% 100% 100% 0%;
    transform: rotate(157deg);
    z-index: -1;
}

.circle-aqua-left {
    position: absolute;
    margin-top: 25px;
    margin-left: 285px;
    width: 270px;
    height: 270px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(165, 277, 299, 1);
    z-index: -2;
}


.circle-aqua-right {
    position: absolute;
    margin-top: 100px;
    margin-left: 280px;
    width: 270px;
    height: 270px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(165, 277, 299, 1);
    z-index: -2;
}

.list-resgistrar{    
    margin:auto auto; 
    text-align:initial;
    width:65%; 
}

.list-resgistrar ul{
    list-style: none;
    list-style-image:  url(../img/vw_registrar/items.png); 
}

.list-resgistrar ul li{    
    padding-top:0px;    
    padding-bottom:20px;    
}


.style-banner-paginas
{
    background-image: url(../img/vw_npe/fondo_mh.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.titulo-footer
{
    font-size: 18px;
    color:#484546;
    font-weight: 700;
}

.titulo-elemento-footer
{
    font-size: 16px;
    color:#484546;
    font-weight: 400;
}

#id_div_footer .pl-5
{
    padding-left: 1rem !important;
}

#id_div_row_banner_header .pl-5
{
    padding-left: 1rem !important;
}

#id_div_area_npe .pl-5
{
    padding-left: 1rem !important;
}

#id_div_footer .text-center
{
    text-align: center !important;
}

.texto_error_responsive
{
    font-size: 14px;
}

.img_css_ayuda_npe
{
    max-width:350px;
}

.iconos-footer
{
    max-width: 42px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) 
{ 


    .style-font-titulo-npe-primario
    {
        font-size: 32px;
        line-height: 1.15;
     }

    .style-font-titulo-npe-secundario
    {
        font-size: 28px;
        line-height: 1.15;
    }

    #id_div_botones_npe .dropdown-menu
    {
        width: 100%;
    }

    .style-font-normal
    {
        font-size: 18px;
        letter-spacing: 0px;
    }

    .btn_npe
    {
        font-size: 16px;
        width:100%;
    }

    ::placeholder  { 
        color:white;
        font-size: 22px; 
    }

    :-ms-input-placeholder  { 
        color:white;
        font-size: 22px; 
    } 

    ::-webkit-input-placeholder  { 
        color:white;
        font-size: 22px; 
    } 

    ::-moz-placeholder  { 
        color:white;
        font-size: 22px; 
    } 

    .input-npe
    {
        border:solid 1px #D6D6D6;
        width: 82%;
        padding: 7px 50px;
        font-size:22px;
        font-weight: bolder;
        background-color: #D6D6D6;
        color:white;
    }
    .bottones_blue
    {
        padding-top: 7px;
        padding-bottom: 7px; 
        font-size: 22px;
    }

    .img_css_ayuda_npe
    {
        max-width:450px;
    }

    #id_div_botones_npe  .dropdown-item
    {
        font-size: 14px;
    }

    .img_persona_movil
    {
        position: absolute;
        max-width: 390px;
        margin-top: calc(100% - 280px);
        margin-left: -10px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) 
{
    .img_css_ayuda_npe
    {
        max-width:380px;
    }

    .img-person
    {
        padding-top: 10px;
        max-width: 550px;
        position: relative;
    }

    .style-font-titulo-npe-primario
    {
        font-size: 32px;
        line-height: 1.15;
     }

    .style-font-titulo-npe-secundario
    {
        font-size: 28px;
        line-height: 1.15;
    }

    .style-font-normal
    {
        font-size: 16px;
        letter-spacing: 0px;
    }

    .btn_npe
    {
        font-size: 16px;
        width:100%;
    }

    .input-npe
    {
        border:solid 1px #D6D6D6;
        width: 99%;
        padding: 13px 20px;
        font-size:14px;
        font-weight: bolder;
        background-color: #D6D6D6;
        color:white;
    }

    ::placeholder  { 
        color:white;
        font-size: 14px; 
    }

    :-ms-input-placeholder  { 
        color:white;
        font-size: 14px; 
    } 

    ::-webkit-input-placeholder  { 
        color:white;
        font-size: 14px; 
    } 

    ::-moz-placeholder  { 
        color:white;
        font-size: 14px; 
    } 

    .iconos-footer
    {
        max-width: 28px;
    }

    .bottones_blue
    {
        padding-top: 13px;
        padding-bottom: 13px; 
        font-size: 14px;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)   
{
    .img_css_ayuda_npe
    {
        max-width:500px;
    }
    .img-person
    {
        max-width: 600px;
        position: relative;
    }

    .style-font-titulo
    {
        font-size: 54px;
        font-weight: 400;
        line-height: 1.1;
    }

    .style-font-sub-titulo
    {
        font-size: 44px;
        font-weight: 500;
    }
    
    .style-font-normal
    {
        font-size: 24px;
    }    

    .style-font-table-prices
    {
        font-size: 28px;
    }    

    .bottones_orange
    {
        padding: 10px 25px; 
        font-size: 18px;
    }

    .bottones_orange_lg{
        padding: .5rem 2rem;    
    }

    .bottones_aqua
    {
        font-size: 18px;
    }

    .img-person-tarifa
    {
        max-width: 650px;
        position: relative;
    }

    .menu-step
    {
        font-size: 24px;
    }

    .btn-developers
    {
        width: 185px;
    }

    .input-style 
    {
        font-size: 18px; 
    }

    .input-telefono-style 
    {
        font-size: 18px; 
    }

    .select-css 
    {
        font-size: 18px;
    }

    .inner-addon #cellCode {
        font-size: 16px;
    
    }

    ::placeholder  { 
        font-size: 18px; 
    }

    :-ms-input-placeholder  { 
        font-size: 18px; 
    } 

    ::-webkit-input-placeholder  { 
        font-size: 18px;  
    } 

    ::-moz-placeholder  { 
        font-size: 18px; 
    }    

    .input-npe
    {
        font-size:18px;
     
    }

    .bottones_blue
    {
        font-size: 18px;
    }

    .style-font-titulo-npe-primario
    {
        font-size: 44px;
        line-height: 1.15;
     }



    .style-font-titulo-npe-secundario
    {
        font-size: 36px;
        line-height: 1.15;
    }

    .style-font-normal
    {
        font-size: 20px;
        letter-spacing: 0px;
    }

    .btn_npe
    {
        font-size: 14px;
        width:70%;
    }

    #id_div_botones_npe .dropdown-menu
    {
        width: 70%;
    }

    #id_div_botones_npe  .dropdown-item
    {
        font-size: 18px;
    }

    .iconos-footer
    {
        max-width: 42px;
    }
}

@media (min-width: 1200px) 
{
    .img-person
    {
        max-width: 900px;
        position: relative;
    }

    .img_css_ayuda_npe
    {
        max-width:650px;
    }

    .col-primero {
        margin-top: 0px;
    }

    .texto_error_responsive
    {
        font-size: 18px;
    }

    #id_div_footer .text-center
    {
        text-align: left !important;
    }

    #id_div_footer .pl-5
    {
        padding-left: 3rem !important;
    }

    #id_div_row_banner_header .pl-5
    {
        padding-left: 3rem !important;
    }

    #id_div_area_npe .pl-5
    {
        padding-left: 3rem !important;
    }

    .style-font-titulo-npe-primario
    {
        font-size: 86px;
        line-height: 1.15;
     }

    .style-font-titulo-npe-secundario
    {
        font-size: 86px;
        line-height: 1.15;
    }

    .btn_npe
    {
        font-size: 18px;
        width:100%;
    }

    #id_div_botones_npe .dropdown-menu
    {
        width: 100%;
    }

    #id_div_botones_npe  .dropdown-item
    {
        font-size: 18px;
    }

    #id_div_botones_npe .dropdown-item:hover
    {

        font-size: 18px;
    }

    .style-font-normal
    {
        font-size: 32px;
        letter-spacing: 0px;
    }

    .style-font-normal-npe
    {
        font-size: 24px;
    }

    .style-font-titulo-npe
    {
        font-size: 42px;
        font-weight: 500;
    }
    
    .style-font-subnormal
    {
        font-size: 16px;
    }   

    .style-font-table-prices
    {
        font-size: 28px;
    }    


    .bottones_orange
    {
        padding: 10px 25px; 
        font-size: 18px;
    }

    .bottones_aqua
    {
        font-size: 18px;
    }

    .img-person-tarifa
    {
        max-width: 650px;
    }

 

    .menu-step
    {
        font-size: 24px;
    }

    .btn-developers
    {
        width: 185px;
    }

    .input-style 
    {
        font-size: 18px; 
    }

    .input-telefono-style 
    {
        font-size: 18px; 
    }

    .select-css 
    {
        font-size: 18px;
    }

    .inner-addon #cellCode {
        font-size: 16px;
    
    }

    ::placeholder  { 
        color:white;
        font-size: calc(1vw + 8px); 
    }

    :-ms-input-placeholder  { 
        color:white;
        font-size: calc(1vw + 8px);
    } 

    ::-webkit-input-placeholder  { 
        color:white;
        font-size: calc(1vw + 8px);
    } 

    ::-moz-placeholder  { 
        color:white;
        font-size: calc(1vw + 8px); 
    } 
    
    .bottones_blue
    {
        font-size: calc(1vw + 8px); 
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px; 
    }

    .table thead tr
    {
        font-size: 20px;
    }

    .input-npe
    {
        border:solid 1px #D6D6D6;
        width: calc(100% - 40px);
        padding: 10px 50px;
        font-size:calc(1vw + 8px);
        font-weight: bolder;
        background-color: #D6D6D6;
        color:white;
    }

    .col-segundo 
    {
        padding-top: 50px;
        padding-bottom: 20px;
        height: 220px;
    }

    #id_div_botones_npe .dropdown-menu
    {
        width: 100%;
    }

    .iconos-footer
    {
        max-width: 48px;
    }
}

@media  (min-width: 1800px) 
{

    ::placeholder  { 
        color:white;
        font-size: calc(1vw + 10px); 
    }

    :-ms-input-placeholder  { 
        color:white;
        font-size: calc(1vw + 10px);
    } 

    ::-webkit-input-placeholder  { 
        color:white;
        font-size: calc(1vw + 10px);
    } 

    ::-moz-placeholder  { 
        color:white;
        font-size: calc(1vw + 10px); 
    } 


    .input-npe
    {
        border:solid 1px #D6D6D6;
        width: 90%;
        padding: 10px 50px;
        font-size:calc(1vw + 10px);
        font-weight: bolder;
        background-color: #D6D6D6;
        color:white;
    }
}