.section_header{
    margin-left: -5px;
    width: 100%;
    height: 98px;
    background-image: url('../img/section.png') !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    opacity: 1 !important;
    border-bottom: none;
}
.white-button {
    width: 57px;
    height: 34px;
    border: 3px solid #3092F9;
    border-radius: 30px;
    opacity: 1;
}

.button-close-modal {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #0000008A;
    opacity: 1;
}

.button-close-modal-footer {
    width: 123px;
    height: 36px;
    color: #FFFFFF;
    background: #3092F9 0% 0% no-repeat padding-box;
    border-radius: 37px;
    opacity: 1;
}

.white-button-seo {
    background-image: url('../img/ic_track_changes_24px.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}

.white-button-seoNO {
    background-image: url('../img/anim.gif');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}

.blue-button {
    margin-right: 6px;
    width: 57px;
    height: 34px;
    background: #3092F9 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 30px;
    opacity: 1;
}

#datelaunch {
    position: relative;
}

.content-center-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-aling-vertical-flex {
    display: flex;
    align-items: center;
}

.content-center-translate {
    position: absolute;
    top: 67%;
    left: 60%;
    transform: translate(-69%, -60%);
}

.blue-button-launches {
    background-image: url('../img/Grupo135.png');
    background-size: auto;
    background-position: center;
    opacity: 1;
}

.blue-button-details {
    background-image: url('../img/Grupo133.png');
    background-size: auto;
    background-position: center;
    opacity: 1;
}

.dropdown-toggle::after {
    content: none;
}

.alerta-gradiente {
    background: transparent linear-gradient(90deg, #F29F29 0%, #F43535 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.sombra-radial {
    position: relative;
    box-shadow: 0px 0px 1px #F7F7F7;
}

.sombra-radial:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0px;
    background: #F7F7F7 0% 0% no-repeat padding-box;
    border-radius: 50%;
    top: 82%;
}

.sidebar-my {
    width: 265px;
    position: fixed;
    z-index: 1028;
    border-radius: 6px 6px 0 0;
    transition: .600s;
    height: 100vh;
    touch-action: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 73px;
    left: 0px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.widget-my {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 11px #0000006B;
    border-radius: 22px;
    opacity: 1;
}

.flag-rounded{
    margin-left:4px;
    width: 27px;
    height: 27px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    background-position: 0px -6px;
    background-size: 100% 150%;
    background-repeat:no-repeat;
}

/* SECCIÓN LISTA DE CAMPAÑAS */
/* CSS necesarios para garantizar el diseño de la lista de campañas */
.ors_header {
    margin-top: 0.5rem;
    font-family: proxima-nova, sans-serif;
    font-size: 33px;
    letter-spacing: -0.23px;
}

.ors_header.bold {
    margin-left: 2.5rem;
    font-weight: 700;
}

.ors_header.light {
    margin-left: 0.5rem;
    font-weight: 400;
}

#ors_table_filter label,user-table-id_filter label {
    width: 231px;
}

#ors_table_filter label input,user-table-id_filter label input {
    margin-left: 9px;
    width: 212px;
}

#ors_table_filter_client label {
    width: 143px;
}

#ors_table_filter_client label input {
    margin-left: 8px;
    width: 126px;
}

#ors_table_filter label,user-table-id_filter label, #ors_table_filter_client label {
    height: 35px;
    border: 1px solid #707070;
    border-radius: 18px;
    opacity: 1;
}

#ors_table_filter label input, #ors_table_filter_client label input {
    height: 33px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    opacity: 1;

    font-weight: 400;
    color: #828AA0;
    font-size: 13px;
}

#ors_table_filter_client {
    margin-right: 10px;
}

.ors_table_caption {
    margin-left: -30px;
    width: 123px;
    height: 28px;
    text-align: left;
    letter-spacing: 0px;
    color: #2B2B2B;
    opacity: 1;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-size: 25px;
}

.dt--top-section {
    padding-right: 12px;
}

.ors_table_th {
	font-family: proxima-nova, sans-serif;
	font-weight: 300 !important;
	color: #828AA0 !important;
	opacity: 1;
	font-size: 12px !important;
	font-style: normal;
	line-height: 20px;
	letter-spacing: 0.25px !important;
}

.ors_table_td {
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-size: 14px !important;
	font-style: normal;
	line-height: 24px;
	letter-spacing: 0.5px !important;
}

.tooltip-arrow {
    display: none !important;
}

.tooltip-inner {
    width: 76px;
    height: 25px;
    background: #00000099 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 26px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 0px 5px 0px 5px;
}

/* Camuflajes con css */
/* Estos camuflajes son necesarios para poder hacer correctamente el efecto de resaltar el row actual en la dataTable */
.dt--bottom-section {
    box-shadow: 5px 0px 4px #FFFFFF,
    -5px 0px 4px #FFFFFF,
    0px -2px 6px #00000033;
}

#ors_table > thead > tr > th {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 0px 4px #FFFFFF,
    -5px 0px 4px #FFFFFF,
    0px 2px 6px #00000033;
}

#ors_table.dataTable tbody tr:hover, .seleccionada {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 0px !important;
}

/* Los td's que no llevan border-radius */
#ors_table.dataTable tbody tr:hover td:not(.in,.fin) {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 0px 4px #FFFFFF,
    -5px 0px 4px #FFFFFF,
    0px 0px 8px #00000033;
    opacity: 1;
}

/* Primer td que lleva border-radius en la izquierda */
#ors_table.dataTable tbody tr:hover td:first-child {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 8px #00000033;
    opacity: 1;
}

/* Último td que lleva border-radius en la derecha */
#ors_table.dataTable tbody tr:hover td:last-child {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: -5px 0px 4px #FFFFFF,
    0px 0px 8px #00000033;
    opacity: 1;
}

.calendario {
    position: fixed;
    height: 224px;
    display: block;
    margin-left: 0px;
    width: 222px;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 12px 16px 0px 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 14px #00000052;
    border-radius: 24px;
    font-family: proxima-nova, sans-serif;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 0px;
    opacity: 1;
}

.calendario.open {
    height: 244px;
    display: block;
}

#calendario .modal-backdrop {
    display: none;
}

.cal_caption {
    text-align: left;
    font-family: proxima-nova, sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #2C3244;
    opacity: 1;
}

#calendario span#mes_b{
    margin-left: 5px;
}

#calendario span#mes_f{
    margin-right: 5px;
    float: right;
}

#calendario table th {
    font-weight: 300;
    text-align: center;
    color: #2C3244;
    height: 20px;
    width: 20px;
}

#calendario table td {
    font-weight: 500;
    text-align: center;
    height: 20px;
    width: 20px;
    border-collapse: collapse;
    border-top: #FFF 2px solid;
    border-bottom: #FFF 2px solid;
}

.calendario_legend{
    margin-top: 3px;
    height: 16px;
    border: #999A9B 1px solid;
}

.legend_caption {
    margin-top: 3px;
    margin-left: 5px;
    text-align: left;
    font-family: proxima-nova, sans-serif;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #2C3244;
    opacity: 1;
}

#calendario button {
    border: none;
    margin-top: -20px;
    text-align: center;
    color: #FFFFFF;
    font-size: 11px;
    width: 54px;
    height: 22px;
    background: #3092F9 0% 0% no-repeat padding-box;
    border-radius: 10px;
}

.celda {
    color: #999A9B;
    background: #FFFFFF;
}

.extremos {
    color: #FFFFFF;
    background: #3092F9 0% 0% no-repeat padding-box;
}

div.extremos {
    margin-left: 5px;
    width: 16px;
    border-radius: 50px;
}

div.done {
    margin-left: 5px;
    width: 16px;
    border-radius: 50px;
    background: #00C883 0% 0% no-repeat padding-box;
}

div.pending {
    margin-left: 5px;
    width: 16px;
    border-radius: 50px;
    background: #F5A21A 0% 0% no-repeat padding-box;
}

.extremos.ini {
    background: transparent linear-gradient(90deg, #FFFFFF 0%, #3092F94F 80%) 0% 0% no-repeat padding-box;
}

.extremos.fin {
    background: transparent linear-gradient(90deg, #3092F94F 0%, #FFFFFF 80%) 0% 0% no-repeat padding-box;
}

.inrange {
    color: #2C3244;
    background: #3092F94F 0% 0% no-repeat padding-box;
}

/* FIN SECCIÓN LISTA DE CAMPAÑAS */


/* SECCIÓN LISTA DE LANZAMIENTOS DE CAMPAÑAS */
.modal-backdrop {
    position: absolute;
    /* left: 16.2%; */
}

#modal_window_view {
    left: 45px;
    margin-top: 177px;
}
/* 
#modal_window_view .modal-content {
    width: 1318px;
    height: 925px;
} */

.view-modal-my {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 11px #0000006B;
    border-radius: 32px;
    opacity: 1;
}

.ors_caption {
    height: 24px;
    /* UI Properties */
    font-family: proxima-nova, sans-serif;
    text-align: left;
    letter-spacing: 0px;
    color: #2B2B2B;
    opacity: 1;
    font-size: 21px;
    font-weight: 700;
    line-height: 24px;
}

.acordeonList {
    padding-top: 10px;
    margin-left: 20px;
    /* width: 1171px; */
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    font-size: 16px;
}

.acordeonList .bloqueList {
    margin: -8px 0px 5px 0px;
    /* width: 1171px; */
}

.acordeonList .bloqueList .acordeonList-button {
    cursor: pointer;
    /* width: 1171px; */
    height: 57px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.acordeonList .bloqueList .acordeonList-button img {
    margin-left: 6px;
    margin-right: 6px;
    margin-top: -2px;
    width: 29px;
    height: 20px;
    opacity: 1;
}

.acordeonList .bloqueList .contenidoList {
    background: #FFFFFF 0% 0% no-repeat padding-box;

    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.acordeonList .bloqueList.activo .acordeonList-button {
    /* width: 1171px; */
    height: 57px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 0px;
    border-radius: 32px;
    box-shadow: 0px 0px 6px #00000033 inset;
}

.acordeonList .bloqueList.activo .contenidoList {
    height: auto;
    padding: 5px 2px 5px 10px;
}

.span-volumen {
    display: inline-block;
    color: #FFFFFF;
    border-radius: 50rem;
    height: 27px;
}

.error {
    width: 108px;
    background: #e20c0c 0% 0% no-repeat padding-box;
}

.pending {
    width: 108px;
    background: #F5A21A 0% 0% no-repeat padding-box;
}

.done {
    width: 77px;
    background: #00C883 0% 0% no-repeat padding-box;
}

.hrcampaign {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 20px;
    width: 1131px;
    display: block;
}

.hrdate {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0px;
    width: 368px;
    display: block;
}

.campaignButtonPDF{
    background-color: #3092F9; 
    color:#FFFFFF;
    width: 191px;
    height: 36px;
    margin-right: 5px;
    border-radius: 37px;
    opacity: 1;
}

.month-selector {
    width: 191px;
    height: 36px;
    margin-right: 72px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #3092F9;
    border-radius: 37px;
    opacity: 1;
}

.month-selector-text {
    width: 100%;
    margin-top: -10px;
    height: 23px;
    text-align: left;
    letter-spacing: 0px;
    color: #3092F9;
    opacity: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 21px;
    font-weight: 300;
}

/* FIN SECCIÓN LISTA DE LANZAMIENTOS DE CAMPAÑAS */


/* SECCIÓN CREAR CAMPAÑAS */
.modal_font {
    font-family: proxima-nova, sans-serif;
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 400;
}

#modal_window_create {
    left: 136px;
    margin-top: 236px;
    width: 852px;
    height: 665px;
}

#modal_window_create .modal-content {
    width: 528px;
    height: auto;
}

#modal_window_create .modal-content .modal-body {
    padding: 16px 48px 16px 48px;
}

.modal_labels {
    height: 24px;
    font-size: 17px !important;
    color: #2B2B2B !important;
}

.input-launch-type {
    height: 38px;
    background: #ECECEC 0% 0% no-repeat padding-box;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    border-radius: 30px;
    border: none;
    opacity: 1;
    font-size: 14px;
    color: #7B7B7B;
}

div.dashboardcode-bsmultiselect ul.form-control {
    height: 38px !important;
    background: #ECECEC 0% 0% no-repeat padding-box !important;
    border-radius: 30px !important;
    border: none !important;
    opacity: 1 !important;
    overflow-y: auto;
}

.dashboardcode-bsmultiselect .dropdown-menu {
    height: 200px;
    overflow-y: auto;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
}

.dashboardcode-bsmultiselect ul li.badge {
    color: #7B7B7B !important;
    font-size: 14px !important;
    font-family: proxima-nova, sans-serif !important;
    text-align: left;
    margin-top: -3px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 400;
}

.dashboardcode-bsmultiselect ul li button.btn-close {
    margin-left: 2px;
    margin-top: 5px;
    float: none;
    vertical-align: text-top;
    font-size: 14px !important;
}

#dashboardcode-bsmultiselect-generated-input-country-id {
    border: none;
    background: transparent;
    color: #7B7B7B !important;
    font-size: 14px !important;
    font-family: proxima-nova, sans-serif !important;
}

.blue-button-launch {
    width: 100%;
    height: 38px;
    background: #3092F9 0% 0% no-repeat padding-box;
    border-radius: 37px;
    opacity: 1;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 12px;
    margin-top: -3px;
    line-height: 16px;
}

.add_keywords_link{
    text-decoration:none;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: #0D6EFD;
    /* flex: none; */
    order: 0;
    flex-grow: 0;
}

.btn-blue-ligth {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #3092F9;
    color: #3092F9 ;
    border-radius: 37px;
    opacity: 1;
}
.btn-blue-ligth-big {
    width: 100%;
    height: 38px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #3092F9;
    color: #3092F9 ;
    border-radius: 37px;
    opacity: 1;
    font-weight: 400;
    font-size: 12px;
    margin-top: -3px;
}
.btn-blue-solid {
    background:  #3092F9 0% 0% no-repeat padding-box;
    color: #FFFFFF ;
    border-radius: 30px;
    opacity: 1;
}
.th-keyword {
    background: white 0% 0% no-repeat padding-box;
}
/* FIN SECCIÓN CREAR CAMPAÑAS */


/* SECCIÓN PROGRAMAR LANZAMIENTOS DE CAMPAÑAS */
#modal_window_launch {
    left: 138px;
    margin-top: 236px;
    width: 396px;
    height: 525px;
}

#modal_window_launch .modal-content {
    width: 396px;
    height: 525px;
}

#modal_window_launch .modal-content .modal-body {
    padding: 16px 47px 16px 47px;
}

#c3 input:checked ~ .checkmark {
    background-color: green;
}

/* FIN SECCIÓN PROGRAMAR LANZAMIENTOS DE CAMPAÑAS */


.ia-color-orange {
    color: #F5A21A;
}

.ia-color-blue {
    color: #3092F9;
}

.ia-color-green {
    color: #29CC8A;
}

.alert-warning {
    background: transparent linear-gradient(90deg, #F29F29 0%, #F43535 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.alert button[data-target="#blCampaignsModal"] {
    padding: .625rem 1.5rem;
}

.list-from-urls {
    max-width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-to-urls {
    color: #3092F9;
}

.badge-success {
    background-color: #00E396;
}

.ors_key_list_first {
    border: 2px solid #008FFB;
    padding: 4px 3px 2px 4px;
    border-radius: 5px;
    color: #008FFB;
}

.w100 {
    width: 100%;
}

.btn-rounded {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

}
.btn-m {
    margin-right: 2px;
}
.ut--top-section{
    margin-top: 0.8rem;
    margin-bottom: 0.8%;
    font-size: 33px;
    letter-spacing: -0.23px;

}

/* Estilos Seccion Gestion de Usuarios */

.center-flex {
    padding: 2.0rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
widget {
    box-shadow: 0px 0px 11px #0000006B;
    font-weight: 400;
}

.p2 {
    padding: 3em
}

.center-flex {

    display: flex;
    justify-content: center;
    align-items: center;
}

.border{
    border: none
}

/* Sección del login y register */
.form.login {
    font-family: proxima-nova, sans-serif !important;
    font-size: 18px;
    background-color: #FFFFFF;
    background-image: url("/assets/img/fondo.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size:100% 102%;
    overflow-y:hidden;
    opacity: 1;
}
.flog {
    width: 477px !important;
    height: 572px;
    padding: 0 30px 0 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 11px #00000025;
    border: 1px solid #e0e6ed;
    border-radius: 20px;
}
.abs-center {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}
.wc_message{
    text-align: left;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
}
div.campo input{
    padding-left: 12px;
    height: 45px;
    border: none;
}
.btn-grey {
    text-align: center;
    font-weight: 300;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 315px;
    height: 47px;
    background: transparent linear-gradient(90deg, #F37E2E 0%, #F25232 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 3px #00000029;
    border-radius: 5px;
}
.fr_message{
    display: flex;
    justify-content: center;
    text-align: left;
    font-size: 16px !important;
    font-weight: 200;
    letter-spacing: 0px;
    color: #000000;
    align-items: flex-end;
}
.iti__hide{
    display: none;
}
.freg {
    display: inline-flex;
    width: 887px !important;
    height: 667px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    box-shadow: 0px 0px 11px #00000025;
    border: 1px solid #e0e6ed;
}
.lp_caption{
    display: block;
    margin-top: 25px;
    width: 355px !important;
    height: 44px !important;
    text-align: left;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
}
.lp_message{
    display: block;
    margin-top: 10px;
    width: 345px !important;
    height: 45px !important;
    text-align: left;
    font-weight: 300;
    letter-spacing: -0.04px;
    color: #000000;
}
input.campo, select.campo{
    margin-bottom: 13px;
    width: 315px;
    height: 40px;
    padding: 0 1.25rem;
}
.leftpanel{
    padding-left: 40px;
    width: 417px;
    height: 667px;
    background: #f6f6f6 0% 0% no-repeat padding-box;
    border-radius: 20px 0px 0px 20px;
}
.lp_step{
    display: flex;
    font-weight: 200;
    margin-left: -10px;
    width: 365px;
    height: 49px;
    align-items: center;
    border-radius: 7px;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
}
.lp_step.activo{
    font-weight: 400;
    background: #ECEEF2 0% 0% no-repeat padding-box;
}
.img_step{
    margin-left: 10px;
    margin-right: 10px;
    background: #E2E2E2 0% 0% no-repeat padding-box;
}
.right-arrow{
    display: none;
    margin-left: auto;
    background-image: url('/assets/img/icon_arrow.svg');
}
.lp_step.activo div.right-arrow{
    display: flex;
}
.lp_step.activo div.img_step{
    background: #FF3900 0% 0% no-repeat padding-box;
}
.img_rounded{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.v-line{
    border-left-style: dashed;
    margin-left: 14px;
    height: 68px;
}
#lp_step1{
    margin-top: 90px;
}
#lp_step1 div.img_step{
    background-image: url('/assets/img/ic_person_24px.png'); 
    background-position: 50% 50%;
}
#lp_step1.activo div.img_step{
    background-image: url('/assets/img/icon_user_white.png');
    background-position: 40% 20% !important;
}
#lp_step2 div.img_step{
    background-image: url('/assets/img/icon_pass.png'); 
    background-position: 50% 50%;
}
#lp_step2.activo div.img_step{
    background-image: url('/assets/img/icon_pass_white.png');
    background-position: 40% 20% !important;
}
#lp_step3 div.img_step{
    background-image: url('/assets/img/icon_finish.png'); 
    background-position: 50% 50%;
}
#lp_step3.activo div.img_step{
    background-image: url('/assets/img/icon_finish_white.png');
    background-position: 0px 2px !important;
}
.rightpanel{
    width: 470px;
    height: 667px;
    border-radius: 0px 20px 20px 0px;
}
.rp_caption{
    margin-top: 7px;
    width: 273px !important;
    height: 22px !important;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
}
.rp_message{
    margin-top: 5px;
    width: 298px !important;
    height: 45px !important;
    text-align: center;
    font-weight: 300;
    letter-spacing: -0.58px;
    color: #484848;
}
.icon_step{
    width: 49px; 
    height: 49px; 
    margin-top: 40px;
    background: #FFF6F4 0% 0% no-repeat padding-box;
    background-position: 50% 50%;
    background-size: 100%;
    border-radius: 50%;
}
.icon_back{
    width: 28px; 
    height: 28px; 
    margin-top: 47px;
    margin-left: -360px;
    cursor: pointer;
    background: #FFF6F4 0% 0% no-repeat padding-box;
    background-position: 50% 50%;
    background-image: url('/assets/img/icon_back.svg');
    background-size: 100%;
    border-radius: 50%;
}
.icon_step_mail{
    width: 110px; 
    height: 110px; 
    background-size: 80%;
    margin-top: 115px;
    background: #FFF6F4 0% 0% no-repeat padding-box;
    background-position: 50% 50%;
    background-image: url('/assets/img/icon_mail.svg'); 
    border-radius: 50%;
}
.indicadores{
    display: flex;
    justify-content: center;
}
.indicadores button{
    width: 10px;
    height: 10px;
    margin: 0 4px 0 4px;
    border: none;
    background: #FF3900 0% 0% no-repeat padding-box;
    border-radius: 50%;
    opacity: 0.25;
}
.indicadores button.activo{
    opacity: 1;
}
.rp_step{
    display: none;
    flex-direction: column;
    align-items: center;
}
.rp_step.activo{
    display:flex;
}
#rp_step1{
    height: 582px;
}
#rp_step2{
    height: 522px;
}
#rp_step3{
    height: 557px;
}
.iti { width: 100%; }