* {
    font-family: sans-serif;
}
.text-color{
    color:#0f8fc4;
}
.link{
    text-decoration:underline;
    color:#0f8fc4;
}

/* Modales */

.modal-header {
    padding: 20px 35px 15px 35px;
    border-bottom: none;
    background: #0f8fc4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    margin: 20px 0 20px 0;
}

.modal-header .close {
    margin-top: -5px;
    background: white;
    padding: 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    filter: none !important;
    opacity: 1;
    color: #0f8fc4;
}

.modal-content {
    border-radius: 15px;
    box-shadow: 0 0px 40px rgba(175, 175, 175, 0.3), 0 15px 35px rgba(167, 167, 167, 0.22);
    border: 0px;
    background: white;
}

.modal-body {
    position: relative;
    padding: 15px;
    margin: -15px 0 0 0;
    background: white;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #ffffff;
    /* background: white; */
}

/* Login */

.box-buscador {
    box-shadow: 0 0px 40px rgba(175, 175, 175, 0.3), 0 15px 35px rgba(167, 167, 167, 0.22);
    padding: 10px 0 0 0;
    border-radius: 10px;
    height: 70px;
}
.btn-consultas {
    background: #ffffff;
    padding: 10px 25px 10px 25px;
    font-size: 1em;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    min-width: 170px;
    margin: 10px 20px 0px 0;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.btn-consultas.btn-consultas-sm{
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    min-width: 120px;
    margin: 10px 2px 0px 0;
}

.btn-consultas.btn-consultas-sm:last-child{
    margin-right: 0;
}

.btn-consultas-desactivado{
    background: #f1f1f1;
    color: grey;
    cursor: no-drop;
}

.btn-consultas-desactivado:hover{
    background: #f1f1f1;
    color: grey;
    cursor: no-drop;
}

.btn-consultas:hover {
    background: #f1f1f1;
}



.btn_subir_poliza {
    position: relative;
    width: 100%;
    display: flex;
    margin: 10px 0 0px 0;
}

.eliminar-seguro {
    float: right;
    text-align: right;
    color: #d02b2b;
    border: 1px solid #ffdddd;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    margin: -50px 0 0 0;
}

.eliminar-seguro:hover {
    background: #d22f2e;
    color: white;

}

.box-login {
    box-shadow: 0 0px 40px rgba(175, 175, 175, 0.3), 0 15px 35px rgba(167, 167, 167, 0.22);
    border-radius: 5px;
    padding: 30px;
    min-width: 310px;
    margin: 60px 0 0 0;
}

.box-login h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3em;
    font-weight: 700;
}

.form-group {
    margin-bottom: 55px;
}

.box-recuperacion {
    box-shadow: 0 0px 40px rgba(175, 175, 175, 0.3), 0 15px 35px rgba(167, 167, 167, 0.22);
    border-radius: 5px;
    padding: 30px;
    margin: 50px 0 0 0;
}

.box-recuperacion h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3em;
    font-weight: 700;
}

.box-login h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
}

.header-login {
    background-image: url('../img/login-header.png');
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-login {
    padding: 10px;
    border: none;
    border-radius: 50px;
    font-size: 2em;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    color: white;
    background: #0f8fc4;
}

.btn-persona-adicional {
    background: white;
    border: 1px solid #0f8fc4;
    padding: 10px;
    margin: 0 0 40px 0;
    width: 100%;
    border-radius: 5px;
    color: #0f8fc4;
}

.pass-login {
    text-align: center;
    font-size: 1.2em;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-top: 30px;
    cursor: pointer;
}

.pass-login:hover {
    color: #0f8fc4;
}


/* Main */

.end-text {
    text-align: center;
}

.end-text h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 4em;
    padding: 0px;
    margin: 0px;
    color: #0f8fc4;
}

.end-text p {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 3em;
    padding: 0px;
    margin: 0px;
}

.end-text small {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.5em;
    padding: 0px;
    margin: 0px;
}

.form-control {
    height: 50px;
    border: 1px solid #d4d4d4;
    box-shadow: none;
    font-size: 1.2em;
    font-weight: 400;
}



label {
    font-size: 1.3em;
    font-weight: 300;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    opacity: 0.5;
}

.main-countdown {
    display: flex;
}

.input_dni {
    height: 65px;
    background: #eaeaea;
    border-radius: 50px;
    border: none;
    font-size: 1.5em;
    padding: 0 0 0 30px;
    color: black;
}

.input_redondo {
    height: 65px;
    background: #eaeaea;
    border-radius: 50px;
    border: none;
    font-size: 1.5em;
    padding: 0 0 0 30px;
    color: black;
}

.countdown-active {
    width: 40px;
    height: 40px;
    background: linear-gradient(110deg, #3553E2 0%, #288ECB 51%, #288ECB 74%);
    display: block;
    border-radius: 50%;
    text-align: center;
    font-size: 1.6em;
    margin: 0 20px 0 0;
    cursor: pointer;
}

.countdown-inactive {
    width: 40px;
    height: 40px;
    background: linear-gradient(110deg, #d2d2d2 0%, #dcdcdc 51%, #e4e4e4 74%);
    display: block;
    border-radius: 50%;
    text-align: center;
    font-size: 1.6em;
    margin: 0 20px 0 0;
    cursor: pointer;
}

.countdown-inactive p {
    color: #bdbdbd;
    font-weight: 700;
    padding: 0px 0 0 0;
}

.countdown-active p {
    color: white;
    font-weight: 700;
    padding: 0px 0 0 0;
}

.separator {
    border: none;
}

.sidebar-options img {
    height: 55px;
}

.sidebar-options li {
    width: 33.3%;
    text-align: center;
    cursor: pointer;
}

.contPage {
    background-image: url('../img/main-header.png');
    background-repeat: no-repeat;
    height: 140px;
    width: 100%;
    margin-left: 300px;
}

.nav-tabs .btn-app {
    margin: 0px;
    width: inherit;
    color: #a7a7a7;
    background: #f1f1f1;
    padding: 20px 30px 20px 30px;
    border: 1px solid #e8e8e8;
    border-radius: 40px;
}

.active button {
    background: #0f8fc4 !important;
    color: white !important;
}

.btn-app-poliza:hover {
    box-shadow: 0px 0px 28px 2px #e6abc8;
}

.btn-app-poliza {
    margin-top: 25px;
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
    padding: 15px;
    font-weight: 700;
    margin: 50px 0px 0 0;
    width: inherit;
    color: white;
    background: #0f8fc4;
    border: 1px solid #dadada;
    border-radius: 35px;
}

.nav-tabs .btn-app:hover {
    box-shadow: inherit;
    color: #0f8fc4;
}

.nav-tabs-app li.tab-seguro-bibe {
    border: 0px solid #ccc;
    margin: auto;
    padding: 0px;
    background: white;
    text-align: center;
    width: 50%;
}

.nav-tabs-app li {
    border: 0px solid #ccc;
    margin: auto;
    padding: 0px;
    background: white;
    text-align: center;
    width: 50%;
}

.nav-tabs-app li a {
    padding: 10px !important;
    display: inline-block;
    width: 100%;
}

.nav-tabs-app>li.active {
    border-bottom: 3px solid #0f8fc4;
    background: #f7f7f7;
}

.nav-tabs-app>li.active>a,
.nav-tabs-app>li.active>a:focus,
.nav-tabs-app>li.active>a:hover {
    background: transparent;
}

.tab-content {
    margin: 15px 0 50px 0;
}

.tab-content-app {
    margin-top: 0;
    padding: 20px;
}

.btn-app-buscar {
    border: none;
    border-radius: 50px;
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
    width: 180px;
    color: white;
    background: #0f8fc4;
    font-weight: 700;
    cursor: pointer;
    height: 50px;
    text-align: center;
    padding: 0;
}

.btn-app-buscar:hover {
    background: #0f8fc4;
}

.btn-app-radio {
    width: inherit;
    padding: 5px 15px 5px 15px;
    border-radius: 35px;
    font-size: 1em;
    background: #fbfbfb;
    margin: 10px 0 40px 0;
    border: 1px solid #4eb5da;
    color: #2d738c;
    width: 50%;
}

.btn.btn-app-radio.active {
    background: #4eb5da;
    box-shadow: none;
    color: white;
    font-weight: 700;
}

.btn-app-radio:hover {
    color: white;
    background: #146e8e;
}

.btn-app-guardar-usuario {
    width: inherit;
    color: #ffffff;
    padding: 15px 25px 15px 25px;
    border-radius: 35px;
    font-size: 1.5em;
    background: #0f8fc4;
    font-weight: 600;
    margin: 55px 0 0 0;
}

.btn-app-guardar-usuario:hover {
    background: #0f8fc4;
}

.text-btn-app {
    color: #666;
    font-size: 74%;
    width: 100%;
    display: block;
}

.btn-app-file {
    border-radius: 5px;
    font-size: 1.2em;
    color: #000000;
    background: #e8e8e8;
    padding: 7px 35px;
    text-align: center;
    border: 1px solid #dadada;
    width: 270px;
    height: 50px;
    overflow: hidden;
}

.btn-app-file:hover {
    background: #dedede;
    border: 1px solid #bbbbbb;
    cursor: pointer;
}

.btn-app-file [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 280px;
    height: 50px;
    margin-top: -23px;
}

.btn-app-file-poliza {
    border-radius: 5px;
    color: #0f8fc4;
    background: #ffffff;
    padding: 12px 0 0 0;
    text-align: center;
    border: 1px solid #0f8fc4;
    overflow: hidden;
    height: 50px;
    box-shadow: none;
    font-size: 1.2em;
    width: 95%;
    margin: 15px 0 20px 0;
}

.btn-app-file-poliza:after {
    content: "*Un único documento, el formato podrá ser .jpg, .png o .pdf y no deberá superar los 5MB.";
    display: block;
    position: absolute;
    margin-top: 20px;
    font-size: 13px;
    color: #666;
}

.btn-app-file-label:after {
    content: "*Un único documento por las dos caras,el formato podrá ser .jpg, .png o .pdf y no deberá superar los 5MB.";
    display: block;
    position: absolute;
    margin-top: 42px;
    font-size: 13px;
    color: #666;
    text-align: left;
}

.btn-app-file-poliza:hover {
    background: #0f8fc4;
    border: 1px solid #1c78a0;
    cursor: pointer;
    color: white;
}

.btn-app-file-poliza [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 63%;
    margin-top: -38px;

}

.btn-app-file-label {
    border-radius: 5px;
    color: #000000;
    background: #e8e8e8;
    padding: 12px 0 0 0;
    text-align: center;
    border: 1px solid #dadada;
    overflow: hidden;
    position: absolute;
    height: 50px;
    box-shadow: none;
    font-size: 1.2em;
    width: 90%;
    position: unset;
    width: 100%;
    display: flex;
    margin: 10px 0 0px 0;
}

.btn-app-file-label .texto-btn {
    margin-left: 15px;
}

.btn-app-file-label:hover {
    background: #dedede;
    border: 1px solid #bbbbbb;
    cursor: pointer;
}

.btn-app-file-label [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 280px;
    height: 50px;
    margin-top: -23px;
}

.btn-add-seguro {
    border: none;
    border-radius: 50px;
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
    color: white;
    background:#0f8fc4;
    padding: 15px;
    font-weight: 700;
    margin: 25px 20px 30px 0;
    cursor: pointer;
    width: 100%;
}

.btn-app {
    border: none;
    border-radius: 50px;
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
    width: 290px;
    color: white;
    background: #0f8fc4;
    padding: 15px;
    font-weight: 700;
    margin: 0 20px 0 0;
    cursor: pointer;
    display: inline-block;
}

.btn-volver {
    border-radius: 50px;
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(110deg, #ffffff 0%, #ffffff 51%, #fdfdfd 74%);
    padding: 15px;
    font-weight: 700;
    margin: 0 20px 0 0;
    cursor: pointer;
    display: inline-block;
    color: #0f8fc4;
    border: 1px solid #dcdcdc;
    width: 190px;
    text-align: center;
}

.btn-app:hover {
    box-shadow: 0px 0px 28px 2px #8db1c0;
}

.btn-app.sm {
    border: none;
    border-radius: 50px;
    font-size: 1em;
    font-family: 'Poppins', sans-serif;
    width: 180px;
    color: white;
    background: #0f8fc4;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    padding: 8px;
}

.btn-app:hover {
    box-shadow: 0px 0px 28px 2px #8db1c0;
}

.form-group.sm{
    margin-bottom: 15px;
}
.form-group.xs{
    margin-bottom: 5px;
}

#steps {}

#steps p {
    color: black;
    font-size: 1.5em;
    font-weight: 200;
}


/* Main page */

.main-content-header {}

.main-content-header h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 3em;
    padding: 0px;
    margin: 0px;
}

.main-content-header h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 2em;
    padding: 0px;
    margin: 0px;
}

.input-file-error {
    border: 1px solid red;
    background: #ffe1e1;
    color: red;
}

.color-rosa {
    color: #da0973;
    font-weight: 700;
}


/* SideBar */


/* TabBars */

.nav-tabs {
    border-bottom: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    border: none;
    border-bottom-color: transparent;
    background: transparent;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}

.nav-tabs>li>a {
    margin-right: 50px;
    line-height: 1.42857143;
    border: 0px;
    background: transparent;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.input-number {
    width: 50px;
    text-align: center;
    border-radius: 5px;
    border: 2px dashed #b9b9b9;
    margin: 0 0 0 5px;
    height: 65px;
    font-size: 1.5em;
    padding: 0 0 0 11px;
    background: #ffffff;
}

.seguro_nombre {
    text-align: center;
    margin: 20px 0;
}

.icon-seguro {
    background: #0f8fc4;
    padding: 6px 0 0 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    margin: 0 10px 0 0;
    color: white;
    font-size: 1.5em;
}

.icon-plantilla {
    background: #0f8fc4;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 1em;
    text-align: center;
    margin: 0 10px 0 0;
}

.thumbnail-seguro strong {
    color: black;
    padding: 8px 0 0 0;
    font-size: 14px;
}

.icon-plantilla i {
    color: white;
    font-size: 1.5em;
    margin: auto;
    text-align: center;
}

.thumbnail-plantilla {
    background: #F0F0F0;
    padding: 10px;
    border-radius: 5px;
    border: 2px dashed #b9b9b9;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 30px 0;
    display: flex;
    color: #999;
}

.thumbnail-plantilla:hover {
    background: #0f8fc4;
    color: white;
    border: 2px dashed #ffffff;
    cursor: pointer;
}

.thumbnail-plantilla>.icon-plantilla {
    display: inline-block;
    vertical-align: middle;
}

.label-plantilla {
    display: inline-block;
    line-height: 2.6;
    font-weight: 300;
    font-size: 1.1em;
    font-family: 'Poppins', sans-serif;
}

.thumbnail-seguro {
    background: #F0F0F0;
    padding: 10px 10px 10px 15px;
    border-radius: 5px;
    border: 2px dashed #b9b9b9;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0 0 30px 0;
    display: flex;
    width: 80%;
    float: left;
}

.thumbnail-seguro span {
    font-size: 21px;
    line-height: 28px;
}

.thumbnail-datos {
    background: #fafafa;
    padding: 10px 10px 10px 15px;
    border-radius: 10px;
    border: 2px dashed #70d785;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0 0 30px 0;
}

.thumbnail-seguro input[type="checkbox"] {
    display: none;
}

.thumbnail-seguro-check input[type="checkbox"] {
    display: none;
}

.thumbnail-seguro:hover {
    border: 2px dashed #00D55C;
    background: #C6F5DA;
    cursor: pointer;
}

.thumbnail-seguro-check {
    background: #88ffa0;
    padding: 10px 10px 10px 15px;
    border-radius: 5px;
    border: 2px dashed #319445;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0 0 30px 0;
    cursor: pointer;
    display: flex;
    width: 80%;
    float: left;
}

.thumbnail-seguro-check strong {
    color: black;
    padding: 8px 0 0 0;
    font-size: 14px;
}

.thumbnail-seguro-check span {
    font-size: 21px;
    line-height: 28px;
}


/*
    DEMO STYLE
*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
    -webkit-font-smoothing: antialiased;
}

p {
    font-family: sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.7em;
    color: #545454;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width: 300px;
    max-width: 300px;
    background: #ffffff;
    color: #000;
    transition: all 0.3s;
    height: 100vh;
    box-shadow: 0 0px 40px rgba(216, 216, 216, 0.3), 0 15px 25px rgba(255, 255, 255, 0.22);
    padding: 10px 0 0 0;
    position: fixed;
    z-index: 9999;
}

#sidebar li.active {
    background: #f4f4f4;
}

#sidebar .sidebar-header {
    padding: 20px;
}

#sidebar .sidebar-header img {
    width: 100%;
}

#sidebar ul.components {
    line-height: 3em;
}

#sidebar ul.components img {
    padding: 0 15px 0 0;
}

#sidebar ul p {
    color: #fff;
    padding: 20px 30px 20px 25px;
    text-align: left;
    background: linear-gradient(110deg, #3553E2 0%, #288ECB 51%, #288ECB 74%);
    font-weight: 600;
    font-size: 1.3em;
    margin-bottom: 0;
}

#sidebar ul li a {
    padding: 10px 0 10px 20px;
    font-size: 1.2em;
    display: block;
}

#sidebar ul li a:hover {
    color: #0f8fc4;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {}

a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before,
a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
    display: none;
}

a[aria-expanded="true"]::before {
    content: '\e260';
}

ul ul a {
    background: #efefef;
}

ul.CTAs {
    padding: 0px;
    position: absolute;
    bottom: 0px;
    width: 300px;
    display: flex;
    height: 45px;

    background-color: #288ECB;
    margin: 0 !important;
}
ul.CTAs li{
    width: 33.33%;
    float: left;
}
ul.CTAs li > a {
    display: block;
    line-height: 45px;
    color: #FFF;

    text-align: center;
    font-size: 1.8em !important;

    margin-bottom: 5px;

    padding: 0 15px !important;
}
ul.CTAs li.pull-right{
    float: right !important;
}

.box-forms {
    height: auto;
}

.box-anadir-seguro {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
    margin: 60px 0 60px 0;
    box-shadow: 0 0px 40px rgba(175, 175, 175, 0.3), 0 15px 35px rgba(167, 167, 167, 0.22);
}

.box-seguros-seleccionado {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
    margin: 0px 0 20px 0;
    box-shadow: 0 0px 40px rgba(175, 175, 175, 0.3), 0 15px 35px rgba(167, 167, 167, 0.22);
}

.modal .box-seguros-seleccionado {
    border-radius: 0px;
    margin: -20px 0 0 0;
    box-shadow: none;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

.input-file {}

.label-input-file {
    height: 50px;
}

#box-loader {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: block;
    position: absolute;
    text-align: center;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 0.4s;
    margin: 0 0 0 -15px;
    display: none;
}

.loader {
    border: 15px solid #f3f3f3;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    animation: spin 2s linear infinite;
    border-top: 30px solid #f6bd44;
    border-right: 30px solid #1fb9e0;
    border-bottom: 30px solid #3fd956;
    border-left: 30px solid #dd2885;
    margin: 100px auto 0px auto;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* ----------------------------------------------
    COMENTARIOS
---------------------------------------------------- */
.listado_comentarios{
    margin: 0;
    padding: 0;
    list-style: none;
}
.listado_comentarios > li{
    margin-bottom: 5px;
    position: relative;
    padding: 0 15px;
}
.cuerpo_comentario{
    position: relative;
    width: 45%;
    margin: 0 35px;
}
    .cuerpo_comentario > .globo_comentario{
        width: 100%;
        background-color: #f0f0f0;
        border: 1px solid #bdbdbd;
        padding: 10px 15px;

        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;

        font-size: 12px;
    }
    .cuerpo_comentario.pull-right > .globo_comentario{
        background-color: #c3e4f7;
        border-color: #288ecb;
    }
    .cuerpo_comentario > .globo_comentario:after{
        font: normal normal normal 25px/1 FontAwesome;

        color: #bdbdbd;

        display: block;
        position: absolute;
        bottom: 20px;

        width: 15px;
    }
    .cuerpo_comentario.pull-right > .globo_comentario:after{
        content: "\f0da";
        right: -14px;
        color: #288ecb;
    }

    .cuerpo_comentario.pull-left > .globo_comentario:after{
        content: "\f0d9";

        left: -8px;
        right: auto;
    }

    .cuerpo_comentario .fecha_comentario{
        font-size: 12px;
        color: #777;
    }

    .img_comentario{
        display: block;
        position: absolute;

        bottom: 15px;

        background-color: #FFF;

        width: 35px;
        height: 35px;
    }
    .cuerpo_comentario.pull-right + .img_comentario{
        right: 0;
    }
    .cuerpo_comentario.pull-left + .img_comentario{
        left: 0;
    }
    .img_comentario > img{
        width: 100%;
        height: 100%;

        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;

        border: 1px solid #bdbdbd;
    }


/* ---------------------------------------------------
    Alerta
----------------------------------------------------- */

.alert-danger {
    width: 370px;
    margin: auto;
    text-align: center;
    color: #ef4343;
    background: white;
    border: 1px solid #ff9b9b;
}

.alert-success {
    color: #49d04b;
    background-color: #4fff07;
    border-color: #93ff38;
    width: 370px;
    margin: auto;
    text-align: center;
    background: white;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    padding: 150px 70px 30px 30px;
    min-height: 100vh;
    transition: all 0.3s;
}

.estado-terminado {
    color: rgb(63, 209, 63);
}

.estado-proceso {
    color: rgb(219, 205, 0);
}

.estado-rechazado {
    color: rgb(207, 42, 42);
}


/* ---------------------------------------------------
    TIPOS FORMULARIO
----------------------------------------------------- */

.Tipo_formularios {
    border: 1px dashed #ccc;
    padding: 15px;
    margin-top: 15px;
    background: white;
    border-radius: 10px;
}

.Tipo_formularios h3 {
    font-family: 'Poppins', sans-serif;
    color: #666;
    margin-bottom: 20px;
}

.requerido {
    color: #0f8fc4;
    font-size: 1.8em;
    padding: 0px;
    margin: -2px 0px 0px -15px;
    position: absolute;
    font-weight: 500;
}


/* ---------------------------------------------------
    CONSULTAS
----------------------------------------------------- */

.tener_poliza {
    text-align: center;
    display: block;
}

.poliza_resultado {
    padding: 52px 15px 15px 15px;
    margin-top: 25px;
    background: #ffffff;
    position: relative;
    box-shadow: 0 0px 40px rgba(175, 175, 175, 0.3), 0 15px 35px rgba(167, 167, 167, 0.22);
    border-radius: 8px;
    margin: 65px 0 10px 0;
}
.info_flotante{
    position: absolute;
    z-index: 1;
    top: -20px;
    left: 0;
    width: 100%;
    padding: 0 5px;
}
.n_operacion{
    float: left;
    font-size: 1.1em;
    background: white;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    color: #202325;
    margin-right: 5px;
}

.consultas_tipo_seguro {
    float: left;
    font-size: 1.1em;
    background: white;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    color: #202325;
}

.consultas_estado_seguro {
    float: right;
    font-size: 1.1em;
    padding: 10px;
    border-radius: 5px;
    background: white;
    position: relative;
}
.consultas_estado_seguro:before{
    content: "Estado";
    position: absolute;
    top: -16px;
    font-size: 12px;
    font-style: italic;
    left: 0;
    color: #777;

    visibility: hidden;
}


.n_operacion i{

}

.seguro_guardardo_correctamente {
    text-align: center;
    color: #30b15b !important;
    font-weight: 900 !important;
    font-size: 2em !important;
}

.poliza_resultado.estado_aceptada {
    border: 2px dashed #319445;
}

.poliza_resultado.estado_denegado {
    border: 2px dashed #ff0000;
}

.poliza_resultado .result {
    min-height: 45px;
    margin-bottom: 10px;
    font-size: 1.2em;
    display: flex;
    flex-wrap: wrap;
}

.poliza_resultado .result .aceptado {
    color: #319445;
}

.poliza_resultado .result .denegado {
    color: #ff0000;
}

.btn-app.disabled {
    opacity: 0.5;
}

.resumen-collapse {
    padding: 0;
    background: #fff;
    box-shadow: 0 0px 40px rgba(175, 175, 175, 0.3), 0 15px 35px rgba(167, 167, 167, 0.22);
    margin: 0 0 70px 0;
}

#cuerpo-detalle .resumen-collapse {
    background: white;
    box-shadow: none;
}

#cuerpo-detalle .resumen-collapse h3 {
    display: none;
}

.resumen-collapse .title {
    color: #60B7DE !important;
}

.resumen-collapse h3 {
    margin-left: 13px;
    cursor: pointer;
    background: #CF2882;
    margin: 0;
    padding: 15px 10px;
    color: #fff;
}

.contenido-resumen-collapse {
    margin-top: 15px
}

.resumen-collapse h3:after {
    display: block;
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1.4em;
    position: absolute;
    right: 30px;
    top: 7px;
}

.resumen-collapse h3.active:after {
    display: block;
    content: "\f0d8";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1.4em;
    position: absolute;
    right: 30px;
    top: 7px;
}

.resumen-collapse .grupo {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.resumen-collapse .grupo div {
    margin-bottom: 30px;
}

.resumen-collapse .grupo .texto {
    color: #101010 !important;
    font-size: 1.2em !important;
    font-family: sans-serif;
    font-weight: 500;
}

.scrollTop {
    cursor: pointer;
    position: fixed !important;
    bottom: 40px;
    right: 50px;
    width: 60px !important;
    height: 60px;
    border-radius: 60px;
    background: #ddd;
    font-size: 12px;
    opacity: 0.8;
    padding-top: 4px;
}

.scrollTop:hover {
    background: #db0972;
    color: #fff;
}
#docu_extra .btn-app-file-poliza:after{
    content: "*Un único documento, el formato podrá ser .jpg, .png o .pdf y no deberá superar los 5MB.";
    display: block;
    position: absolute;
    margin-top: 20px;
    font-size: 13px;
    color: 84%;
    white-space: initial;
}
#docu_extra .btnNuevo:after{
    display: none;
}
#docu_extra .contentform{ margin-bottom: 30px; }
#docu_extra .btnEliminar{
    padding: 10px 16px;
    font-size: 1.9rem;
}
.tabular{
    margin-left:30px;
}
.enlacePitma{
    color:#ff9935;
    font-weight:bold;
}
.enlaceNormal{
    color:#288ecb;
}
.legalesUl{
    font-family: 'Poppins, sans-serif';font-size: 16px;color:#555;line-height: 26px;
}

.button_responsive{
    transition: all 0.3s;
    height: 67px;
}
.button_responsive > .btn-default{
    margin: 15px;
}

.thumbnail-seguro-check,
.thumbnail-seguro{
    width: 78%;
}
.tipos_cliente{
    width: 100%;
    text-align: center;
}
.tipos_cliente > li{
    float: none;
    display: inline-block;
    width: 33%;
    text-align: left;
}
.tipos_cliente > li:first-child{margin-left: 0;}
.tipos_cliente > li:last-child{margin-right: 0;}
.tipos_cliente > li > a{
    max-width: 310px;
    width: 100% !important;
    text-align: center;
}
.tipos_cliente > li > a:hover{
    color: #dc0971;
    background-color: #f1f1f1;
    border: 1px solid #e8e8e8;
}
.tipos_cliente > li.active > a,
.tipos_cliente > li.active > a:hover,
.tipos_cliente > li.active > a:focus{
    background-color: #dc0971;
    color: #FFF;
}
.modal{
    z-index: 90050;
}
/*
 * MEDIAQUERIES
*/

/*
 * MOVIL + TABLET *
 */
@media only screen and (min-width: 320px) and (max-width: 1023px) {

    body.login .container{
        padding: 0;
    }

    body.login #bloqueLogin,
    body.login #bloqueRecupera{
        max-width: 300px;
        margin: auto;
    }
    body.login .box-login{
        width: 100%;
        min-width: 0;
        margin: 15px 0;
    }

    body.login .box-login h2{
        font-size: 34px;
    }

    body.login .form-group{
        margin-bottom: 25px;
    }
    body.login .pass-login{
        margin-top: 15px;
        margin-bottom: 15px;
    }

    body.login .alert-success,
    body.login .alert-danger{
        width: 100%;
    }

    #sidebar.desplegado{
        margin-left: 0px;

    }
    .button_responsive.desplegado{
        margin-left: 300px;
    }
    .button_responsive.desplegado > .btn{
        margin-left: 0;
        -webkit-border-radius: 4px;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius: 4px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-radius: 4px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-left-color: transparent;
        border-left-width: 0;
        position: fixed;
        z-index: 9999;
    }

    #content{
        padding: 40px 15px;
    }

    .form-group{
        margin-bottom: 15px;
    }
    .input_redondo{
        height: 50px;
    }
    .btn-app:last-child{
        margin-right: 0;
    }

    .thumbnail-seguro + .input-number,
    .thumbnail-seguro-check + .input-number{
        margin-bottom: 30px;
    }
    .btn-app-poliza{
        display: block;
        margin: 0 15px;
    }

    .resumen-collapse .grupo div[class^='col-']{
        margin-bottom: 15px;
    }

    #modal-upselling .formulario_aniadido{
        border-bottom: 1px solid #DDD;
        margin-bottom: 15px;
    }
    #modal-upselling .formulario_aniadido:last-child{
        border-bottom: 0;
    }
}

/*
 * MOVIL *
 */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    html, body.login{
        height: 100%;
        min-height: 100%;
    }
    body.login{
        border-top: 3px solid #ea0078;
    }
    body.login .header-login{
        display: none;
    }
    body.login .container{
        min-height: 100%;
        display: table;
        width: 100%;
    }
    body.login #login{
        display: table-cell;
        vertical-align: middle;
    }

    .eliminar-seguro{
        margin-top: -68px;
        margin-right: -18px;
        padding: 2px 5px 2px 5px;
        font-size: 12px;
    }


    .btn-app:last-child{
        max-width: 100%;
    }

    .seguro_nombre{
        line-height: 1em;
    }

    .tipos_cliente > li{
        width: 100%;
        margin: 0 0 15px 0;
    }

    .tipos_cliente a{
        text-align: center;
        padding: 10px 15px;
        font-size: 16px;
    }
    /*.primer_legal{margin-top: 40px;}*/

    .end-text h1{
        font-size: 38px;
    }

    .resumen-collapse{
        margin-left: -30px;
        margin-right: -30px;
    }

    .box-buscador{
        height: 140px;
    }

    .cuerpo_comentario{
        margin: 0 20px 0 20px;
        width: 100%
    }

    .btn-consultas.btn-consultas-sm{
        margin-left: 0;
        margin-right: 0;
    }

    .btn-app-file-label{
        margin-bottom: 55px;
    }

    .btn-app-file-poliza{
        margin-bottom: 45px;
    }
}

/*
 * TABLET *
 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body.login #login{
        margin-top: 65px;
    }

    .tipos_cliente > li{
        width: 25%;
        margin: 0 15px;
    }
    .tipos_cliente > li:first-child{margin-left: 0px;}
    .tipos_cliente > li:last-child{margin-right: 0px;}

    .tipos_cliente a{
        text-align: center;
        padding: 10px 15px;
        font-size: 16px;
    }
    .primer_legal{margin-top: 25px;}

    .cuerpo_comentario{
        margin: 0 20px 0 20px;
        width: 100%
    }
}
@media (max-width: 768px) {
    #sidebar {
        margin-left: -300px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
    .contPage{
        margin-left: 0;
    }
}