/* Sticky footer styles
-------------------------------------------------- */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.offset-lg-0 {
    margin-left: 0;
}
.offset-lg-1 {
    margin-left: 8.333333%;
}
.offset-lg-2 {
    margin-left: 16.666667%;
}
.offset-lg-3 {
    margin-left: 25%;
}
.offset-lg-4 {
    margin-left: 33.333333%;
}
.offset-lg-5 {
    margin-left: 41.666667%;
}
.offset-lg-6 {
    margin-left: 50%;
}
.offset-lg-7 {
    margin-left: 58.333333%;
}
.offset-lg-8 {
    margin-left: 66.666667%;
}
.offset-lg-9 {
    margin-left: 75%;
}
.offset-lg-10 {
    margin-left: 83.333333%;
}
.offset-lg-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}
@media (min-width: 768px) {
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.333333%;
    }
    .offset-md-2 {
        margin-left: 16.666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.333333%;
    }
    .offset-md-5 {
        margin-left: 41.666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.333333%;
    }
    .offset-md-8 {
        margin-left: 66.666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.333333%;
    }
    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-2 {
        margin-left: 16.666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.333333%;
    }
    .offset-lg-5 {
        margin-left: 41.666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.333333%;
    }
    .offset-lg-8 {
        margin-left: 66.666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.333333%;
    }
    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('https://static.netelip.com/panel/v4/fonts/proximanova-regular-webfont.eot');
    src: url('https://static.netelip.com/panel/v4/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.netelip.com/panel/v4/fonts/proximanova-regular-webfont.woff') format('woff'),
    url('https://static.netelip.com/panel/v4/fontsproximanova-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('https://static.netelip.com/panel/v4/fonts/proximanova-regular-webfont.eot');
    src: url('https://static.netelip.com/panel/v4/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.netelip.com/panel/v4/fonts/proximanova-regular-webfont.woff') format('woff'),
    url('https://static.netelip.com/panel/v4/fontsproximanova-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('https://static.netelip.com/panel/v4/fonts/proximanova-bold-webfont.eot');
    src: url('https://static.netelip.com/panel/v4/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.netelip.com/panel/v4/fonts//proximanova-bold-webfont.woff') format('woff'),
    url('https://static.netelip.com/panel/v4/fonts/proximanova-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('https://static.netelip.com/panel/v4/fonts/proximanova-light-webfont.eot');
    src: url('https://static.netelip.com/panel/v4/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.netelip.com/panel/v4/fonts/proximanova-light-webfont.woff') format('woff'),
    url('https://static.netelip.com/panel/v4/fonts/proximanova-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    position: relative;
}

.h100{height:100%;}

.body-login {
    /* margin-bottom: 60px;*/
    background-image: url("https://static.netelip.com/common/img/fondo_dark-height.jpg");
    background-position: center;
    background-size: cover;
    font-family: 'proxima_nova_rgregular' !important;
    height: 100%;
}
@media (min-height: 800px) {
    .body-login{
        background-image: url(https://static.netelip.com/common/img/fondo_dark-height.jpg) !important;
    }
}


.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-left: 20px;
    height: auto;
    padding-right: 20px;
    font-size: 14px;
    color: #fff;
    background-color: #0d0d0d;
}

.footer span{color:#fff;}

.text-center{text-align:center !important;}
.text-upper{text-transform:uppercase;}
.mtop50{margin-top:50px;}
.mtop20{margin-top:20px;}
.mtop100{margin-top:100px;}
.mtop2{margin-top:2px;margin-bottom: 7px;}
.mtopfix{margin-top: 0px;margin-bottom: 9px;}
.mright20{margin-right:20px;}
.mleft0{margin-left:3px !important;}
.mtop30{margin-top:30px;}
.mtop0{margin-top:0px !important;}
.mtop10{margin-top:9px;}
.mbottom100{margin-bottom:100px;}
.padA{padding:0px;padding-right:8px;float:left;margin-bottom:8px}
.padB{padding:0px;padding-left:8px;float:left;margin-bottom:8px}
.pad0{padding:0px;}
.h-auto{
    /* Firefox */
    height: -moz-calc(100% - 320px);
    /* WebKit */
    height: -webkit-calc(100% - 320px);
    /* Opera */
    height: -o-calc(100% - 320px);
    /* Standard */
    height: calc(100% - 320px);
}

.dtable{display:table;}

ul.enlacesfooter{list-style:none;margin-left: 0px;padding-left: 0px;}
ul.enlacesfooter li {display: inline;margin-right: 10px;}
ul.enlacesfooter li a{color:#fff;}
ul.enlacesfooter li a:hover{color:#fff;text-decoration:none}


.caja {
    background-color: #fbfbfb;
    border-radius: 4px;
    margin-top: 40px;
    padding: initial;
    padding-left: 0px !important;
    padding-right: 0px !important;
    -webkit-box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.33);
    margin-bottom: 111px;
}
.header-caja{
    color:#fff;
    background-color:#0b293c;
    padding: 20px;
    border-top-left-radius: 4px;
    font-size: 18px;
    line-height: 1.5;
    border-top-right-radius: 4px;
    font-family: 'proxima_novasemibold' !important;
    font-weight: 600;
}

.cuerpo-caja{
    padding:20px;
    font-size:14px;
    background-color: #ffffff;
}

.icono{
    background-color: #fff;
    border-radius: 78px;
    padding: 3px 3px 3px 2px;
    width: 30px;
    margin-top: -4px;
    height: 30px;
    float: right;
    text-align: center;
    margin-left:5px;
    color: #0b293c;
}

p{line-height: 1.8;color:#444;}
p strong{font-family: 'proxima_novasemibold';}

/**************** formulario *****************/
form{width:100%;}

input{
    width: 100%;
    border: 1px solid #d1d1d1;
    padding: 8px 10px 8px 10px;
    color: #444;
    margin-bottom: 12px;
}


label.wrap, label.wrap2 {
    width: 100%;
    border: 1px solid #d1d1d1;
    color: #444;
    border: 1px solid #d1d1d1;
    background-color:#fff;
    position: relative;
}

select.dropdown{
    height: 37px;
    padding: 8px 10px 8px 10px;
    width:100%;
    background-color:#fff;
    border: 0;
    color: #262626;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

label.wrap:after {
    -webkit-content:"\f0d7";
    -moz--content:"\f0d7";
    font-family: FontAwesome;
    color: #444;
    position: absolute;
    left: 94%;
    top: 10px;
    z-index: 1;
    width: 10%;
    height: 100%;
    pointer-events: none;
}

input.error{
    border:1px solid #b6101b;
    background-color:#fff9f9;
}

span.error{
    font-family: 'proxima_novalight';
    color: #b90000;
    margin-left: 10px;
}

span.enlaces{color:#c1c1c1}
i.separador{margin-left:5px;margin-right:8px;}
span.enlaces a{color:#0055ab;font-family: 'proxima_nova_rgbold';}
span.enlaces a:hover, a:hover{text-decoration:none;}

button-login {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #fff;
    background-color: #267ab0;
    font-family: 'proxima_novasemibold';
    margin-top: 12px;
    border: none;
    cursor:pointer;
}

input.input-telefono {
    border: none;
    font-family: 'proxima_nova_rgregular';
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    width: 60%;
}

span.extension {
    margin: 2px;
    background-color: #f0f0f0;
    height: 33px;
    font-family: 'proxima_nova_rgregular';
    width: 43px;
    padding-top: 7px;
    text-align: center;
    float: left;
}

input[type=radio],input[type=checkbox] {
    width: 22px;
}



form a.strong, form a.strong:hover{text-decoration:none;color:#0055ab;font-family: 'proxima_nova_rgbold';}

div.selector a,div.selector a:hover{color:#0b293c;text-decoration:none}
div.selector {
    padding: 7px 30px 5px 30px;
    color: #0b293c;
    font-family: 'proxima_nova_rgbold';
    display: table;
    background-color: #fdfdfd;
    border-radius: 60px;
    text-transform: uppercase;
    cursor:pointer;
}

div.selector.activo,div.icono.activo{background-color:#fff}
div.selector.inactivo,div.icono.inactivo{background-color:#dbdbdb}

hr{
    border-top: 1px solid #f0f0f0;
    width: 100%;
    margin: 5px 15px 10px 15px;
}

div.row.gris {
    background-color: #f0f0f0;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 15;
    padding-top: 15px;
    width: 100%;
}

#imagenfin {
    background-image: url('https://static.netelip.com/panel/v4/img/marketing/fondo_mensaje.jpg');
    background-size: cover;
    width: 94%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    color: #fff;
    text-align: center;
    padding: 35px;
    font-family: 'proxima_nova_rgbold';
}
#imagenfin h3{
    font-size: 3.25rem !important;
    color: #ffffff !important;
}

strong{font-family: 'proxima_nova_rgbold';}

ul.listalinea{
    list-style: none;
    margin-top: 8px;
    margin-left: 2px;
    padding-left: 14px;
    border-left: 2px solid #2578ad;
}


.row-login{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (max-width: 768px) {
    .col-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .margin40-xs {
        margin-top: 40px;
    }
    .paddingtop10-xs{
        padding-top: 10px;
    }
    .margintop5-xs{
        margin-top: 5px;
    }
}