/*******general
font-family: font-family: "Montserrat", sans-serif;
*****/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.clearfix::after,
.region-header::after,
.views-row::after,
.region-content:after,
.view:after,
.block_inner:after,
form:after{
  content: "";
  clear: both;
  display: table;
}
a {
    color: #188e50;
}
a:hover {
    color: #005629;
    text-decoration: underline;
}
body {
    font-family: "Montserrat", sans-serif;;
    font-weight: 400;
    line-height: initial;
    color: #393939;
    font-size: 17px;
    width: 100%;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        color: #393939;
    font-weight: bold;
}
header {
    border: none;
    width: 100%;
    position: absolute;
    z-index: 99999;
    padding: 0;
    left: 0;
    transition: all 500ms;
    overflow: hidden;
    background-color: white;
}
.maintenance-page header {
    text-align: center;
    position: relative;
}
.maintenance-page header img {
        max-width: 350px;
    margin-bottom: 20px;
    width: 80%;
    height: auto;
}
.path-frontpage main > div {
    padding: 0;
    max-width: none;
}
.sticky0 header {
    position: fixed;
    top: -300px;
}

.sticky0.sticky header {
    top: 0;
}
.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {
    padding: 0;
    position: relative;
    overflow: hidden;
}
.region-header {
        margin: 0 auto;
    max-width: 1300px;
    padding: 16px 20px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
div#block-tema-bloque-ayuda {
    position: absolute;
    right: 20px;
    top: 20px;
}
div#block-tema-bloque-ayuda a {
    display: flex;
    font-weight: bold;
    color: black;
    transition: all 500ms;
    text-decoration: none;
    font-size: 14px;
    align-items: center;
}

div#block-tema-bloque-ayuda a img {
    width: 21px;
    margin-right: 6px;
}

div#block-tema-bloque-ayuda a:hover {
    color: #188e50;
}
.menu--account ul.nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.sticky0 .menu--account {
    margin-top: 5px;
}
.sticky0 div#block-tema-bloque-ayuda {
    display: none;
}
.menu--account {
    margin-top: 45px;
}

.menu--account ul.nav li.nav-item {
    margin-left: 15px;
}

.menu--account ul.nav li.nav-item a {
    background: #188e50;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
    padding: 5px 14px;
    font-size: 15px;
    border-radius: 8px;
    border: 2px solid transparent;
    transition: all 500ms;
    text-decoration: none;
}

.menu--account ul.nav li.nav-item a:hover,.menu--account ul.nav li.nav-item a.active {
    color: #188e50;
    background: white;
    border-color: #188e50;
}
.menu--account ul.nav li.nav-item a.menu_registro {
    background: #e61c2e;
        color: white;
    border-color: #e61c2e;
}

.menu--account ul.nav li.nav-item a.menu_registro:hover {
    color: #e61c2e;
    background: white;
    border-color: #e61c2e;
}
#block-tema-bloque-banner {
        width: 50%;
    color: black;
    font-size: 36px;
    padding: 80px 0 0;
}
#block-tema-bloque-banner .block_inner {
    padding: 0 40px 0 0;
}
#block-tema-bloque-banner .field--name-body {
    padding-left: 30px;
}
.precontent .inn {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0;
}

.precontent .inn .region-precontent {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}
@keyframes  animatetext {
  0% {
    background-position: 0;
  }
  50% {
    background-position: 470px;
  }
  100% {
    background-position: 470px;
  }
}
#block-tema-bloque-banner h2 {
    color: black;
    text-align: left;
    font-size: 44px;
    font-weight: 600;
    background: linear-gradient(to right, #000000 0, #4e4e4e 20%, #000000 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animatetext 3s linear infinite alternate;
}
#block-tema-bloque-banner table tbody {
    display: flex;
    flex-wrap: wrap;
}
#block-tema-bloque-banner table tr{
        border: 2px solid white;
    border-radius: 20px;
    display: inline-block;
    padding: 0 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}

#block-tema-bloque-banner table td {
    padding: 12px 8px;
    font-weight: bold;
    font-size: 15px;
}
#block-tema-bloque-banner a {
    font-weight: bold;
    background: #d1d1d1;
    color: #000;
    padding: 6px 15px;
    font-size: 18px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 500ms;
    border: 1px solid transparent;
    display: inline-block;
    min-width: 160px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0;
}

#block-tema-bloque-banner p {
       margin: 0 0 20px;
}
#block-tema-bloque-banner .field--name-field-imagenes img {
    width: 100%;
    height: auto;
    display: block;
}
#block-tema-bloque-banner a:hover {
    border-color: #d1d1d1;
    color: #d1d1d1;
    background: transparent;
}
#block-tema-bloque-logo {
        float: left;
    margin: 0;
    transition: all 500ms;
    width: 250px;
    position: relative;
    margin-right: auto;
}
#block-tema-bloque-logo .field--name-field-enlace a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    font-size: 0;
}
#block-tema-bloque-logo img {
    width: 100%;
    height: auto;
    display: block;
}
main {
    padding-top: 107px;
}
#block-tema-main-navigation {
        width: auto;
    position: relative;
    overflow: visible;
    margin: 0 auto;
}
#block-tema-main-navigation ul.navbar-nav {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

#block-tema-main-navigation li {
        margin: 0 3px;
    position: relative;
}
#block-tema-main-navigation li a {
        color: #000;
    transition: all 500ms;
    display: block;
    padding: 6px 18px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 19px;
        text-decoration: none;
}

#block-tema-main-navigation li a:hover:after, #block-tema-main-navigation li a.active:after {
    width: 25%;
}
#block-tema-main-navigation li a:after {
    content: ".";
    display: block;
    width: 0;
    height: 3px;
    font-size: 0;
    background: #188e50;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 500ms;
}
#block-tema-main-navigation li a.btn,
.view-footer .btn,
.view-header .btn,
.view-empty .btn,
.popupmensaje .btn,
div#block-tema-bloque-veroperacionescliente a,
#block-tema-bloque-botones-cuentabancaria .field a,
.view-view-page-detalleoperacion .views-field.views-field-nothing-1 a,
.view-view-block-detalleoperacionadmin .views-field.views-field-nothing-1 a,
#block-tema-bloque-botones-cuentabancaria2 .field a,
#block-tema-bloque-botones-empresas .field a,
#block-tema-bloque-iniciaroperacion-cliente .field a,
.node-form .form-actions input,
.form-actions input,
#block-tema-bloque-botones-tasas .field p a,
.view-view-page-empresas .views-row .views-field-edit-node a,
.view-view-page-empresas .views-row .views-field-edit-node-1 a,
.webform-confirmation__back a,
.node--type-cupones fieldset.btn a,
.node--type-comentarios fieldset.btn a,
.botones_eliminar .btn,
.botonvolver a{
    background: #e61c2e;
    color: white;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 20px;
    line-height: 24px;
    transition: all 500ms;
    text-decoration: none;
    min-width: 180px;
    display: inline-block;
        border: 1px solid transparent;
    text-align: center;
        text-transform: uppercase;
}
#block-tema-main-navigation li a.btn:hover,
.view-footer .btn:hover,
.view-header .btn:hover,
.popupmensaje .btn:hover,
.view-empty .btn:hover,
div#block-tema-bloque-veroperacionescliente a:hover,
#block-tema-bloque-botones-cuentabancaria .field a:hover,
.view-view-page-detalleoperacion .views-field.views-field-nothing-1 a:hover,
.view-view-block-detalleoperacionadmin .views-field.views-field-nothing-1 a:hover,
#block-tema-bloque-botones-cuentabancaria2 .field a:hover,
#block-tema-bloque-botones-empresas .field a:hover,
#block-tema-bloque-iniciaroperacion-cliente .field a:hover,
.node-form .form-actions input:hover,
.form-actions input:hover,
#block-tema-bloque-botones-tasas .field p a:hover,
.btn-primary:hover,
.view-view-page-empresas .views-row .views-field-edit-node a:hover,
.view-view-page-empresas .views-row .views-field-edit-node-1 a:hover,
.webform-confirmation__back a:hover,
.node--type-cupones fieldset.btn a:hover,
.node--type-comentarios fieldset.btn a:hover,
.botones_eliminar .btn:hover,
.botonvolver a:hover{
    color: #e61c2e;
    background-color: white;
    border-color: #e61c2e;
}
.view-empty h2 {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}
.preheader {background: #001689;}

.preheader .region-preheader {max-width: 1360px;padding: 5px 20px;margin: 0 auto;display: block;}
#block-tema-formoperacion .precio {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}
.tc {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    display: block;
    margin-top: 3px;
}
.view-view-block-tipocambio .view-header {
        text-align: center;
    color: white;
    padding: 0px 0 10px;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
}
.sidebar-first .view-view-block-tipocambio .view-header {
    display: none;
}
/*.view-view-block-tipocambio .views-row .views-field .field-content .cant:before {
    content: "S/. ";
}*/
.view-view-block-tipocambio .views-row .views-field .field-content {
    display: block;
}
.view-view-block-tipocambio .views-row .views-field .field-content .cant{
        display: inline-block;
    text-align: center;
    background: #175d38;
    padding: 3px 20px;
    border-radius: 10px;
}
.view-view-block-tipocambio .views-row .cantant {
        text-decoration: line-through;
    color: #ffffff;
    display: none;
    font-size: 17px;
    line-height: 16px;
    margin: 7px 0 0;
}

div#block-tema-views-block-view-block-tipocambio2-block-1 {
    display: none;
}
.view-view-block-tipocambio {
       display: block;
    margin: 0;
    padding: 25px 25px 20px;
    background: #188e50;
    color: white;
    border-radius: 20px 20px 0 0;
}

div#block-tema-views-block-view-block-tipocambio-block-1 .block_inner {padding: 0;}

#block-tema-formoperacion .field--name-field-detalle {
    padding-top: 6px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.sticky0 .preheader {display: none;}

.sticky0 #block-tema-bloque-logo {
    width: 200px;
}
.sticky0 .region-header {
    padding: 15px 20px;
}
/********inicio****************/
.block img {
    max-width: 100%;
    display: block;
    height: auto;
}
#block-tema-page-title h1,
.titulo h2{
        text-align: center;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
}
main .block_inner {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 20px;
}
.path-frontpage main .block {
    padding: 60px 0;
}

#block-tema-bancosconlosquetrabajamos .field--name-field-imagenes {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
    background: #f0f0ee;
    padding: 30px;
        flex-wrap: wrap;
}
.path-frontpage main .block .block_inner >h2 {
        text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    font-size: 36px;
    background: linear-gradient(to right, #393939 0, #646464 20%, #4e4e4e 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animatetext 3s linear infinite alternate;
}

#block-tema-bancosconlosquetrabajamos .block_inner {
    max-width: none;
    padding: 0;
    text-align: center;
    flex-direction: column;
    display: flex;
}
#block-tema-bancosconlosquetrabajamos .field.field--name-body {
        order: 3;
    margin-top: 25px;
    font-weight: bold;
    padding: 0 20px;
}
#block-tema-bancosconlosquetrabajamos .field--name-field-imagenes img {
    max-width: 264px;
    max-height: 50px;
    width: auto;
}

#block-tema-bancosconlosquetrabajamos .field--name-field-imagenes >.field__item {
    margin: 5px 40px;
}
#block-tema-views-block-view-page-pasos-block-1 {
    background-image: url(images/bgpasos.jpg);
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}
.path-frontpage main .block#block-tema-views-block-view-page-pasos-block-1 .block_inner >h2 {
        color: white;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.view-view-page-pasos .view-content {
        display: flex;
    justify-content: space-around;
    background: #fffffe;
    border-radius: 35px;
    padding: 60px 30px;
}

.view-view-page-pasos .views-row {
    width: 30%;
    text-align: center;
    max-width: 300px;
}
@keyframes MoveUpDown {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }
}
.view-view-page-pasos .views-row .views-field-field-imagen img {
    margin: 0 auto;
    display: block;
        animation: MoveUpDown 5s linear infinite;
}

.view-view-page-pasos .views-row .views-field-field-imagen {
    margin-bottom: 25px;
}

.view-view-page-pasos .views-row .views-field-title {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
}
.view-view-page-pasos .view-footer {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.view-view-page-pasos .view-footer a {
    font-size: 30px;
    text-transform: uppercase;
    padding: 18px 40px;
    border-radius: 20px;
}
.view-view-page-pasos .view-footer a:hover {
    background: #067241d9;
    color: white;
    border-color: white;
}
#block-tema-razonesparacambiarconnosotros .field__items {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
#block-tema-razonesparacambiarconnosotros .paragraph {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    font-weight: bold;
    font-size: 30px;
}

#block-tema-razonesparacambiarconnosotros .field__items >.field__item {
    width: 29%;
    text-align: center;
    border-radius: 25px;
    padding: 70px 40px;
    background: #f0f0ee;
        margin-top: 15px;
}

#block-tema-razonesparacambiarconnosotros .paragraph .field--name-field-titulo {
    display: block;
    margin-top: 24px;
}

#block-tema-razonesparacambiarconnosotros .paragraph .field--name-field-imagen {
    width: 100%;
    text-align: center;
}
@-webkit-keyframes pulse2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
#block-tema-razonesparacambiarconnosotros .paragraph .field--name-field-imagen img {
    max-width: 120px;
    max-height: 120px;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    animation: pulse2 3s linear infinite;
}
.view-view-block-articulos .views-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-view-block-articulos .swiper.mySwiperBlog {background-image: -moz-linear-gradient(-102deg, rgb(24, 142, 80) 0%, rgb(12, 85, 47) 100%);background-image: -webkit-linear-gradient(-102deg, rgb(24, 142, 80) 0%, rgb(12, 85, 47) 100%);background-image: -ms-linear-gradient(-102deg, rgb(24, 142, 80) 0%, rgb(12, 85, 47) 100%);border-radius: 25px;overflow: hidden;}

.view-view-block-articulos .swiper.mySwiperBlog .swiper-slide {
    opacity: 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1310px;
}

.view-view-block-articulos .swiper.mySwiperBlog .swiper-slide-active {
    opacity: 1 !important;
}

.view-view-block-articulos .views-field-field-imagen {
    width: 40%;
}

.view-view-block-articulos .views-field-field-imagen img {
    width: 100%;
    height: auto;
    display: block;
}

.view-view-block-articulos .views-field-nothing {
    width: 60%;
    color: white;
    padding: 30px 50px;
    font-size: 20px;
        max-width: 785px;
}

.view-view-block-articulos .views-field-nothing .tit a {
    display: block;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 15px;
    pointer-events: none;
}

.view-view-block-articulos .views-field-nothing .fecha {
    margin-bottom: 15px;
    font-style: italic;
    font-size: 17px;
}

.view-view-block-articulos .views-field-nothing .btn {
    display: block;
    text-align: left;
    padding: 0;
    margin: 20px 0 0;
}

.view-view-block-articulos .views-field-nothing .btn a {
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: all 500ms;
    display: block;
}
.view-view-block-articulos .views-field-nothing .btn a:hover {
    text-decoration:none;
}
.view-view-block-articulos .view-content {
    position: relative;
    padding-bottom: 50px;
}

.swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    background: #cdcdcd;
    opacity: .4;
    margin: 0 8px !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
#block-tema-quienessomos {
    border-top: 70px solid #e2e2e2;
    padding-bottom: 0;
    background-image: url(images/bgnosotros.jpg);
    background-size: 100% auto;
    background-position: right center;
    background-color: #efefed;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
}
#block-tema-quienessomos .block_inner {
        padding: 0;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    align-items: center;
}
#block-tema-quienessomos .field.field--name-body {
    width: 50%;
    padding: 30px 60px;
    text-align: justify;
    font-size: 22px;
}

#block-tema-quienessomos .field.field--name-field-imagenes {
    width: 50%;
}

#block-tema-quienessomos .field.field--name-field-imagenes img {
    display: block;
    width: 100%;
    height: 100%;
}

#block-tema-quienessomos .field.field--name-body h2 {
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 40px;
}

#block-tema-quienessomos .field.field--name-body a {
    font-weight: bold;
    color: black;
}

#block-tema-quienessomos .field.field--name-body a:hover {
    color: #188e50;
    text-decoration: none;
}
#block-tema-views-block-view-block-clientesopiniones-block-1 .block_inner {
    display: flex;
}

#block-tema-views-block-view-block-clientesopiniones-block-1 .block_inner>h2 {
        text-align: left;
    width: 300px;
}
#block-tema-views-block-view-block-clientesopiniones-block-1 .block_inner>h2:before {
    display: block;
    content: "";
    background-image: url(images/icon_favicon.png);
    background-repeat: no-repeat;
    background-size: auto 50px;
    padding-top: 70px;
    width: 100%;
}
#block-tema-views-block-view-block-clientesopiniones-block-1 .block_inner>div {
        width: calc(100% - 300px);
}
@-webkit-keyframes fadeanim {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: .8;
		transform: translateY(10px);
	}
}

@keyframes fadeanim {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: .8;
		transform: translateY(10px);
	}
}
#block-tema-views-block-view-block-cupon-block-1 {
    display: none;
}
#block-tema-views-block-view-block-clientesopiniones-block-1 {
        float: left;
    width: 100%;
    padding: 50px 0 50px;
    position: relative;
}

.view-view-block-clientesopiniones .views-field-title {
    display: block;
    border-radius: 0 0 10px 10px;
    line-height: 20px;
    color: black;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 0 10px 40px;
    background: #f0f0ee;
    font-style: italic;
}

.view-view-block-clientesopiniones .views-field-body {
        border-radius: 20px 20px 0 0;
    padding: 100px 20px 20px;
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    background: #f0f0ee;
    font-weight: 500;
    background-image: url(images/icon_estrella.png);
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center 30px;
}
.view-view-block-clientesopiniones .views-field-body p {
    margin: 8px 0;
}
.view-view-block-clientesopiniones {
        display: block;
    width: 103%;
    position: relative;
    overflow: hidden;
    padding: 0 0 0 50px;
}
div#block-tema-views-block-view-block-clientesopiniones-block-1 {
    position: relative;
    overflow: hidden;
}
.view-view-block-clientesopiniones .swiper-slide {
        transition: all 500ms;
    padding: 0;
    width: 300px;
    background: #f0f0ee;
    border-radius: 20px;
        height: auto;
}
.swiper.mySwiperClientes {
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
}
/*****
footer
********/
div#copyright {
        text-align: center;
    display: block;
    font-size: 12px;
    padding: 5px 0;
    opacity: .8;
    color: white;
}
footer.mt-auto {
    float: left;
    width: 100%;
    padding: 0;
    background-color: #1d1d1b;
    color: white;
    font-size: 18px;
    margin: 0 !important;
    line-height: 24px;
}
footer.mt-auto p {
    margin: 5px 0;
}
footer .fooinn {
        display: flex;
    max-width: 1350px;
    margin: 0 auto;
    padding: 50px 15px 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}
footer .foo {
    padding: 20px;
}

footer .foo a {
    color: #fff;
    text-decoration: none;
}
footer .foo a:hover {
    color: #feb81e;
}
footer .foo.footop {
    width: 100%;
}
div#block-tema-bloque-logo-footer {
    position: relative;
    overflow: hidden;
    max-width: 260px;
}
#block-tema-informacion-footer2 table {
    MARGIN-TOP: 14PX;
}
div#block-tema-bloque-logo-footer .field--name-field-enlace a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-size: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
}

div#block-tema-bloque-logo-footer .field--name-field-imagen {
    position: relative;
    z-index: 1;
}

div#block-tema-informacion-footer {
    color: white;
    margin-top: 70px;
}

.menu--menu-footer ul.nav.navbar-nav {
    display: block;
    margin: 0;
    padding: 0;
}

.menu--menu-footer ul.nav li {
    display: block;
    margin: 8px 0;
    width: 100%;
}

.menu--menu-footer ul.nav li a {
    text-transform: uppercase;
}

footer .foo ul.nav li a:hover {
    text-decoration: underline;
    color: #22a95f;
}
footer .foo ul.nav li a.active {
    color: #188e50;
}
div#block-tema-informacion-footer2 {
    color: white;
}

div#block-tema-informacion-footer2 table img {
    width: 60px;
}

div#block-tema-informacion-footer2 table td {
        padding: 5px 20px 5px 0;
    width: auto;
}
div#block-tema-informacion-footer2 a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
footer .foo ul.nav li a {
    padding: 2px 0;
    transition: all 50ms;
    display: block;
}
#toolbar-administration {
    z-index: 999999;
}

.path-webform .region-content,
.page-node-type-paginas .region-content,
.page-node-type-comentarios .region-content {
    max-width: 1340px;
    margin: 0 auto;
    padding: 30px 30px 50px;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
}

#block-imagen-reservar {
    flex: 0 0 48%;
    max-width: 48%;
}

#block-imagen-reservar img {
    width: 100%;
    height: auto;
    display: block;
}

form .form-control, form select {
        background: white;
    border-radius: 10px;
    padding: 10px 20px;
    height: auto;
    color: #393939;
    box-shadow: none;
    font-weight: 500;
    font-family: 'Montserrat';
    font-size: 17px;
    border: none;
    border: 1px solid;
}
.sidebar-first form .form-control, .sidebar-first form select {
    border: none;
}
.sidebar-first .view-filters form .form-control, 
.sidebar-first .view-filters form select {
    border: 1px solid;
    background-size: auto 8px;
    padding-right: 19px;
}
form select.form-select{
    background-image: url(images/icon_select.png);
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: 97% center;
    padding-right: 40px;
}
form#user-pass {
    font-size: 15px;
}
.role-anonymous.userpassword div#block-tema-page-title h1 {
    color: #d1d1d1;
    margin-bottom: 0;
}
form .form-item{
    display: block;
    margin: 12px 0;
    position: relative;
}
form.node-form .form-item {
    float: left;
    width: 100%;
}
form.user-register-form .form-item,
form#user-login-form .form-item,
#user-pass .form-item,
.path-webform form .form-item{
    float: left;
    width: 100%;
}
form.user-register-form .form-radios .form-item,
.sidebar-first form .form-radios .form-item,
.path-webform form .form-radios .form-item{
        float: none;
    margin: 5px 10px 5px 0;
    position: relative;
    min-width: 15%;
    text-align: center;
}
form.user-register-form .form-radios .form-item input,
.sidebar-first form .form-radios .form-item input,
.path-webform form .form-radios .form-item input{
    opacity: 0;
    position: absolute;
}

form.user-register-form .form-radios .form-item label,
.sidebar-first form .form-radios .form-item label,
.path-webform form .form-radios .form-item label{
    display: block;
    border: 1px solid #188e50;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    padding: 10px;
    background: transparent;
    color: #000;
    border-radius: 10px;
    cursor: pointer;
    transition: all 500ms;
}
form.user-register-form  div#edit-field-tipo-de-documento-wrapper,
form.user-form  div#edit-field-tipo-de-documento-wrapper{
       width: 36%;
    float: left;
}
fieldset.captcha {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

fieldset.captcha legend {
    display: none;
}

fieldset.captcha .form-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

fieldset.captcha .captcha__element {
    width: 100%;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 10px;
    max-width: 500px;
    text-align: center;
    display: block;
}

fieldset.captcha .captcha__element .fl-wrap-input {
    width: 60%;
    margin-left: 1%;
}
.captcha__description {
    display: inline-block;
    text-align: center;
    font-size: 15px;
}
form .field--name-field-departamento .form-item.form-type-textfield,form .field--name-field-provincia .form-item.form-type-textfield,form .field--name-field-distrito .form-item.form-type-textfield {
    display: none;
}

form .field--name-field-departamento label, form .field--name-field-provincia label, form .field--name-field-distrito label {
    display: block;
}
form .field--name-field-departamento select, form .field--name-field-provincia select, form .field--name-field-distrito select {
    display: block;
    width: 100%;
}
form .field--name-field-iddepartamento {
    display: none;
}
form.user-form #edit-field-nombres-wrapper {
    display: inline-block;
	width: 100%;
}
div#edit-field-nro-documento-wrapper {
    width: 60%;
    float: left;
    margin-left: 4%;
    margin-top: 20px;
}

.form-item-field-declaro-todo-financiamient-value {
    display: flex !important;
    align-items: flex-start;
}

.form-item-field-declaro-todo-financiamient-value input {
    margin-top: 3px;
    margin-right: 10px;
}

form.user-register-form .form-item.form-item-field-declaro-todo-financiamient-value label.option {
    color: #151a39;
}
form.user-register-form .form-radios .form-item input[type="radio"]:checked+label,
.sidebar-first form .form-radios .form-item input[type="radio"]:checked+label,
.path-webform form .form-radios .form-item input[type="radio"]:checked+label{
    background: #188e50;
    color: white;
}
form .form-check-input[type=checkbox] {
    margin: 0 10px 0 0;
}
form .datos_pep {
    padding: 0 20px 7px;
    border-radius: 9px;
    border: 1px solid #dbdbdb;
}

form .datos_pep .fieldset-legend {
    background: #efefef;
    margin-top: 0;
    display: inline-block;
    font-weight: bold;
    color: #188e50;
    padding: 4px 14px;
    border-radius: 0 0 7px 7px;
}
form.user-register-form .form-radios .form-item input {
    display: none;
}
form .form-radios .form-item {
    width: auto;
    float: none;
}
form .form-wrapper.field--type-datetime  h4.label {
    display: block;
}
form .form-wrapper.field--type-datetime .form-item {
    width: 100%;
    display: block;
}

form .form-wrapper.field--type-datetime .form-item input {
    display: block;
    width: 100%;
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    background: transparent;
    border: none;
    border-radius: 0;
    width: 100%;
    color: black;
    padding-left: 55px;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    background: #C4C4C4;
    border: none;
}
.form-actions {
    margin: 14px 0 20px;
    width: 100%;
    text-align: center;
    display: inline-block;
}


::-webkit-input-placeholder { /* WebKit browsers */
    color: #464646 !important;
    opacity: 1 !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 18- */
    color: #464646 !important;
   opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #464646 !important;
   opacity: 1;
}

:-ms-input-placeholder { 
    color: #464646 !important;
}
/***************
user
*******************/
/*.path-admin main{
    max-width: 1350px;
    margin: 0 auto;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}
*/
.tabs-wrapper.tabs-primary li a {
    color: black;
}

.tabs-wrapper.tabs-primary li a.is-active {
    color: white;
}

.maintenance-page main {
    padding: 30px 30px 0;
    text-align: center;
}
.maintenance-page main h1 {
    font-size: 32px;
    font-weight: 700;
}
.maintenance-page .name-and-slogan {
    display: none;
}
.region-content>.alert {
    width: 86%;
    border-radius: 10px;
    max-height: 96%;
    overflow: auto;
    position: fixed;
    z-index: 99999999999999999999999999;
    background: #188e50;
    box-sizing: border-box;
    padding: 16px 34px;
    text-align: center;
    border: 2px solid #59ffa8;
    font-size: 17px;
    left: 50%;
    top: 10%;
    max-width: 600px;
    box-shadow: 0 0 7px #e3e3e3;
    transform: translateX(-50%);
    color: white;
    font-weight: 500;
}
.region-content>.alert button.btn-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}
.role-cliente.page-node-type-operacion .alert {
    display: none;
}
.alert-dismissible .close {
        color: white;
    opacity: 1;
    box-sizing: border-box;
    padding: 0 10px;
    height: 50px;
    font-size: 30px;
    font-weight: normal;
}
.ui-dialog.ui-dialog-off-canvas {
    z-index: 9999 !important;
}
.ui-widget.ui-widget-content {
    z-index: 999999999999 !important;
}
.views-ui-display-tab-actions .btn-primary {
    color: #000;
}
ul.nav.nav-tabs {
}

.tabs-wrapper.tabs-primary li.active {
    background: #000;
}

a.button.button-action {
    background: #d72731;
    border-color: green;
    color: white;
}
/*********
popup
***********/
.popup-overlay {
        position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgb(0 0 0 / 60%);
    left: 0;
    top: 0;
    display: none;
}
.popupmensaje.msgcuenta {
    text-align: center;
}
div#block-tema-views-block-view-block-popup-block-1,
.popupmensaje,
#block-tema-bloque-informacionnrooperacion{
        width: 96%;
    max-width: 600px;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    max-height: 96%;
    overflow: auto;
    position: fixed;
    z-index: 9999999999999;
    left: 50%;
    top: 50%;
    background: white;
    box-sizing: border-box;
    padding: 25px 25px 25px;
    display: none;
    border: 2px solid #188e50;
    color: black;
    font-weight: 500;
    text-align: center;
}
.popupmensaje a.btn {
    padding: 6px 15px;
    font-size: 18px;
}

#block-tema-bloque-informacionnrooperacion .closepop a{
    top: 10px;
    right: 14px;
}
#block-tema-bloque-informacionnrooperacion .block_inner {
    display: flex;
    flex-direction: column-reverse;
        padding: 0;
}

#block-tema-views-block-view-page-cambiarperfil-block-1{
    width: auto;
    width: 96%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    max-height: 96%;
    overflow: auto;
    position: fixed;
    z-index: 9999999999999;
    left: 50%;
    top: 50%;
    background: white;
    box-sizing: border-box;
    padding: 25px;
    display: none;
    border: 2px solid #188e50;
    color: #d72731;
    font-weight: 500;
    max-width: 700px;
}
form .merror input {
    border-color: red;
}

form.user-register-form .merror .form-item.form-item-field-acepto-value input {
    box-shadow: 0 0 3px #df3c3c;
}
.popupmensaje.msgcuenta a.btn {
    margin-top: 10px;
}
.view-view-block-popup .views-field-body img {display: block;margin: 20px  auto;max-width: 50%;}

.closepop a {
    color: #151a39 !important;
    text-decoration: none !important;
    font-size: 16px;
    position: absolute;
    right: -10px;
    top: -16px;
    z-index: 9;
    cursor: pointer;
    transition: all 500ms;
    transform: scaleY(0.8);
    font-weight: bold;
}
.closepop a:hover {
    color: #169d58 !important;
}
.view-view-block-popup .media {
    display: block;
    margin: 15px auto;
    text-align: center;
}

.view-view-block-popup .media img {
    margin: 0 auto;
    max-width: 350px;
}

.view-view-block-popup .view-content a {
    padding: 7px 10px;
    text-decoration: none;
    background: #d72731;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    transition: all 500ms;
    white-space: nowrap;
}

.view-view-block-popup .view-content a:hover {
    background: #131a39;
}
.view-view-block-popup .views-field-body a img {
    display: inline-block;
    vertical-align: middle;
}
div#block-tema-views-block-view-block-popup-block-1 .block_inner,
.popupmensaje .block_inner{
    position: relative;
    padding: 0;
}
/***********
registro inicio de sesion
****************/

.role-anonymous.path-user main .region-content{
    background: white;
    display: block;
    margin: 0px auto;
    border-radius: 20px;
    max-width: 750px;
    padding: 30px 40px;
}
.user-login.role-anonymous.path-user main .region-content {
    max-width: 550px;
}
div#block-tema-bloque-info-registro {
    text-align: center;
    color: black;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.role-anonymous.path-user main .principalcontenido #block-tema-page-title h1 {
    color: #188e50;
}
div#block-tema-bloque-info-registro p {
    margin: 6px 0;
}

div#block-tema-bloque-info-registro img {
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
}

div#block-tema-bloque-info-registro  a {
    font-weight: bold;
    text-transform: uppercase;
}

div#block-tema-bloque-info-registro .block_inner {
    padding: 0;
}
#block-tema-bloque-imagen-login,
#block-tema-bloque-imagen-registro{
    width: 50%;
    padding: 0;
    margin: 0 auto;
    display: block;
        padding-right: 30px;
}

#block-tema-bloque-imagen-login .block_inner,
#block-tema-bloque-imagen-registro .block_inner{
    padding: 0;
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
}

#block-tema-bloque-imagen-login .field--name-field-titulo,
#block-tema-bloque-imagen-registro .field--name-field-titulo{
    font-weight: 900;
    color: #000;
    font-size: 30px;
    order: 1;
}

.userlogin.role-anonymous.path-user main .region-content #block-mainpagecontent,
.userregister.role-anonymous.path-user main .region-content #block-mainpagecontent{
    width: 50%;
}

#block-tema-bloque-imagen-login .field--name-field-imagenes,
#block-tema-bloque-imagen-registro .field--name-field-imagenes{
        max-width: 350px;
    margin: 0px auto 20px;
    order: 0;
    animation: animrobot 2s linear infinite alternate;
    -moz-animation: animrobot 2s linear infinite alternate;
    -webkit-animation: animrobot 2s linear infinite alternate;
}

#block-tema-bloque-imagen-login .paragraph,
#block-tema-bloque-imagen-registro .paragraph{
    display: flex;
    flex-direction: column;
}

#block-tema-bloque-imagen-login .field.field--name-field-detalle2,
#block-tema-bloque-imagen-registro .field.field--name-field-detalle2{
    order: 2;
    margin-top: 10px;
    font-size: 20px;
}
form.user-register-form fieldset.group> legend {
    width: auto;
    font-size: 13px;
    margin: 0;
    padding: 5px;
    background: #d72731;
    color: white;
    display: none;
}
form.user-register-form .form-item > label, form.user-register-form .form-item h4.label,
.form-composite > legend {
    color: #188e50;
    display: inline-block;
    margin: 0;
    padding-bottom: 3px;
    font-size: 16px;
    width: auto;
    font-weight: 600;
}
form.user-register-form .field--widget-boolean-checkbox label.option {
    color: #393939;
}
form .form-wrapper.field--type-datetime .form-item.js-form-type-date {
    margin: 6px 0;
}

form.user-register-form .form-item.form-type-radio > label {
    color: #151a39;
}

fieldset#edit-field-tipo-de-documento--wrapper {
    display: flex;
    flex-direction: row;
}
form.user-register-form .form-item.form-item-field-acepto-value label,
form.user-register-form .form-item-field-autorizo-recibir-a-href-ht-value label{
    color: #151a39;
}

form.user-register-form .form-item.form-item-field-acepto-value label a:hover,
form.user-register-form .form-item-field-autorizo-recibir-a-href-ht-value label a:hover{
    color: #d72731;
    text-decoration: none;
}
.field-group-html-element.btn {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.field-group-html-element.btn a {
    background: #d1d1d1;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 10px;
    font-size: 22px;
    transition: all 500ms;
    cursor: pointer;
}

.field-group-html-element.btn a:hover {
    background: #000;
    color: #d1d1d1;
}
.titregistro {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.titregistro h3 {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin: 0;
}

.field-group-tabs-wrapper .horizontal-tabs {
    border: none;
    margin: 0;
}
.role-authenticated.path-user form div#edit-path-wrapper {
    display: none;
}

.userregister .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list,
.path-user.page-edit .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list,
.adminpeoplecreate .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list{
    border: none;
    background: transparent;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 225px;
    margin: 30px auto 0;
    padding-bottom: 40px;
    pointer-events: none;
}

.userregister .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li,
.path-user.page-edit .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li,
.adminpeoplecreate .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li{
    border: none;
    margin: 0;
    background: transparent;
    position: static;
    min-width: 0;
    z-index: 1;
}

.userregister .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a,
.path-user.page-edit .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a,
 .adminpeoplecreate .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a{
    display: block;
    padding: 0;
    position: static;
}
.userregister .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a:hover,
.path-user.page-edit .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a:hover,
 .adminpeoplecreate .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a:hover{
    color: #d1d1d1;
}
.field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a .form-required:after,
.field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a .form-required:after,
.adminpeoplecreate .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a .form-required:after{
    display: none;
}

.userregister .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a:before,
.path-user.page-edit .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a:before,
.adminpeoplecreate .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #d1d1d1;
    border-radius: 50%;
    margin: 0 auto 10px;
}

.userregister .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a .form-required,
.path-user.page-edit .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a .form-required,
.adminpeoplecreate .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li a .form-required{
    border: 2px solid;
    font-size: 14px;
    border-radius: 5px;
    padding: 2px 10px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
        pointer-events: none;
        color: #000;
}
.userregister .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list:after,
.path-user.page-edit .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list:after,
.adminpeoplecreate .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list:after{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 4px;
    background: #d1d1d1;
    z-index: 0;
}

.userregister .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li.selected .form-required,
.path-user.page-edit .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li.selected .form-required,
.adminpeoplecreate .field-group-tabs-wrapper .horizontal-tabs ul.horizontal-tabs-list li.selected .form-required{
    opacity: 1;
}
div#block-tema-content {
    width: 100%;
}
/************
nosotros
**************/
.node-4.page-node-type-paginas .region-content {
    max-width: none;
    width: 100%;
    padding: 0;
}
.node-4 div#block-tema-content {
    border-top: 25px solid #e2e2e2;
    border-bottom: 25px solid #e2e2e2;
    padding-bottom: 0;
    background-image: url(images/bgnosotros.jpg);
    background-size: 100% auto;
    background-position: right center;
    background-color: #efefed;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
}

.node-4 h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.node-4 table td img {display: block;}
.node-4 table tr:nth-child(1) td:nth-child(1),
.node-4 table tr:nth-child(2) td:nth-child(2){
    padding: 35px 40px;
}

.node-4 table tr td {
    width: 50%;
}
.node-4 article.node {
    margin: 0;
}
.page-node-type-paginas #block-tema-content .block_inner {
    padding: 0;
}
/*********como cambiar*********/
.node-9 .field--name-body iframe {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 400px;
}
/**********
contacto
***************/
.webform-submission-contact-form .form-item-info {
    text-align: center;
    font-weight: 500;
    font-size: 20px;
}
div#block-tema-page-title {
        width: 100%;
    padding: 0 10px;
}

div#block-tema-page-title .block_inner {
    padding: 15px 0 !important;
}
.webform-ajax-form-wrapper {
    margin: 0 auto;
}

article.node {
    width: 100%;
    margin-top: 20px;
}

.ui-accordion .ui-accordion-header {
    margin-top: 15px;
    background: #e5e5e5;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    padding: 12px 25px;
}

.ui-accordion .ui-accordion-content {
    font-size: 18px;
    font-family: 'Montserrat';
    border: none;
    border-radius: 0 0 10px 10px;
    text-align: left;
    line-height: 25px;
    padding: 12px 25px;
}

.ui-accordion .ui-accordion-header-active {
    background: #188e50;
    border-radius: 10px;
    color: white;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: white !important;
}
.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon {
    filter: brightness(0) invert(1);
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
        color: #000;
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 600;
}
h3 .ui-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    background-image: url(images/controls.png);
    background-size: 100% auto;
    transform: rotate(180deg);
    width: 20px;
    height: 10px;
    background-position: center top;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon{
    background-image: url(images/controls.png);
    background-size: 100% auto;
    transform: rotate(180deg);
    width: 20px;
    height: 10px;
    background-position: center bottom;
}
.ui-accordion .ui-accordion-content .field__label {
    display: none;
}
.page-node-type-paginas.node-9 .region-prefooter2 {
    max-width: none;
}
.user-logged-in #block-tema-main-navigation li a.notlogged {
    display: none;
}
div#block-tema-local-tasks {
    width: 100%;
}
.menu_movilcontenido {
    display: none;
}
div#block-tema-views-block-view-block-tasaevolucion-block-1 {
        background: #e2e2e2;
    position: relative;
    display: inline-block;
    width: 100%;
}
div#block-tema-views-block-view-block-tasaevolucion-block-1 .block_inner {
    position: relative;
    overflow: visible;
    padding: 0;
}
.view-view-block-tasaevolucion table thead th {
    background: #188e50;
    color: white;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding: 14px;
}

.view-view-block-tasaevolucion table tbody td {
        background: white;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    padding: 10px;
    border: none;
    border-right: 40px solid #e2e2e2;
    border-left: 40px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.view-view-block-tasaevolucion .attachment.attachment-after {
    display: none;
}
.view-view-block-tasaevolucion .attachment.attachment-after table {
    margin: 0;
    border: none !important;
}

.view-view-block-tasaevolucion .attachment.attachment-after table th:nth-child(2), .view-view-block-tasaevolucion .attachment.attachment-after table th:nth-child(3),.view-view-block-tasaevolucion .attachment.attachment-after table td:nth-child(2),.view-view-block-tasaevolucion .attachment.attachment-after table td:nth-child(3) {
    display: none;
}
.view-view-block-tasaevolucion table tbody td.views-field-created-1, .view-view-block-tasaevolucion table th.views-field-created-1 {
    display: none;
}
.view-view-block-tasaevolucion table tbody tr:nth-of-type(odd) > * {
    background-color: white !important;
    --bs-table-bg-type: white;
}
.view-view-block-tasaevolucion table tbody tr:nth-child(5) td {
        border-bottom: 15px solid white;
}

.view-view-block-tasaevolucion table tbody tr:nth-child(1) td {
        border-top: 15px solid white;
}
div#block-tema-views-block-view-block-tasaevolucion-block-1 .block_inner:before {
    content: "";
    display: block;
    width: 2500px;
    left: 0;
    height: 20px;
    background: #188e50;
    position: absolute;
    left: 50%;
    margin-left: -1200px;
    top: 73px;
    height: 57px;
    z-index: 0;
}

div#block-tema-views-block-view-block-tasaevolucion-block-1 .block_inner > div {
    position: relative;
    z-index: 9;
}
.view-view-block-tasaevolucion table tbody tr:last-child {
    display: none;
}

.view-view-block-tasaevolucion table tbody tr td.positivo {
        background-image: url(images/tup.png);
    background-size: auto 15px;
    background-repeat: no-repeat;
    background-position: 80% center;
        --bs-table-bg-type: auto;
}

.view-view-block-tasaevolucion table tbody tr td.negativo {
        background-image: url(images/tdown.png);
    background-size: auto 15px;
    background-repeat: no-repeat;
    background-position: 80% center;
        --bs-table-bg-type: auto;
}
.view-view-block-tasaevolucion table tbody tr td.igual {
        background-image: url(images/igual.png);
    background-size: auto 15px;
    background-repeat: no-repeat;
    background-position: 80% center;
        --bs-table-bg-type: auto;
}
/*************
calculadora
***************/

.view-view-block-tasaactual {
    position: relative;
}

.addope .ajax-progress,
.front .ajax-progress{
    display: none !important;
}
div#block-tema-views-block-view-block-tasaactual-block-1 {
        bottom: 0;
    z-index: 999;
    position: fixed;
    display: block;
    padding: 0;
    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}
.ajax-progress{display: none !important;}
.path-frontpage .precontent {
        position: relative;
    overflow: hidden;
    background-image: url(images/bgbanner.jpg);
    background-position: center;
    background-color: #a4a5a0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
div#block-tema-views-block-view-block-tipocambio-block-1 {
    max-width: 48%;
    width: 580px;
    border-radius: 23px;
    z-index: 9;
    color: #000;
    font-weight: 500;
    margin-right: 2%;
    padding: 0;
}
.path-frontpage div#block-tema-views-block-view-block-tipocambio-block-1 {
    margin-top: 20px;
}
div#block-tema-views-block-view-block-tipocambio-block-1.color2 {
    background: #fff5de;
}
#block-tema-views-block-view-block-tipocambio-block-1.block h2 {
        color: white;
    font-weight: bold;
    font-size: 56px;
    letter-spacing: 6px;
    margin-bottom: 25px;
}

.view-view-block-tipocambio .views-row {
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #151a39;
}
.view-view-block-tipocambio .views-row .views-field.views-field-field-t-c-compra {
    border-right: 5px solid white;
    margin-right: -2px;
}
#block-tema-formoperacion .cont {
        display: flex;
    align-items: center;
    flex-direction: column;
}
.view-view-block-tipocambio .views-row .views-field {
        padding: 0px 30px;
    text-align: center;
    cursor: pointer;
    min-width: 31%;
    display: flex;
    flex-direction: column;
    color: white;
    font-weight: bold;
    font-size: 40px;
}
.view-view-block-tipocambio .views-row .views-field .small2 {
    font-size: 80%;
}
.view-view-block-tipocambio .views-row .views-field.activo {
    pointer-events: none;
}

.view-view-block-tipocambio .views-row .views-field .views-label {
        display: block;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
}
.view-view-block-tipocambio .views-row .views-field.views-field-field-t-c-venta .field-content .cant {
    background: white;
    color: #188e50;
}
.view-view-block-tipocambio.view-display-id-block_2 .views-field.activo {
    background: transparent !important;
    color: #151a39 !important;
}

.view-view-block-tipocambio.view-display-id-block_2 .views-field.activo .views-label {
    color: #151a39 !important;
}
#block-tema-formoperacion {
        display: block;
    width: 100%;
    text-align: center;
    border-radius: 0;
    background: white;
    padding: 20px 25px 30px;
}
#block-tema-formoperacion .block_inner {
    max-width: 560px;
}

#block-tema-formoperacion .item {
    margin: 5px 0;
    width: 100%;
    display: block;
}
#block-tema-formoperacion .itope {
    background: white;
    position: relative;
    overflow: hidden;
}
#block-tema-formoperacion .itope .inn {
        display: flex;
    padding: 5px 0px;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
}
#block-tema-formoperacion .itope .inn .label .text {
    display: none;
}
#block-tema-formoperacion .itope .monto {

}
#block-tema-formoperacion .itope .monto input {
        color: #000;
    background: transparent;
    width: 100%;
    line-height: 22px;
    height: auto;
    display: block;
    font-weight: bold;
    font-size: 36px;
    border: 1px solid;
    border-radius: 10px;
    text-align: center;
    padding: 5px 10px;
}
#block-tema-formoperacion .itope .texto {
        font-size: 20px;
    padding: 0px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 0 auto 5px;
}

#block-tema-formoperacion .change .boton a {
	background-image: url(images/icon_change.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 64px;
    height: 64px;
    font-size: 0;
    display: block;
    border-radius: 50%;
    transition: all 500ms;
    cursor: pointer;
    margin: 0 0 0 auto;
    background-color: #188e50;
    background-size: auto 60%;
}
#block-tema-formoperacion .itope .inn .contetq {
    min-width: 100px;
    margin-right: 20px;
}
#block-tema-formoperacion .itope .inn .label {
    font-weight: bold;
    padding: 0;
    font-size: 16px;
    line-height: 18px;
    vertical-align: top;
    
}
#block-tema-formoperacion .itope .inn .label p {
    margin: 0;
}
#block-tema-formoperacion .item.change {
    z-index: 99;
    position: relative;
    border: none;
    width: auto;
    float: right;
    margin: -25px 35px -25px auto;
}

#block-tema-formoperacion .change .boton a:hover {
        box-shadow: 0 0 10px #f0f0ee;
    transform: scale(1.05);
    animation: girar 10s linear infinite;
    -moz-animation: girar 10s linear infinite;
    -webkit-animation: girar 10s linear infinite;
}
@-webkit-keyframes girar {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes girar {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}
#block-tema-formoperacion .tcinfo {
        display: block;
    margin: 10px 0;
    font-size: 18px;
}
#block-tema-formoperacion .item.realizarope a {
    display: inline-block;
    background-color: #e61c2e;
    color: white;
    padding: 10px 60px 10px 20px;
    font-size: 24px;
    transition: all 500ms;
    border: 2px solid transparent;
    text-decoration: none;
    font-weight: bold;
    border-radius: 15px;
    cursor: pointer;
    font-family: 'Montserrat';
    min-width: 350px;
    line-height: normal;
    letter-spacing: 1px;
    background-image: url(images/icon_ir.png);
    background-repeat: no-repeat;
    background-position: 93% center;
}
#block-tema-formoperacion .item.realizarope a:hover {
    border-color: #188e50;
    transform: scale(1.03);
    background-color: #188e50;
}
#block-tema-formoperacion .item.realizarope .btn {
    width: 100%;
    padding: 0;
}
#block-tema-formoperacion .item.itemcupon {
    border: none;
    padding: 10px 0;
}

#block-tema-formoperacion .item.itemcupon .inn {
    display: flex;
    justify-content: center;
    padding: 0;
}

#block-tema-formoperacion .item.itemcupon input#codcupon {
    font-family: 'Montserrat';
    color: #151a39;
    font-size: 17px;
    padding: 10px 20px;
    border-radius: 10px 0 0 10px;
    border: 1px solid #dbdbdb;
    width: 100%;
}

#block-tema-formoperacion .item.itemcupon input#codcupon2 {
    background: #188e50;
    color: white;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 0 10px 10px 0;
    transition: all 500ms;
    width: 100%;
    border: none;
}
#block-tema-bloque-info-sbs-transferencias {
    background-image: -moz-linear-gradient(-102deg, rgb(24, 142, 80) 0%, rgb(12, 85, 47) 100%);
    background-image: -webkit-linear-gradient(-102deg, rgb(24, 142, 80) 0%, rgb(12, 85, 47) 100%);
    background-image: -ms-linear-gradient(-102deg, rgb(24, 142, 80) 0%, rgb(12, 85, 47) 100%);
        color: white;
    padding: 30px 0;
}
#block-tema-bloque-info-sbs-transferencias .field--name-field-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#block-tema-bloque-info-sbs-transferencias .field__item {
    padding: 5px 20px;
    width: 30%;
}

#block-tema-bloque-info-sbs-transferencias .field__item .paragraph {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

#block-tema-bloque-info-sbs-transferencias .field__item .field__item {
    padding: 0;
    width: auto;
}

#block-tema-bloque-info-sbs-transferencias .field__item p {
    margin: 0;
}

#block-tema-bloque-info-sbs-transferencias .field__item .field--name-field-imagen {
    padding-right: 12px;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
#block-tema-bloque-info-sbs-transferencias .field__item .field--name-field-imagen img {
    width: auto;
    height: auto;
    max-height: 100px;
    animation: pulse 3s linear infinite;
}
#block-tema-bloque-info-registro .info img {
    cursor: pointer;
}
.mensaje_question {
        position: absolute;
    left: 5%;
    z-index: 99;
    background: #188e50;
    border-radius: 5px;
    border: 1px solid lightgray;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    top: 110%;
    width: 90%;
    display: none;
    z-index: 99999999999;
    padding: 8px 10px;
    color: white;
}
.questioncerrar {
    content: "X";
    display: block;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 0;
}
#block-tema-formoperacion .item.itemcupon input#codcupon2:hover {
    background: #d1d1d1;
    color: #000;
}
#block-tema-formoperacion .item.itemcupon .inn .codigo:nth-child(1) {
    width: 60%;
}

#block-tema-formoperacion .item.itemcupon .inn .codigo:nth-child(2) {
    width: 40%;
}
#block-tema-formoperacion .info {
    display: block;
    margin: 15px 0;
    position: relative;
}
#block-tema-formoperacion .info img {
    display: inline-block;
    width: 30px;
    vertical-align: middle;
    margin-right: 3px;
    cursor: pointer;
}
#block-tema-formoperacion .info a {
        text-decoration: none;
    transition: all 500ms;
    display: inline-block;
    color: #393939;
    font-weight: 500;
        font-size: 16px;
}

#block-tema-formoperacion .info a:hover {
    color: #188e50;
}

#block-tema-formoperacion .item.realizarope {
    border: none;
    margin: 15px 0;
}
#block-tema-formoperacion .item.info {
    color: #000;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
}
#block-tema-formoperacion .itope .inn .label .labelicon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    flex-direction: row-reverse;
    font-size: 20px;
}

#block-tema-formoperacion .itope .inn .label .labelicon .sim {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}

#block-tema-formoperacion .itope .inn .label .labelicon .icontext {
    font-size: 10px;
    line-height: 12px;
    padding-top: 4px;
}
#block-tema-formoperacion .itope .inn .label .labelicon img {
        display: block;
    margin: 0 8px 0 0;
    width: 40px;
    border-radius: 6px;
    height: 25px;
}
#block-tema-bloque-transferencias {
    padding: 40px 0;
}

#block-tema-bloque-transferencias .field--name-field-items {
    display: flex;
    flex-wrap: wrap;
}

#block-tema-bloque-transferencias .field__item {
    width: 50%;
    text-align: center;
    color: #000;
    font-weight: 500;
    font-size: 20px;
    padding: 5px 20px;
}

#block-tema-bloque-transferencias .field__item .field--name-field-titulo {
    display: block;
    width: 100%;
    background: #000;
    color: white;
    font-weight: bold;
    font-size: 25px;
    border-radius: 10px;
    padding: 5px 10px;
}

#block-tema-bloque-transferencias .field__item:nth-child(2) .field--name-field-titulo {
    background: #d1d1d1;
    color: #000;
}
#block-tema-bloque-transferencias .det_contenedor {
    background: #eee;
    border-left: 10px solid white;
    border-right: 10px solid white;
    padding: 20px 10px;
    text-align: center;
    margin: 0;
    border-radius: 0 0 30px 30px;
}
#block-tema-bloque-transferencias .field__item .field--name-field-imagenes {
    text-align: center;
}

#block-tema-bloque-transferencias .field__item .field--name-field-imagenes .field__item {
    vertical-align: middle;
    padding: 0;
    margin: 10px;
    display: inline-block;
    width: auto;
}

#block-tema-bloque-transferencias .field__item .field--name-field-imagenes .field__item img {
    display: block;
    margin: 0 auto;
    max-width: 190px;
    max-height: 45px;
    width: auto;
}

#block-tema-bloque-transferencias .field__item .field--name-field-detalle2 {
    text-align: center;
    width: 100%;
}
#block-tema-bloque-transferencias .field__item .field--name-field-detalle2:before{
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(images/icon_tiempo.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}
#block-tema-bloque-transferencias .field__item .field--name-field-informacion-adicional {
    width: 100%;
    text-decoration: underline;
    padding: 0;
    font-weight: 600;
    cursor: pointer;
}
#block-tema-bloque-transferencias .field__item .field--name-field-informacion-adicional p {
    margin: 0;
}

#block-tema-views-block-view-block-comofunciona-block-1,
#block-tema-bloque-porqeunosotros,
#block-nuestrosbeneficios{
    padding: 80px 0 40px;
}
#block-tema-views-block-view-block-comofunciona-block-1 .block_inner,
#block-tema-bloque-porqeunosotros .block_inner,
#block-nuestrosbeneficios .block_inner{
    max-width: none;
    padding: 0;
}

.view-view-block-comofunciona .view-header,
#block-nuestratrayectoria h2,
#block-tema-bloque-porqeunosotros h2,
#block-nuestrosbeneficios h2{
    background: #000;
    text-align: center;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
    padding: 20px;
}
#block-tema-bloque-porqeunosotros h2:before,
#block-nuestrosbeneficios h2:after{
    content: "";
    display: block;
}
.view-view-block-comofunciona .view-header .icon_imagen,
#block-tema-bloque-porqeunosotros h2:before,
#block-nuestrosbeneficios h2:after{
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
    width: 183px;
    height: 135px;
    background-image: url(images/icon_robot.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -24px;
    margin-top: -60px;
    animation: animrobot 2s linear infinite alternate;
    -moz-animation: animrobot 2s linear infinite alternate;
    -webkit-animation: animrobot 2s linear infinite alternate;
}
@-webkit-keyframes animrobot {
	from {
		transform: rotate(0deg) translate(0px, 0px);
	}
	to {
		transform: rotate(5deg) translate(-10px, -10px);
	}
}

@keyframes animrobot {
	from {
		transform: rotate(0deg) translate(0px, 0px);
	}
	to {
		transform: rotate(5deg) translate(-10px, -10px);
	}
}
.view-view-block-comofunciona .view-content,
#block-tema-bloque-porqeunosotros .field--name-field-items,
#block-nuestrosbeneficios .field--name-field-items{
    max-width: 1350px;
    padding: 60px 30px 30px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.view-view-block-comofunciona .views-row,
#block-tema-bloque-porqeunosotros .field--name-field-items >.field__item,
#block-nuestrosbeneficios .field--name-field-items >.field__item{
    width: 30%;
    position: relative;
    max-width: 240px;
    text-align: center;
    padding: 10px;
}
.view-view-block-comofunciona .views-row .views-field-field-enlace a,
.view-view-block-comofunciona .views-row .views-field-field-enlace-usuarios-logueados a {
    position: absolute;
    display: block;
    font-size: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
}
.role-authenticated .view-view-block-comofunciona .views-row .views-field-field-enlace{
	display: none;
}
.role-anonymous .view-view-block-comofunciona .views-row .views-field-field-enlace-usuarios-logueados{
	display: none;
}
.view-view-block-comofunciona .views-row:hover {
    transform: scale(1.05);
}
.view-view-block-comofunciona .views-row .views-field-counter {
    display: block;
    text-align: center;
    margin-bottom: 25px;
}

.view-view-block-comofunciona .views-row .views-field-counter .field-content {
    color: #000;
    font-weight: bold;
    font-size: 25px;
    border: 3px solid;
    border-radius: 18px;
    padding: 2px 14px;
    display: inline-block;
}

.view-view-block-comofunciona .views-row .views-field-field-imagen {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    animation: updown 2s linear infinite alternate;
    -moz-animation: updown 2s linear infinite alternate;
    -webkit-animation: updown 2s linear infinite alternate;
}
@-webkit-keyframes updown {
	from {
		transform: translate(0px, 0px);
	}
	to {
		transform: translate(0px, -5px);
	}
}

@keyframes updown {
	from {
		transform: translate(0px, 0px);
	}
	to {
		transform: translate(0px, -5px);
	}
}
.view-view-block-comofunciona .views-row .views-field-field-imagen img {
    display: block;
    margin: 0 auto;
    max-width: 125px;
    max-height: 125px;
    width: auto;
    height: auto;
}

.view-view-block-comofunciona .views-row .views-field-title {
    display: block;
    margin-bottom: 10px;
    background: #d1d1d1;
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    color: #000;
    border-radius: 10px;
    padding: 5px 10px;
}

#block-nuestratrayectoria {
    background: #d72731;
    color: white;
    padding: 50px 0;
}

#block-nuestratrayectoria h2 {padding: 0;margin-bottom: 30px;}

#block-nuestratrayectoria .field--name-field-items {
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding-right: 360px;
    min-height: 220px;
    position: relative;
}
#block-nuestratrayectoria .field--name-field-items:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 325px;
    height: 220px;
    top: 0;
    background-image: url(images/icon_robot1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    animation: animrobot 2s linear infinite alternate;
    -moz-animation: animrobot 2s linear infinite alternate;
    -webkit-animation: animrobot 2s linear infinite alternate;
}
#block-nuestratrayectoria .field--name-field-items > .field__item {
    border: 2px solid white;
    border-radius: 15px;
    padding: 25px 10px;
    width: 23%;
    max-width: 190px;
    transition: all 500ms;
}
#block-nuestratrayectoria .field--name-field-items > .field__item:hover {
    transform: scale(1.05);
}
#block-nuestratrayectoria .field--name-field-items > .field__item .paragraph {
    display: flex;
    flex-direction: column;
}

#block-nuestratrayectoria .field--name-field-items > .field__item .paragraph .field--name-field-imagenes {
    order: 1;
    margin: 10px 0;
    animation: updown 2s linear infinite alternate;
    -moz-animation: updown 2s linear infinite alternate;
    -webkit-animation: updown 2s linear infinite alternate;
}

#block-nuestratrayectoria .field--name-field-items > .field__item .paragraph .field--name-field-titulo {
    order: 2;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 10px 0 5px;
    font-size: 21px;
}

#block-nuestratrayectoria .field--name-field-items > .field__item .paragraph .field--name-field-detalle2 {
    order: 3;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    max-width: 130px;
    margin: 0 auto;
}

#block-nuestratrayectoria .field--name-field-items > .field__item .paragraph .field--name-field-imagenes img {
    filter: brightness(1) invert(1);
    display: block;
    margin: 0 auto;
    max-height: 73px;
    width: auto;
    height: auto;
    max-width: 80%;
}
input{
	outline: none;
}
fieldset#paso1 {
    display: block;
}
.paso div#block-tema-views-block-view-block-tipocambio-block-1 {
        flex: 0 0 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    transform: none;
    left: auto;
    right: auto;
    top: auto;
    margin: 0 auto;
    width: 600px;
}
.paso1 .form-wrapper {
    display: none;
    height: 0;
    opacity: 0;
}
.paso legend {
    text-align: center;
    color: #5a5a5c;
    font-size: 22px;
    padding: 0 0 25px;
    font-weight: bold;
    background: transparent !important;
}
fieldset.tipo_persona {
    display: none;
}
fieldset.tipo_persona .field--name-field__como-deseas-realizar-tu-c {
    display: none;
}
fieldset.paso {
    padding-bottom: 20px;
    display: none;
    max-width: 500px;
    margin: 0 auto;
    float: none !important;
}
.sidebar-first #block-tema-views-block-view-block-tipocambio-block-1.block h2 {
    font-size: 18px;
}
fieldset.paso.activo {
    display: block;
}
form#node-operacion-form .form-actions,
.node-add-operacion #block-mainpagecontent form .form-actions{
        display: none;
    max-width: 600px;
    margin: 10px auto 100px;
}
.infocambio {
        font-size: 20px;
    display: inline-block;
    margin-bottom: 20px;
    color: #000;
    text-align: left;
    font-weight: 600;
        width: 100%;
}

.infocambio .row1 {
        display: block;
    padding: 14px 20px 0px;
}

.infocambio .row2 {
    text-align: center;
    margin-bottom: 10px;
}
.infocambiolabel .content2 .inf2 {
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #188e50;
}

form.node-form fieldset#paso2 {
    background: #e5e5e1;
    border-radius: 20px;
    padding: 25px 30px;
}
form.node-form fieldset#paso3{
    background: white;
    border-radius: 20px;
    padding: 0;
        overflow: hidden;
            max-width: 600px;
}
.paso3 .botonprev {
    padding-bottom: 20px;
}
form.node-form fieldset#paso2 >legend {
        font-size: 19px;
    padding-bottom: 0;
    font-weight: 500;
}
form.node-form fieldset#paso3 >legend{
        text-transform: uppercase;
    color: white;
    font-size: 22px;
    background: #188e50 !important;
    padding: 20px 20px 10px;
    margin: 0;
}
.infocambiolabel .content2 .inf2 a {
        margin-left: 10px;
    background: #188e50;
    border-radius: 20px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    padding: 5px 14px 6px;
    transition: all 500ms;
    display: inline-block;
}
.infocambiolabel .content2 .inf2 a:hover {
    background: white;
    color: #188e50;
}
.infocambiolabel .content2 .inf1 {
        text-align: center;
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 500;
}
.infocambio .row1 label {
    font-size: 18px;
    padding: 0 0 0 38px;
    text-transform: uppercase;
    display: block;
    background-position: left center;
    background-size: auto 16px;
    background-repeat: no-repeat;
    text-align: left;
    margin: 0;
    padding-right: 20px;
}
.infocambio .row1 .it {
    white-space: nowrap;
    width: auto;
    margin: 0 25px 7px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    font-size: 20px;
    font-weight: 600;
}
.infocambiolabel .content1 {
    background: #afd2bb;
    border-radius: 20px;
    box-shadow: 0 0 10px lightgray;
    width: auto;
    display: inline-block;
    margin: 5px 0 10px;
}

.infocambiolabel {
    text-align: center;
}
.infocambio .row1 .it.cdolar {
    position: relative;
}

.infocambio .row1 .it.csoles {
    position: relative;
}
.infocambio .row1 .it.cdolar label{
        background-image: url(images/bandera1.jpg);
    position: relative;
}

.infocambio .row1 .it.csoles label{
        background-image: url(images/bandera2.jpg);
    position: relative;
}
.infocambio .row1 .barra {
    width: 40px;
    height: 40px;
    background-image: url(images/icon_change.png);
    display: block;
    position: relative;
    margin: 0 30px 0 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% auto;
    background-color: #000;
    border-radius: 50%;
}
.infocambio .infotc {
    display: initial;
    font-size: 15px;
    color: #151a39;
    font-weight: bold;
}
.node-add-operacion .horizontal-tabs-panes .horizontal-tabs-pane {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}
#paso2 .form-item,
#paso3 .form-item {
    text-align: center;
    margin: 8px auto;
}
.paso2 select {
    text-transform: uppercase;
}
#paso3 .form-item {
    margin: 10px auto;
}
#paso2 .form-item div#edit-field-origen-de-los-fondos--description {
    margin-top: 19px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
}

#paso2 .form-item div#edit-field-origen-de-los-fondos--description a {
    display: inline-block;
    background: #d72731;
    color: #151a39;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 8px;
    transition: all 500ms;
    margin-top: 10px;
    text-decoration: none;
}

#paso2 .form-item div#edit-field-origen-de-los-fondos--description a:hover {
    transform: scale(1.05);
}
.paso .form-item label {
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    display: block;
    color: #393939;
    font-weight: bold;
    margin-bottom: 5px;
}
form .field--name-field-estado,
form .field--name-field-notas,
form .field--name-field-nro-de-transferencia,
form .field--name-field-selecciona-cuenta-de-trans{
    display: none;
    height: 0;
    opacity: 0;
}
.role-admin form .field--name-field-estado,
.role-admin form .field--name-field-notas,
.role-admin form .field--name-field-nro-de-transferencia{
    display: block;
    height: auto;
    opacity: 1;
}

form#node-operacion-form .form-type-vertical-tabs,
form#node-operacion-form .entity-content-form-footer,
form#node-cuenta-bancaria-form .form-type-vertical-tabs,
form#node-cuenta-bancaria-form .entity-content-form-footer,
form.node-cuenta-bancaria-edit-form .form-type-vertical-tabs,
form.node-cuenta-bancaria-edit-form .entity-content-form-footer {
    display: none;
    height: 0;
    opacity: 0;
}
.field--name-field-selecciona-tu-cuenta-desti .description {
    margin-top: 15px;
    font-size: 14px;
}

.field--name-field-selecciona-tu-cuenta-desti .description a {
    color: #515251;
    text-decoration: underline;
}

.botonnext,.botonprev {
        display: block;
    text-align: center;
    margin: 15px 0;
    width: 48%;
    float: left;
}
.botonnext {
    float: right;
}
.botonnext a,
.btnguardar,
.node-form .form-actions input,
.view-view-block-adminoperacion-view .views-row .views-field-edit-node a,
.view-view-block-adminoperacion-view .views-row .views-field-edit-node-1 a{
    background-color: #e61c2e;
    color: white;
    padding: 8px 35px 8px 20px;
    font-size: 18px;
    transition: all 500ms;
    border: 2px solid transparent;
    text-decoration: none;
    font-weight: bold;
    border-radius: 18px;
    cursor: pointer;
    font-family: 'Montserrat';
    min-width: 229px;
    line-height: normal;
    letter-spacing: 1px;
    background-image: url(images/icon_ir.png);
    background-repeat: no-repeat;
    background-position: 93% center;
    text-transform: uppercase;
    opacity: .8;
}
.botonnext, .botonprev {
    display: block;
    text-align: center;
    margin: 15px 0 0;
    width: 100%;
}
.botonnext a, .botonprev a {
    display: inline-block;
}
.botonprev a {
    color: #188e50;
    font-weight: 500;
    text-decoration: underline;
    padding: 0;
    font-size: 17px;
}
.view-view-block-adminoperacion-view .views-row .views-field-edit-node-1 a {
    background: lightgray;
}
#block-tema-views-block-view-block-cuentascasacambio-block-1 .block_inner {
    padding: 0;
}
.botonnext a:hover,
.node-form .form-actions input:hover,
.btnguardar:hover,
.view-view-block-adminoperacion-view .views-row .views-field-edit-node a:hover,
.view-view-block-adminoperacion-view .views-row .views-field-edit-node-1 a:hover{
     background-color: #e61c2e;
    opacity: 1;
    color: white;
}
.view-view-block-adminoperacion-view .views-row .views-field-edit-node, 
.view-view-block-adminoperacion-view .views-row .views-field-edit-node-1 {
    display: block;
    width: 50%;
}
.view-view-block-adminoperacion-view .views-row .views-field-edit-node {
    text-align: right;
}
.view-view-block-adminoperacion-view {
    width: 100%;
    max-width: 700px;
    background: #e5e5e1;
    padding: 30px;
    margin: 0 auto;
    border-radius: 24px;
}
.Empresa .view-view-block-adminoperacion-view {
    background: #c5d7cd;
}
.view-view-block-adminoperacion-view:before {
        width: 100%;
    margin: 0 auto;
    background-image: url(images/icon_confirmado.png);
    background-repeat: no-repeat;
    background-size: auto 100px;
    content: "";
    display: block;
    background-position: center;
    height: 100px;
    animation: MoveUpDown 5s linear infinite;
}
.role-cliente.page-node-type-operacion.page-edit #block-tema-views-block-view-block-adminoperacion-view-block-1,
.role-cliente.page-node-type-operacion.page-edit #block-tema-page-title {
    display: none;
}

.role-cliente.page-node-type-operacion.page-edit form.node-operacion-edit-form {
    max-width: none;
    width: 100%;
    padding: 0;
}

.role-cliente.page-node-type-operacion.page-edit form.node-operacion-edit-form  .form-wrapper {
    width: 100%;
    max-width: none;
}

.role-cliente.page-node-type-operacion.page-edit .region-content {
    padding: 0;
}

.role-cliente.page-node-type-operacion.page-edit fieldset#paso1, .role-cliente.page-node-type-operacion.page-edit fieldset#paso2,.role-cliente.page-node-type-operacion.page-edit fieldset#paso3 {
    display: none;
}

.role-cliente.page-node-type-operacion.page-edit fieldset#paso4 {
    max-width: 640px;
    padding: 20px;
    display: block;
}

.role-cliente.page-node-type-operacion.page-edit form.node-operacion-edit-form .form-wrapper.form-actions {
    display: none;
}
.node-form .form-actions input {
    font-size: 20px;
}
.mensajedonde {
    font-size: 14px;
    color: #000;
}
.field--name-field-selecciona-tu-cuenta-desti .description {
    margin-top: 15px;
    font-size: 14px;
}

.field--name-field-selecciona-tu-cuenta-desti .description a {
    color: #515251;
    text-decoration: underline;
}

.infopaso3 {
    text-align: center;
    padding: 10px 20px;
    margin-top: 20px;
    color: #000;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.Infopaso3_dina {
    display: block;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0;
    color: white;
    text-align: center;
    background: #188e50;
}
.Infopaso3_dina .infotc {
    font-size: 14px;
    color: #d72731;
}
.Infopaso3_dina span.lab {
        margin-right: 10px;
    background: #135b38;
    padding: 6px 15px;
    border-radius: 12px;
    position: relative;
    z-index: 9;
}

.Infopaso3_dina .cant {
        background: white;
    color: black;
    padding: 5px 15px 5px 25px;
    border-radius: 0 12px 12px 0;
    margin-left: -20px;
}
.view-view-block-cuentascasacambio .view-header {
    font-weight: bold;
    margin-bottom: 20px;
}

.view-view-block-cuentascasacambio .views-row {
    display: none;
    background: white;
    width: 48%;
    padding: 38px 15px 15px;
    position: relative;
    border-radius: 10px;
    font-size: 15px;
    line-height: inherit;
    text-align: center;
    cursor: pointer;
    margin: 1%;
    border: 1px solid lightgray;
    background-image: url(images/icon_check1.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: center 10px;
}
form .field--name-field-cuenta-de-abono {
    display: none;
}
.view-view-block-cuentascasacambio .views-row:hover, .view-view-block-cuentascasacambio .views-row.active {
       box-shadow: 0 0 5px lightgray;
    background-color: #f9f9f9;
    border-color: #515151;
    background-image: url(images/icon_check2.png);
}
.view-view-block-cuentascasacambio .view-header .tit {
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
}

.sidebar-first #block-tema-content #block-tema-views-block-view-block-cuentascasacambio-block-1 .view-header {
    margin-bottom: 0;
}
.view-view-block-cuentascasacambio .views-row .tit {
        display: flex;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
        margin-bottom: 10px;
}
.view-view-block-cuentascasacambio .views-row .tit img {
        max-width: 100px;
    width: auto;
    display: block;
    margin: 0 auto;
}
.view-view-block-cuentascasacambio .views-row .detcuenta div {
    background: #efefee;
    display: block;
    padding: 5px 10px 6px;
    border-radius: 10px;
    line-height: initial;
}

.view-view-block-cuentascasacambio .views-row .detcuenta >span {
    margin: 0;
}

.view-view-block-cuentascasacambio .views-row .detcuenta {
    margin-bottom: 5px;
}

.view-view-block-cuentascasacambio .views-row .det2 {
    margin-bottom: 5px;
}

.view-view-block-cuentascasacambio .views-row .det2 span {
    color: #188e50 !important;
}

.view-view-block-cuentascasacambio .views-row .titular {
        text-align: left;
    margin-top: 10px;
}
.view-view-block-cuentascasacambio .views-row .det2 span, .view-view-block-cuentascasacambio .views-row .det3 span,.view-view-block-cuentascasacambio .views-row .det span,.view-view-block-cuentascasacambio .views-row .titular span {
    color: #000;
    font-weight: 600;
}

.view-view-block-cuentascasacambio .views-row .titular p {
    margin: 0;
}
.view-view-block-cuentascasacambio .views-row .titular strong {
    font-weight: 600;
    color: #000;
}
.view-view-block-cuentascasacambio .views-row .det.dtcci {
    display: none;
}

div#block-tema-bloque-mensajefinal .field--name-field-detalle {background: #fffaee;
    width: 100%;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    margin: 20px auto;
    max-width: 800px;font-weight: bold;font-size: 18px;}

div#block-tema-bloque-mensajefinal .field--name-field-detalle p {margin: 10px 0;}
form .field--name-field-nrooperacion .form-control {
    text-align: center;
}
.webform-submission-libro-de-reclamaciones-form, .webform-submission-contact-form {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    position: relative;
}
.form-control:focus {
    background-color: white;
    box-shadow: 0 0 5px #bfbfbf;
    border-color: #151a39;
    color: #151a39;
}

.node-form .form-actions .button--danger {
    background: transparent;
    width: auto;
    border-radius: 10px;
    font-weight: bold;
    color: #000000;
    padding: 0;
    font-size: 17px;
    border: none;
    margin: 18px 10px 0;
    text-decoration: underline;
    display: block;
}
.view-view-block-detalleoperacionadmin .views-row .views-field article {
    margin: 0;
}

.view-view-block-detalleoperacionadmin .views-row .views-field article .node__content {
    background: transparent;
    box-shadow: none;
    text-align: left;
    padding: 0;
    margin: 0;
}
form.node-confirm-form {
    text-align: center;
    font-weight: bold;
}

form #edit-cancel {
    background: lightgray;
    border-radius: 10px;
    font-weight: bold;
    min-width: 11%;
}
.node--type-cuentas-fargo .field{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
        margin: 5px 0;
}

.node--type-cuentas-fargo .field .field__label{
    margin-right: 10px;
}

.node--type-cuentas-fargo .field .field__label:after{
    content: ":";
}

.node--type-cuentas-fargo .field.field--name-field-titular .field__item {
    display: block;
    width: 100%;
    text-align: center;
}
.node--type-cuentas-fargo .field.field--name-field-titular .field__item p {
    margin: 2px 0;
}
.sidebar-first .view .view-footer p {
    margin: 0 20px;
}

div#block-tema-bloque-boton-cerrarsesion .field--name-field-enlaces a {
        display: block;
    background: #151a39;
    color: white;
    font-weight: 500;
    font-size: 15px;
    padding: 2px 10px;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 500ms;
    text-decoration: none;
    text-transform: lowercase;
    min-width: 150px;
    text-align: center;
}

div#block-tema-bloque-boton-cerrarsesion .field--name-field-enlaces a:hover {
    background: white;
    color: #151a39;
    border-color: #151a39;
}

.sidebar-first .view .view-footer a {
        position: absolute;
    right: 0px;
    top: 15px;
    display: block;
    background: #188e50;
    color: white;
    font-weight: 600;
    font-size: 15px;
    padding: 2px 10px;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 500ms;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 150px;
}

.sidebar-first .view .view-footer a:hover {
    background-color: white;
    color: #188e50;
    border-color: #188e50;
}
.sidebar-first .view .view-footer .tipoperf {
    font-weight: bold;
    background-image: url(images/icon_persona.png);
    display: block;
    background-size: auto 28px;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 28px 0 0;
    font-size: 10px;
    border-left: 1px solid;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
}
.sidebar-first footer.mt-auto {
    display: none;
}
.sidebar-first #block-tema-bloque-ws {
    display: none;
}


div#block-tema-views-block-view-block-bienvenido-block-1 {
        color: #393939;
    display: none;
    opacity: 1;
    height: auto;
    text-align: left;
    font-size: 24px;
    margin-right: auto;
    width: auto;
    padding-bottom: 0;
    margin-left: 0;
    padding-left: 50px;
    font-weight: bold;
}
.sidebar-first #block-tema-views-block-view-block-bienvenido-block-1 {
        display: block;
    vertical-align: middle;
    width: 100%;
    padding: 30px 20px 20px;
    text-align: center;
}
.sidebar-first.role-admin .order-2 .region-sidebar-first {
    justify-content: flex-start;
}
div#block-tema-views-block-view-block-bienvenido-block-1 .nombre {
    
    display: inline-block;
    vertical-align: bottom;
}
.view-view-block-bienvenido .view-header {
    color: black;
    text-transform: none;
    font-size: 12px;
    margin-bottom: 20px;
}
.view-view-block-bienvenido .view-footer {
    display: none;
}
.view-view-block-bienvenido .views-field-field-nombres {
    text-transform: uppercase;
        margin-bottom: 7px;
}
.view-view-block-bienvenido .views-field-user-picture {
    display: block;
    text-align: center;
}

.view-view-block-bienvenido .views-field-user-picture img {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    width: 80px;
}
.fecha_actual {
    margin-top: 10px;
}


.view-view-page-admininicio .view-footer {
    text-align: center;
}

.view-view-page-admininicio .view-footer a {
    margin: 10px;
}
div#block-mensaje-finaloperacion .field--name-body {
    text-align: center;
    margin: 20px 0;
    color: #000;
    font-size: 20px;
}

div#block-tema-views-block-view-detalle-operacion-block-1 {
    text-align: center;
}

div#block-tema-views-block-view-detalle-operacion-block-1 .view-footer {
    margin-top: 30px;
}

div#block-tema-views-block-view-detalle-operacion-block-1 .views-field {
    display: block;
    margin: 10px 0;
    font-weight: 800;
}
.role-anonymous.path-user main #block-tema-content .block_inner {
    padding: 0;
}
form .field--name-field-es-ud-una-persona-expuest {
    display: inline-block;
    width: 100%;
}
form.user-register-form .description,
form#user-login-form .description,
#user-pass .description {
        font-size: 12px;
    margin-top: 3px;
    display: inline-block;
    width: 100%;
}
.form-type-password-confirm .js-password-confirm-message {
    font-size: 13px;
    margin-top: 7px;
}
form.user-register-form .field--name-field-acepto-los-terminos-y-cond legend {
    display: none;
}
p.back-to-login {
    margin-top: 20px;
    text-align: center;
}

p.back-to-login a, form#user-login-form .actions-suffix a {
    text-decoration: underline;
    font-weight: 600;
}
p.back-to-login a:hover, form#user-login-form .actions-suffix a:hover {
    color: #131a39;
}
form#user-login-form p.login-title, form#user-pass p.login-title {
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: 0px;
    font-size: 28px;
    font-weight: bold;
    color: #188e50;
    text-transform: uppercase;
}

form#user-login-form p.forgot-password , form#user-login-form .actions-suffix {
    text-align: center;
    margin: 20px 0;
}

form#user-login-form p.forgot-password a {
    color: #393939;
    text-decoration: underline;
    font-weight: 600;
}
.view-view-block-tipocambio.view-display-id-block_2 {
    padding: 0;
}

.view-view-block-tipocambio.view-display-id-block_2 .views-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.view-view-block-tipocambio.view-display-id-block_2 .views-field .field-content,.view-view-block-tipocambio.view-display-id-block_2 .views-field .views-label {
    font-size: 13px;
}

.view-view-block-tipocambio.view-display-id-block_2 .views-field .views-label {
    padding-right: 5px;
}

.view-view-block-tipocambio.view-display-id-block_2 .views-field-field-t-c-compra:after {
    content: "|";
    color: #151a39;
    margin: 0 2px 0 8px;
}

#block-tema-views-block-view-block-tipocambio-block-2 {
    margin-bottom: 10px;
}
.form-item-field-autorizo-recibir-a-href-ht-value {
    margin-bottom: 0 !important;
}
.form-item.form-item-field-acepto-value label,
.form-item-field-autorizo-recibir-a-href-ht-value label{font-weight: 500;}
.form-item.form-item-field-acepto-value label a,
 .form-item-field-autorizo-recibir-a-href-ht-value label a{
    text-decoration: underline;
}
.form-item.form-item-field-acepto-value,
.form-item-field-autorizo-recibir-a-href-ht-value,
.form-item-field-declaro-todo-financiamient-value{
    text-align: center;
}
.form-item-field-declaro-todo-financiamient-value {
    margin-bottom: 0 !important;
}
.role-anonymous.path-user main .principalcontenido ,
.role-anonymous.addope main .principalcontenido {
        background-image: url(images/bgnosotros.jpg);
    background-size: cover;
    background-position: right center;
    background-color: #efefed;
    padding: 50px 30px;
}
.role-anonymous.addope main {
    padding-bottom: 0;
}
.path-user main {
    padding-bottom: 0;
}
#user-register-form .field--name-field-dni-c-i-r-u-c-{
	display: none;
}
/*************
panel clientes
**********/
.sidebar-first #block-tema-main-navigation {
    /*    margin-right: auto;
    display: none;*/
}
.sidebar-first #block-tema-bloque-logo {
    margin-right: 0;
}
.sidebar-first #block-tema-bloque-botones-cuenta{
    display: none;
}
.role-authenticated.sidebar-first #block-micuenta ul li a {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 15px;
}

.sidebar-first #block-tema-main-navigation li:last-child {
    display: block;
}
.sidebar-first main>div {
        max-width: 1300px;
    margin: 0 auto;
    padding: 0;
}
.sidebar-first main {
        position: relative;
    padding-bottom: 0;
    background-color: #f0f0ee;
}
.sidebar-first .preheader {display: none;}

div#block-tema-bloque-boton-cerrarsesion {
     display: none;
}

.sidebar-first #block-tema-bloque-boton-cerrarsesion {
    display: block;
}
.nodeaddoperacion.sidebar-first #block-tema-bloque-boton-cerrarsesion {
    margin-top: -35px;
}
#block-tema-bloque-titulo-sidebar {
    padding: 20px 10px;
    color: white;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 23px;
}

#block-tema-bloque-titulo-sidebar h2 {
    text-align: left;
    font-size: 23px;
    margin: 0;
}

#block-tema-bloque-titulo-sidebar p {
    margin: 0;
}

.region-sidebar-first .navigation {
   max-width: 100%;
    margin: 0 0 30px;
    border-radius: 10px;
    padding: 0;
}
.sidebar-first.user-logged-in.path-user main >div {
    max-width: none;
    padding: 0;
}
.region-sidebar-first .navigation .block_inner {
    padding: 0;
}

#block-tema-views-block-view-block-banner-block-1 .views-field-field-imagenes {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#block-tema-views-block-view-banner-block-1 .block_inner {
    padding: 0;
}
.swiper-slide.swiper-slide-active {
    z-index: 9;
}
.swiper img {
    width: 100%;
}
.swiper .btnprev,
.swiper-button-prev2{
        background-image: url(images/controls.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 64px;
    background-size: auto 100%;
    background-position: left center;
    margin-top: -32px;
    position: absolute;
    left: 15px;
    top: 50%;
}
.swiper .btnnext,
.swiper-button-next2{
        background-image: url(images/controls.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 64px;
    background-size: auto 100%;
    background-position: right center;
    margin-top: -32px;
        position: absolute;
    right: 15px;
    top: 50%;
}
.view table th {
        color: #151a39;
    text-transform: uppercase;
    font-size: 12px;
    white-space: nowrap;
}
.view table tbody tr:nth-of-type(odd) {
    background-color: white;
}
.view table td {
    padding: 5px;
	vertical-align: middle;
}
.sidebar-first .region-content {
    padding: 40px 30px 60px;
}
.node-add-operacion.sidebar-first .region-content {
    padding-top: 60px;
}
.node-add-operacion  form {
    margin: 0;
}
.node-add-operacion form .horizontal-tabs-panes {
    padding-top: 90px;
    position: relative;
}

.node-add-operacion form .horizontal-tabs-panes .tit_tab{
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    text-align: center;
}

.node-add-operacion form .horizontal-tabs-panes .tit_tab h3{
    margin: 0;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
}
form .field--name-field-adj-voucher-o-comprobante legend {
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
}
form .field--name-field-adj-voucher-o-comprobante .form-item {
    text-align: left;
    font-size: 16px;
}

form .form-managed-file {
    text-align: left;
    font-size: 16px;
    overflow: hidden;
}

form .field--name-field-adj-voucher-o-comprobante .description {
    text-align: left;
    display: block;
    font-size: 12px;
}

form .field--name-field-adj-voucher-o-comprobante .image-preview img {
    max-width: 75px;
}
.horizontal-tabs-panes .horizontal-tabs-pane .view-view-block-tipocambio {
    padding-top: 0;
    margin-bottom: 15px;
}
form .info_superiortabs {
    margin: 0;
}

form .info_superiortabs legend {
    display: none;
}
.node-add-operacion form ul.horizontal-tabs-list,
.info_superiortabs .fieldset-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 30px 0;
    pointer-events: none;
}

.node-add-operacion form ul.horizontal-tabs-list li,
.info_superiortabs .fieldset-wrapper .tit_tab{
    margin: 0 0 0 5px;
    border: none;
    background: transparent;
        min-height: 37px;
}

.node-add-operacion form .horizontal-tabs ul.horizontal-tabs-list li a,
.info_superiortabs .fieldset-wrapper .tit_tab a{
        color: #393939;
    text-transform: uppercase;
    font-size: 0;
    padding: 10px 10px 10px 45px;
    position: relative;
    background: transparent;
    font-weight: bold;
    display: inline-block;
}
.info_superiortabs .fieldset-wrapper .tit_tab.activo a {
    font-size: 19px;
    font-weight: 500;
}
.node-add-operacion form .horizontal-tabs ul.horizontal-tabs-list li a:after,
.info_superiortabs .fieldset-wrapper .tit_tab a:after{
    content: "1";
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 39px;
    transform: translateY(-50%);
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    color: #000;
    background: transparent;
    border-radius: 50%;
    border: 2px solid;
    text-align: center;
    padding: 5px 0;
}

.node-add-operacion form .horizontal-tabs ul.horizontal-tabs-list li:nth-child(2) a:after,
.info_superiortabs .fieldset-wrapper .tit_tab:nth-child(2) a:after{
    content: "2";
}
.node-add-operacion form .horizontal-tabs ul.horizontal-tabs-list li:nth-child(3) a:after,
.info_superiortabs .fieldset-wrapper .tit_tab:nth-child(3) a:after{
    content: "3";
}
.node-add-operacion form .horizontal-tabs ul.horizontal-tabs-list li:nth-child(4) a:after,
.info_superiortabs .fieldset-wrapper .tit_tab:nth-child(4) a:after{
    content: "4";
}

.node-add-operacion form .horizontal-tabs ul.horizontal-tabs-list li.selected a:after,
.info_superiortabs .fieldset-wrapper .tit_tab.activo a:after{
        background: #188e50;
    color: white;
    border-color: #188e50;
    font-size: 0;
    background-size: 77%;
    background-repeat: no-repeat;
    background-position: center;
}
.info_superiortabs .fieldset-wrapper .tit_tab1.activo a:after {
    background-image: url(images/icon_paso1.png);
}
.info_superiortabs .fieldset-wrapper .tit_tab2.activo a:after {
    background-image: url(images/icon_paso2.png);
}
.info_superiortabs .fieldset-wrapper .tit_tab3.activo a:after {
    background-image: url(images/icon_paso3.png);
}
form.node-cuenta-bancaria-form,
form.node-empresa-form,
.role-authenticated form#user-form,
form.node-empresa-edit-form,
form.node-cupones-edit-form,
form.node-cupones-form,
form.node-tasas-edit-form,
form.node-tasas-form,
form.node-operacion-edit-form,
form.node-cuentas-fargo-form,
form.node-cuentas-fargo-edit-form,
.role-admin form.user-register-form,
form.node-comentarios-form,
form.node-comentarios-edit-form,
form.node-popup-form,
form.node-popup-edit-form{
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 30px 15px;
    border-radius: 20px;
    background: #e5e5e1;
}
div#block-tema-local-tasks .block_inner {
    padding: 0;
    text-align: center;
}

div#block-tema-local-tasks ul.nav.nav-tabs {
    border: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: row !important;
}
div#block-tema-local-tasks .tabs-wrapper .tab-toggle {
    display: none !important;
}
div#block-tema-local-tasks ul.nav.nav-tabs li {
    display: inline-block;
    float: none;
    margin: 1px 5px;
    border-radius: 5px;
    padding: 0;
    border: none;
    background: transparent;
}

div#block-tema-local-tasks ul.nav.nav-tabs li a {
        background: white;
    color: #188e50;
    border: 1px solid;
    border-radius: 12px;
    padding: 7px 12px;
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

div#block-tema-local-tasks ul.nav.nav-tabs li a:hover, div#block-tema-local-tasks ul.nav.nav-tabs li a.active {
    background: #188e50;
    color: #fff;
}
.sidebar-first form .form-wrapper h4,
.sidebar-first form legend{
    color: #000;
    font-weight: 600;
    font-size: 17px;
}
.sidebar-first form label{
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
}
form.node-cuenta-bancaria-form .field--name-field-banco, form.node-cuenta-bancaria-form .field--name-field-tipo-de-c, form.node-cuenta-bancaria-form .field--name-field-ciudad-de-la-cuenta, 
form.node-cuenta-bancaria-form .field--name-field-tipo-de-documento, 
form.node-cuenta-bancaria-form .field--name-field-nro-documento {
    width: 48%;
    float: left;
}
form.node-cuenta-bancaria-form .field--name-field-tipo-de-c,form.node-cuenta-bancaria-form .field--name-field-ciudad-de-la-cuenta,
form.node-cuenta-bancaria-form .field--name-field-nro-documento{
    float: right;
}

form.node-cuenta-bancaria-form div#edit-field-nro-documento-wrapper {
    margin-top: 26px;
    width: 48%;
}
.node--type-cuenta-bancaria {
    text-align: center;
}

.node--type-cuenta-bancaria .field {
        display: block;
    margin: 5px auto;
    max-width: 600px;
}

.node--type-cuenta-bancaria .field__label,.node--type-cuenta-bancaria .field__item {
    float: none;
    display: inline-block;
}
.node--type-cuenta-bancaria .field__label {
    color: #188e50;
}
.user-logged-in.path-user main >div {
    background: no-repeat;
    padding-top: 0;
    padding-bottom: 0;
}
.view-view-block-adminoperacion-view .views-field-field-moneda-recibes {
    display: none;
}
#block-tema-views-block-view-block-cuentascasacambio-block-1 {
    width: 100%;
    margin: 0
}

#block-tema-views-block-view-block-cuentascasacambio-block-1 .view-header h2 {
    font-weight: bold;
    font-size: 21px;
    color: #000;
    text-align: center;
}

#block-tema-views-block-view-block-cuentascasacambio-block-1 .view-header {
    text-align: left;
    margin-bottom: 15px;
}
#block-tema-views-block-view-block-cuentascasacambio-block-1 .view-header .enviar {
    color: #188e50;
}
.view-view-block-adminoperacion-view .views-row.pendiente .views-field-field__desde-que-cuenta-envias-t, 
.view-view-block-adminoperacion-view .views-row.pendiente .views-field-field-cuenta-bancaria-de-destino, 
.view-view-block-adminoperacion-view .views-row.pendiente .views-field-field-titular2-1,
.view-view-block-adminoperacion-view .views-row.pendiente .views-field-field-estado,
.view-view-block-adminoperacion-view .views-row.pendiente .views-field-field-nrooperacion,
.view-view-block-adminoperacion-view .views-row.pendiente .views-field-field-cupon{
    display: none;
}
.view-view-block-adminoperacion-view .views-row.pendiente .views-field-field-cupon {
    display: none !important;
}
.role-cliente.page-node-type-operacion div#block-tema-local-tasks {
    display: none;
}
.completado #block-tema-views-block-view-block-cuentascasacambio-block-1,
.view-view-block-adminoperacion-view .views-row.completado .views-field-edit-node,
.view-view-block-adminoperacion-view .views-row.completado .views-field-edit-node-1{
    display: none;
}
.page-edit .canelar_operacion {
    display: none;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.cancelarope.page-edit .canelar_operacion {
    display: block;
}

.page-edit .canelar_operacion h3 {
    color: #000;
    font-weight: bold;
}
.pendiente .view-view-block-adminoperacion-view .view-header h3.completado,
.view-view-block-adminoperacion-view .view-header h3.completado{
    display: none;
}
.view-view-block-adminoperacion-view .view-header {
        text-align: center;
    max-width: 500px;
    margin: 0 auto 30px;
}
.view-view-block-adminoperacion-view .view-content {
    display: block;
    margin: 0 auto;
    max-width: 500px;
}
.view-view-block-adminoperacion-view .view-header .completado {
    font-size: 17px;
}
.view-view-page-operacionesuser .views-row,
.view-view-page-detalleoperacion .views-row,
.view-view-block-detalleoperacionadmin .views-row{
        padding: 20px;
    margin: 0 auto;
    max-width: 650px;
    display: block;
    background: #fbfbfb;
}
.view-view-block-adminoperacion-view .view-header .boton.btnpersona,.view-view-block-adminoperacion-view .view-header .boton.btnempresa {
    display: none;
}

.Persona .view-view-block-adminoperacion-view .view-header .boton.btnpersona {
    display: block;
}

.Empresa .view-view-block-adminoperacion-view .view-header .boton.btnempresa {
    display: block;
}
.view-view-page-operacionesuser .views-row {
    width: 100%;
    margin: 10px 0;
}
.view-view-block-adminoperacion-view .view-header h3 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0 10px;
    margin: 0;
}
div#edit-field-notas-0-format {
    display: none;
}
.view-view-cuentabancaria .views-field{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 10px auto;
    max-width: 450px;
    width: 100%;
}
.node-cuenta-bancaria-form #edit-field-como-deseas-realizar-tu-c-wrapper {
    display: none;
}
.view-view-block-adminoperacion-view .views-field .views-label,
.view-id-view_page_detalleoperacion .views-field .views-label,
.view-view-cuentabancaria .views-field .views-label,
.view-view-page-operacionesuser .views-field .views-label,
.view-view-page-misoperaciones .views-field .views-label{
        margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.view-view-block-adminoperacion-view .views-field .field-content, 
.view-id-view_page_detalleoperacion .views-field .field-content, 
.view-view-cuentabancaria .views-field .field-content, 
.view-view-page-operacionesuser .views-field .field-content,
.view-view-page-misoperaciones .views-field .field-content{
    display: inline-block;
    vertical-align: middle;
}
.view-view-block-adminoperacion-view .views-field.views-field-nothing-2,
.view-view-page-operacionesuser .views-field.views-field-nothing-2,
.view-view-page-detalleoperacion .views-field.views-field-nothing-2{
        justify-content: center;
    margin-top: 20px;
    flex-direction: row;
    flex: 0 0 100%;
    text-align: center;
}

.view-view-block-adminoperacion-view .views-field.views-field-nothing-2 a,
.view-view-page-operacionesuser .views-field.views-field-nothing-2 a,
.view-view-page-detalleoperacion .views-field.views-field-nothing-2 a{
        background: #188e50;
    border-radius: 10px;
    padding: 7px 20px;
    font-weight: bold;
    transition: all 500ms;
    text-decoration: none;
    margin: 0 auto;
    display: inline-block;
}
.view-view-block-adminoperacion-view .views-field.views-field-nothing-2 a:hover,
.view-view-page-operacionesuser .views-field.views-field-nothing-2 a:hover,
.view-view-page-detalleoperacion .views-field.views-field-nothing-2 a:hover{
    background: #000;
    color: #188e50;
}

.view-view-block-adminoperacion-view .views-row .views-field-nid,
.view-view-page-operacionesuser .views-row .views-field-nid,
.view-view-page-detalleoperacion .views-row .views-field-nid{
    font-weight: bold;
}

.view-view-block-adminoperacion-view .views-row .views-field-field-nrooperacion,
.view-view-block-adminoperacion-view .views-row .views-field-field-t-c-,
.view-view-page-operacionesuser .views-row .views-field-field-nrooperacion,
.view-view-page-detalleoperacion .views-row .views-field-field-nrooperacion,
.view-view-page-misoperaciones .views-row .views-field-field-nrooperacion{
    color: #188e50;
    font-weight: bold;
}
.view-view-block-adminoperacion-view .views-field .field-content, 
.view-id-view_page_detalleoperacion .views-field .field-content, 
.view-view-cuentabancaria .views-field .field-content, 
.view-view-page-operacionesuser .views-field .field-content {
    display: inline-block;
    vertical-align: middle;
}
.view-view-block-adminoperacion-view .views-row .views-field, 
.view-view-page-operacionesuser .views-row .views-field, 
.view-view-page-detalleoperacion .views-row .views-field, 
.view-view-block-detalleoperacionadmin .views-row .views-field, 
.view-view-page-misoperaciones .views-field {
    margin: 4px 0;
}
.view-view-block-adminoperacion-view .views-row .views-field-field-nro-orden, 
.view-view-page-operacionesuser .views-row .views-field-field-nro-orden, 
.view-view-page-detalleoperacion .views-row .views-field-field-nro-orden, 
.view-view-block-detalleoperacionadmin .views-row .views-field-field-nro-orden,
.view-view-page-misoperaciones .views-field-field-nro-orden{
    background: #ffffff;
    text-align: center;
    font-size: 23px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.view-view-block-adminoperacion-view .views-row .views-field-views-conditional-field,
.view-view-page-operacionesuser .views-row .views-field-views-conditional-field,
.view-view-page-detalleoperacion .views-row .views-field-views-conditional-field{
    display: block;
    flex: 0 0 100%;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
    font-size: 25px;
    background: #188e50;
    color: #000;
    border-radius: 10px;
    padding: 5px;
}

.view-view-block-adminoperacion-view .views-row .views-field-field-recibes,
.view-view-page-operacionesuser .views-row .views-field-field-recibes,
.view-view-page-detalleoperacion .views-row .views-field-field-recibes{
        flex: 0 0 100%;
}


.view-view-block-adminoperacion-view .views-row .views-field-field__desde-que-cuenta-envias-t, .view-view-block-adminoperacion-view .views-row .views-field-field-cuenta-bancaria-de-destino {
    margin-bottom: 10px;
}
.view-view-page-operacionesuser .view-content .views-row .views-field-field-recibes .field-content{
    font-size: 20px;
}
.view-view-block-adminoperacion-view .views-row .views-field-field-recibes .field-content div span,
.view-view-page-operacionesuser .views-row .views-field-field-recibes .field-content div span,
.view-view-page-detalleoperacion .views-row .views-field-field-recibes .field-content div span{
    font-size: 15px;
    display: block;
}
article.node.node--type-operacion .node__content {
    display: none;
}
.view-view-block-adminoperacion-view .views-field.views-field-field-estado, 
.view-id-view_page_detalleoperacion .views-field.views-field-field-estado, 
.view-view-cuentabancaria .views-field.views-field-field-estado, 
.view-view-page-operacionesuser .views-field.views-field-field-estado,
.view-view-page-misoperaciones .views-field.views-field-field-estado{
    font-weight: 600;
}

.view-view-block-adminoperacion-view .views-field.views-field-field-estado .field-content .pendiente, 
.view-id-view_page_detalleoperacion .views-field.views-field-field-estado .field-content .pendiente, 
.view-view-cuentabancaria .views-field.views-field-field-estado .field-content .pendiente, 
.view-view-page-operacionesuser .views-field.views-field-field-estado .field-content .pendiente,
.view-view-page-misoperaciones .views-field.views-field-field-estado .field-content .pendiente{
    color: #dbbe24;
}
.view-view-block-adminoperacion-view .views-field.views-field-field-estado .field-content .en_proceso, 
.view-id-view_page_detalleoperacion .views-field.views-field-field-estado .field-content .en_proceso, 
.view-view-cuentabancaria .views-field.views-field-field-estado .field-content .en_proceso, 
.view-view-page-operacionesuser .views-field.views-field-field-estado .field-content .en_proceso,
.view-view-page-misoperaciones .views-field.views-field-field-estado .field-content .en_proceso{
    color: #cd824b;
}
.view-view-block-adminoperacion-view .views-field.views-field-field-estado .field-content .anulado, 
.view-id-view_page_detalleoperacion .views-field.views-field-field-estado .field-content .anulado, 
.view-view-cuentabancaria .views-field.views-field-field-estado .field-content .anulado, 
.view-view-page-operacionesuser .views-field.views-field-field-estado .field-content .anulado,
.view-view-page-misoperaciones .views-field.views-field-field-estado .field-content .anulado{
    color: #e52a3b;
}
.view-view-block-adminoperacion-view .views-field.views-field-field-estado .field-content .finalizado, 
.view-id-view_page_detalleoperacion .views-field.views-field-field-estado .field-content .finalizado, 
.view-view-cuentabancaria .views-field.views-field-field-estado .field-content .finalizado, 
.view-view-page-operacionesuser .views-field.views-field-field-estado .field-content .finalizado,
.view-view-page-misoperaciones .views-field.views-field-field-estado .field-content .finalizado{
    color: #188e50;
}
.view-view-block-adminoperacion-view .views-row .views-field-field-recibes .field-content > div,
.view-view-page-operacionesuser .views-row .views-field-field-recibes .field-content > div,
.view-view-page-detalleoperacion .views-row .views-field-field-recibes .field-content > div{
    padding: 5px 10px;
    background-image: url(images/bandera1.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 25px;
    padding-left: 55px;
}

.view-view-block-adminoperacion-view .views-row .views-field-field-recibes .field-content > div.monS\/ ,
.view-view-page-operacionesuser .views-row .views-field-field-recibes .field-content > div.monS\/ ,
.view-view-page-detalleoperacion .views-row .views-field-field-recibes .field-content > div.monS\/{
    background-image: url(images/bandera2.jpg);
}

.view-view-block-adminoperacion-view .views-row .views-field-field-recibes .field-content div.barra ,
.view-view-page-operacionesuser .views-row .views-field-field-recibes .field-content div.barra,
.view-view-page-detalleoperacion .views-row .views-field-field-recibes .field-content div.barra{
    width: 2px;
    height: 40px;
    background: #d9d9d9;
    padding: 0;
    margin: 10px 25px 0;
}
.view-view-page-operacionesuser .views-field-field-t-c-,
.view-view-page-detalleoperacion .views-field-field-t-c-{
    display: flex;
    flex: 0 0 100%;
    color: #000;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
.sidebar-first #block-tema-content .view-header .btn {
    margin: 0 auto;
    font-size: 16px;
    padding: 7px 20px;
    line-height: inherit;
    background: #188e50;
}

.sidebar-first #block-tema-content .view-header {
    text-align: center;
    margin-bottom: 20px;
}

.sidebar-first #block-tema-content .view-header .btn:hover {
    background: white;
    color: #188e50;
    border-color: #188e50;
}
.view-view-page-operacionesuser .view-content .views-row {
    cursor: pointer;
    transition: all 500ms;
}
.view-view-block-adminoperacion-view .views-row .views-field-field-estado {
    margin-top: 10px;
}
.view-view-page-operacionesuser .view-content .views-row:hover {
    transform: scale(1.02);
    box-shadow: 0 0 5px lightgray;
}
article.profile .field,
article.node--type-empresa .field,
article.profile .views-field{
margin: 10px auto;
    text-align: left;
    display: flex;
    align-items: center;
}
div#block-tema-views-block-view-info-user-block-1 {
    display: none;
}
article.profile .field .field__label,
article.node--type-empresa .field .field__label,
article.profile .views-field .views-label{
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 10px;
    font-weight: 600;
    display: block;
}
article.profile .field .field__label:after,
article.node--type-empresa .field .field__label:after{
    content: ":";
}
article.profile .field a,
article.node--type-empresa .field a{
    color: #515251;
}
.page-edit.path-user #block-tema-views-block-view-encabezado-usuario-block-1{
    display: none;
}
.profile.form-no-label {
    text-align: center;
    display: block;
}

.profile .form-no-label {
    display: block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 25px 0;
}
.role-authenticated.path-user fieldset.columna1 {
        width: 70%;
    float: left;
}

.role-authenticated.path-user fieldset.columna1 legend {
    display: none;
}
.view-view-encabezado-usuario .views-field-nothing .foto {
    width: 70px;
    margin-right: 15px;
}
.role-authenticated.path-user article.profile {
    width: 100%;
    background: #fbfbfb;
    padding: 20px 30px;
    max-width: 650px;
    margin: 0 auto;
    border-radius: 0 0 20px 20px;
}
.role-authenticated.path-user fieldset.columna1 .field,article.profile .views-field {
    width: 46%;
    float: left;
    margin-right: 4%;
}
div#block-tema-views-block-view-encabezado-usuario-block-1 {
    margin: 0 20px;
}
form#change-pwd-form {
        max-width: 650px;
    margin: 0 auto;
    padding: 30px;
    width: 100%;
    background: #fbfbfb;
    border-radius: 0 0 20px 20px;
}
form#change-pwd-form input.form-control {
    background: #f0f0ee;
}
form#change-pwd-form:before,
.role-authenticated form#user-form:before{
    content: "CAMBIAR CONTRASEÑA";
    font-weight: bold;
    text-align: center;
    display: block;
    color: #000;
    font-size: 25px;
    margin-bottom: 30px;
}
.role-authenticated form#user-form:before{
    content: "ACTUALIZAR DATOS";
}

.sidebar-first.path-user .region-content {
    padding-left: 0;
    padding-right: 0;
}
.views-exposed-form {
    margin-bottom: 0px;
}

.views-exposed-form legend, .views-exposed-form .form-item label {
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 0 5px;
    padding: 0;
    display: block;
    font-weight: bold;
    line-height: 11px;
}
.views-exposed-form .form-item.form-item-field-nro-documento-value label {
    background: white !important;
}
.views-exposed-form .form-item-created-min label,.views-exposed-form .form-item-created-max label {
    display: none;
}
.views-exposed-form .form-actions {
    width: auto;
    clear: none;
    display: inline-block;
}
.role-operador form .field--name-field-estado,
.role-operador form .field--name-field-notas,
.role-operador form .field--name-field-nro-de-transferencia,
.role-admin form .field--name-field-estado,
.role-admin form .field--name-field-notas,
.role-admin form .field--name-field-nro-de-transferencia,
.role-admin form .field--name-field-selecciona-cuenta-de-trans,
.role-operador form .field--name-field-selecciona-cuenta-de-trans{
    display: block;
    height: auto;
    opacity: 1;
}
.alert-danger, .alert-success {
    
}

.region-content>.alert-danger a,
.region-content>.alert.alert-success a{
        color: #fff;
    text-decoration: underline;
    font-weight: 500;
}
.region-content>.alert.alert-danger {
    color: #fff;
}
.form-item--error-message {
    font-size: 12px;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
    border-color: #ea5b5f;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
form#user-pass-reset {
    text-align: center;
    max-width: 730px;
    margin: 0 auto;
}
.confirm-parent, .password-parent {
    overflow: visible;
}
.form-checkboxes .form-item a {
    text-decoration: underline;
    color: #515251;
}
#block-tema-bloque-iniciaroperacion-cliente {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    margin: 0 0 35px;
}

#block-tema-bloque-iniciaroperacion-cliente p {
    margin: 5px 0;
}

.views-ui-view-name h3 {
    font-size: 17px;
}
.view table td .Pendiente {
    display: block;
    background: #ffd26f;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
}
.view table td .Proceso {
        display: block;
    background: #dd7e29;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
    color: white;
}
.view table td .Finalizado {
        display: block;
    background: #008950;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
    color: white;
}
.view table td .Anulado {
    display: block;
    background: #5a5a5a;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
    color: white;
}

.role-anonymous.addope  div#block-tema-views-block-view-block-tipocambio-block-1 {
    display: none;
}
.role-anonymous.addope .region-precontent {
    align-items: center;
    justify-content: center;
}

.role-anonymous.addope.path-node .region.region-content #block-mainpagecontent {
    display: none;
}

.paso .grupocuenta  legend {
    display: none;
}
#paso3 h3.infocuenta {
    font-size: 16px;
    display: none;
    font-weight: bold;
    max-width: 400px;
    margin: 10px auto;
    color: #000;
}
.paso .grupocuenta .field--name-field-monto-1 label, .paso .grupocuenta .field--name-field-monto-2 label, .paso .grupocuenta .field--name-field-monto-3 label {
    display: none !important;
}

.paso .grupocuenta .form-item label {
    text-align: left;
    display: block;
}
.paso .grupocuenta .form-item.form-item-field-cuenta-de-envio-1 label,
.paso .grupocuenta .form-item.form-item-field-cuenta-de-envio-2 label,
.paso .grupocuenta .form-item.form-item-field-cuenta-de-envio-3 label{
    font-weight: bold;
    background-image: url(images/icon_cuentas.png) !important;
    background-repeat: no-repeat !important;
    background-size: auto 25px !IMPORTANT;
    background-position: left center !important;
    padding-left: 37px;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 6px;
    padding-top: 6px;
    color: #151a39;
    border-radius: 5px;
}
.paso .grupocuenta.gc2, .paso .grupocuenta.gc3 {
    display: none;
}
.view-view-page-adminreportes table,
.view-view-page-adminreportesbancos table,
.view-view-page-adminreportessbs table{
    min-width: 1800px;
}
.view-view-page-adminoperaciones table,
.view-view-page-adminreporteskardexbanco table,
.view-view-page-adminreporteskardex2 table,
.view-view-page-adminbancos table{
    min-width: 1200px;
}
.sidebar-first.role-admin #block-tema-content>.block_inner,
.sidebar-first.role-operador #block-tema-content>.block_inner{
    padding: 0;
}
.views-exposed-form .form-item.form-item-field-nro-orden-value {
    max-width: 120px;
}

.views-exposed-form .form-item.form-item-combine {
    max-width: 190px;
}
.view-view-page-empresas table {
    min-width: 800px;
}
.view-iew-page-adminusuarios table{
    min-width: 800px;
}
.view-iew-page-adminusuarios .view-header,
.view-view-page-adminclientes .view-header{
    text-align: center;
    margin-bottom: 20px;
}
.view-view-page-adminclientes table{
    min-width: 900px;
}
.view-view-page-empresasadmin table {
    min-width: 1400px;
}
.view-view-page-adminoperaciones .view-content,
.view-iew-page-adminusuarios .view-content,
.view-view-page-adminclientes .view-content,
.view-view-page-empresas .view-content,
.view-view-page-adminreportes .view-content,
.view-view-page-adminreportesoperaciones .view-content,
.view-view-page-empresasadmin .view-content,
.view-view-page-adminempresas .view-content,
.view-view-page-adminreporteskardexbanco .view-content,
.view-view-page-adminreporteskardex2 .view-content,
.view-view-page-adminbancos .view-content,
.view-view-page-admincomentarios .view-content,
.view-view-page-admincupones .view-content,
.view-view-page-adminpopup .view-content,
.view-view-page-adminpasos .view-content,
.view-view-page-adminblog .view-content,
.view.view-block-content.view-id-block_content.view-display-id-page_1 .view-content,
.view-view-webform-libroreclamaciones .view-content{
    position: relative;
    width: 100%;
    overflow: auto;
}
.view-view-page-admincomentarios table,
.view-view-page-adminpasos table{
    min-width: 500px;
}
.view-view-page-adminpopup table,
.view-view-page-adminblog  table{
    min-width: 800px;
}
.view-view-page-pagos table,
.view-view-page-admincupones table,
.view.view-block-content.view-id-block_content.view-display-id-page_1 table,
.view-view-webform-libroreclamaciones .view-content table{
    min-width: 1200px;
}
.view-view-page-es table{
    min-width: 800px;
}
.views-exposed-form #edit-created-wrapper .form-item {
    margin: 0px 10px 0px 0;
}

.views-exposed-form  .form-item-field-nrooperacion-value {
    max-width: 160px;
}

.views-exposed-form .form-control, .views-exposed-form select {
    font-size: 14px;
    padding: 5px 10px;
}
.views-exposed-form .form-submit {
    display: inline-block;
    margin: 2px;
    padding: 3px 9px;
    font-size: 13px;
    letter-spacing: 1px;
    min-width: auto;
    border-radius: 7px;
    background: #d72731;
    color: white;
}

.views-exposed-form .form-actions {
    margin: 5px;
    vertical-align: bottom;
}

.views-exposed-form .form--inline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.views-exposed-form .form-item {
    margin: 5px;
}
ul.pagination {
    margin-top: 20px;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.page-item.active .page-link {
    border-color: #188e50;
    background-color: #188e50;
    color: white;
    text-decoration: none;
}

.page-link {
        color: #000;
    font-weight: 600;
}
.node-operacion-edit-form.node-form .form-wrapper {
    max-width: 450px;
    margin: 0 auto;
    padding-bottom: 30px;
}

#edit-field-fecha-y-hora-transferencia-wrapper .form-item {
    margin-right: 15px;
}.views-exposed-form .form-item.form-type-entity-autocomplete {
    max-width: 200px;
}

.views-exposed-form .form-item.form-type-entity-autocomplete .description {
    display: none;
}
.role-admin .form-type-checkbox.form-item-htmlmail-plaintext,
.role-operador .form-type-checkbox.form-item-htmlmail-plaintext,
.role-cliente .form-type-checkbox.form-item-htmlmail-plaintext{
    display: none;
}
.node-empresa-edit-form .vertical-tabs {
    display: none !important;
}

.node-empresa-edit-form fieldset#edit-field-acepto-los-terminos-y-cond--wrapper legend,
.node-empresa-form fieldset#edit-field-acepto-los-terminos-y-cond--wrapper legend{
    display: none;
}
.role-authenticated form#user-form .description {
    font-size: 11px;
    line-height: 13px;
}

.role-authenticated form#user-form div#edit-field-acepto-los-terminos-y-cond-wrapper{
    display: none;
}

.role-authenticated form#user-form .button--danger {
    font-size: 12px;
    color: #000;
    background: transparent;
    margin: 16px 0 0;
    text-decoration: underline;
    min-width: 0;
    width: auto;
}

.role-authenticated form#user-form .form-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
}
form#node-tasas-form {
    max-width: 600px;
    margin: 0 auto;
}
.view-view-page-admintasas {
    margin: 0 auto;
    max-width: 900px;
}

.view-view-page-admintasas .view-header {
    margin-bottom: 30px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.view-view-page-admintasas .view-header .itemt {
        margin: 8px 20px 8px 0;
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #5a5a5c;
    background: white;
    padding: 7px 20px;
    border-radius: 10px;
}

.view-view-page-admintasas .view-header .itemt .azul {
    color: #131a39;
}

.view-view-page-admintasas .view-header .itemt .verde {
    color: #000;
}

.view-view-page-admintasas .view-header .itemt b {
    font-size: 20px;
    padding: 0 5px;
    color: #188e50;
}

.view-view-page-admintasas .view-header .itemt:nth-child(2) b {
    color: #d72731;
}
.sidebar-first .view.view-view-page-admintasas .view-header a {
    position: relative;
    display: inline-block;
}

.node--type-tasas .field {
    margin: 5px auto;
        text-align: center;
}
.node--type-tasas .field .field__label {
    float: none;
    display: inline-block;
    padding: 0;
}

.node--type-tasas .field .field__item {
    display: inline-block;
    padding: 0;
}
.node--type-tasas .field .field__label,
.node--type-cupones .field .field__label{
    color: #000;
    margin-right: 10px;
}

.node--type-tasas .field .field__label:after {
    content: ":";
}
.node--type-cupones .field .field__label {
    margin-right: 0;
    padding-right: 2px;
}
.node--type-cupones .field--name-field-usuario .field__items {
    display: block;
    width: 100%;
}

.node--type-cupones .field--name-field-usuario .field__items .field__item {
    display: block;
    margin: 5px 0;
}
/*****
mis operaciones clientes********/
.node.node--type-operacion.node--view-mode-teaser >h2 {
    display: none;
}
.view-view-page-misoperaciones fieldset.info_superiortabs {
    display: none;
}
.node.node--type-operacion.node--view-mode-teaser .node__links {
    display: none;
}

.view-view-page-misoperaciones .view-content {
        display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.view-view-page-misoperaciones .views-row {
        background: #e5e5e1;
    width: 48%;
    margin: 1%;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 5px #c7c7c7;
}
.view-empty {
        float: left;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.view-empty a.btn {
    margin-top: 20px;
}
.view-view-page-operacionesuser .view-header {
    text-align: center;
}
.sidebar-first .view-filters {
        background: white;
    padding: 10px;
    margin-bottom: 10px;
}
.view-view-page-miscuentas .view-filters,
.view-view-page-operacionesuser .view-filters,
.view-view-page-misoperaciones .view-filters{
    order: -1;
    flex: 0 0 100%;
    display: none;
}
.view-view-page-operacionesuser .views-exposed-form {
    margin: 0;
}

.view-view-page-operacionesuser .view-content {
        float: left;
    width: 46%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.view-view-page-operacionesuser .view-footer {
    float: right;
    width: 50%;
}
.view-view-page-operacionesuser nav.pager {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.view-view-page-empresas .views-row .views-field.views-field-nothing{
    margin-top: 30px;
    display: block;
}
.view-view-page-operacionesuser .views-row .views-field.views-field-nothing-1 a,
.view-view-page-empresas .views-row .views-field.views-field-nothing a{
        display: inline-block;
    color: white;
    font-weight: bold;
    padding: 5px 30px;
    border-radius: 7px;
    transition: all 500ms;
    font-size: 12px;
    text-decoration: none;
    margin-top: 10px;
    background: #d72731;
}

.view-view-page-operacionesuser .views-row .views-field.views-field-nothing-1 a:hover,
.view-view-page-empresas .views-row .views-field.views-field-nothing a:hover{
    background: #188e50;
    color: #000;

}
.view-view-page-empresas .views-row .views-field.views-field-field-r-u-c- {
    font-weight: bold;
    color: black;
    margin-bottom: 10px;
}
.view-view-page-empresas .views-row .views-field.views-field-field-r-u-c- .views-label.views-label-field-r-u-c- {
    display: block;
}
.view-view-page-empresas .views-row .views-field.views-field-nothing .field-content {
    display: flex;
    justify-content: space-between;
}

.view-view-page-empresas .views-row .views-field.views-field-nothing .field-content .col {
    padding: 0;
    width: 47%;
    flex-basis: unset;
    flex-grow: unset;
}

.view-view-page-empresas .views-row .views-field.views-field-nothing .field-content .col .item {
    margin: 15px 0;
    display: block;
    width: 100%;
}

.view-view-page-empresas .views-row .views-field.views-field-nothing .field-content .col .item span.label {
    display: block;
    color: #000;
    font-weight: 600;
}
.page-node-type-empresa nav.tabs-wrapper.tabs-primary {
    display: none;
}

.view-view-page-operacionesuser .view-content .views-row .views-field-field__desde-que-cuenta-envias-t,
.view-view-page-operacionesuser .view-content .views-row .views-field-field-cuenta-bancaria-de-destino,
.view-view-page-operacionesuser .view-content .views-row .views-field-field__como-deseas-realizar-tu-c,
.view-view-page-operacionesuser .view-content .views-row .views-field-field-nombrerazonsocial,
.view-view-page-operacionesuser .view-content .views-row .views-field-field-empresa,
.view-view-page-operacionesuser .view-content .views-field-field-t-c-,
.view-view-page-operacionesuser .view-content .views-field-field-nrooperacion{
    display: none;
}
.view-view-page-operacionesuser .view-content .views-row .views-field-field-recibes .field-content {
    margin-top: 0;
    margin-bottom: 6px;
}
.view-view-page-operacionesuser .view-content .views-row .views-field-views-conditional-field {
    background: #f0f0ee;
    font-size: 20px;
    margin: 8px 0;
}
.view-view-page-operacionesuser .views-row .views-field-field__desde-que-cuenta-envias-t,
.view-view-page-operacionesuser .views-row .views-field-field-cuenta-bancaria-de-destino,
.view-view-page-detalleoperacion .views-row .views-field-field__desde-que-cuenta-envias-t,
.view-view-page-detalleoperacion .views-row .views-field-field-cuenta-bancaria-de-destino,
.view-view-page-operacionesuser .views-row .views-field-field__como-deseas-realizar-tu-c,
.view-view-page-operacionesuser .views-row .views-field-field-nombrerazonsocial,
.view-view-page-operacionesuser .views-row .views-field-field-titular2-1,
.view-view-page-detalleoperacion .views-row .views-field-field-titular2-1,
.view-view-page-operacionesuser .views-row .views-field-field-estado,
.view-view-page-detalleoperacion .views-row .views-field-field-estado{
    font-size: 17px;
    margin: 8px 0;
}

.view-view-page-operacionesuser .view-content .views-row .views-field-field-estado {
    margin: 0;
    font-size: 15px;
}
/**fin mis oiperaciones*/
/*********mis cuentas********/
.view-view-page-miscuentas .view-empty {        
    width: 100%;
    margin-right: auto;
}
.view-view-page-miscuentas .view-content {
    width: 100%;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
}
.view-view-page-miscuentas .view-content>h3 {
        width: 100%;
    font-size: 23px;
    color: #188e50;
}
.view-view-page-miscuentas .view-content .contenido,
.view-view-page-miscuentas .view-empty .contenido {
        display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    margin-right: auto;
    border: 1px solid #7595ff;
    padding: 0 20px 20px;
    border-radius: 15px;
}
.view-view-page-miscuentas .view-content .tabsopcion,
.view-view-page-miscuentas .view-empty .tabsopcion {
    display: block;
    width: 100%;
    margin-bottom: -1px;
	text-align: left;
	    z-index: 9;
}

.view-view-page-miscuentas .view-content .tabsopcion a,
.view-view-page-miscuentas .view-empty .tabsopcion a {
    display: inline-block;
    margin: 0 15px;
    background: #f0f0ee;
    padding: 10px 20px;
    border-left: 1px solid transparent;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #7595ff;
    text-decoration: none;
    cursor: pointer;
    color: #7595ff;
    transition: all 500ms;
}

.view-view-page-miscuentas .view-content .tabsopcion a.active,
.view-view-page-miscuentas .view-content .tabsopcion a:hover,
.view-view-page-miscuentas .view-empty .tabsopcion a.active,
.view-view-page-miscuentas .view-empty .tabsopcion a:hover {
	border-bottom: none;
    background: #f0f0ee;
    border-bottom: 1px solid #f0f0ee;
    color: #000;
    border-left: 1px solid #7595ff;
    border-right: 1px solid #7595ff;
    border-top: 1px solid #7595ff;
}
.view-view-page-miscuentas .views-row {
        max-width: 46%;
    width: 46%;
    border: 2px solid rgb(234 234 232);
    padding: 20px;
    position: relative;
    background-color: #e5e5e1;
    border-radius: 15px;
    font-size: 16px;
    margin-right: 4%;
    margin-bottom: 25px;
}

.view-view-page-miscuentas .views-row .views-field {
    display: flex;
}

.view-view-page-miscuentas .views-row .views-field .views-label {
    color: #000;
    font-weight: 500;
    margin-right: 10px;
}
.view-view-page-miscuentas .views-row .views-field.views-field-field-monedat {
    display: block;
    text-align: center;
    background: #000;
    margin-bottom: 20px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 14px;
}
.view-view-page-miscuentas .view-header {
    text-align: center;
    margin-bottom: 30px;
}
.view-view-page-miscuentas .view-content .contenido >h3,
.view-view-page-miscuentas .view-empty .contenido >h3 {
   display: block;
    width: 100%;
    margin: 10px 0 -19px;
    padding: 15px 15px 14px 28px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    background-image: url(images/icon_misempresas.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
}

div#block-tema-bloque-botones-cuentabancaria2,
#block-tema-bloque-botones-empresas{
    margin-top: 30px;
}
div#block-tema-bloque-botones-cuentabancaria2 p,
#block-tema-bloque-botones-empresas p{
    display: inline-block;
    margin: 5px;
}
#block-tema-bloque-botones-cuentabancaria2 .field a,
#block-tema-bloque-botones-empresas .field a{
    display: inline-block;
}

#block-tema-bloque-botones-cuentabancaria2 .field,
#block-tema-bloque-botones-empresas .field {
    text-align: center;
}
fieldset.info_titular,
fieldset.inforepresentate,
fieldset.infoaccionista,
.field--name-field-accionista-con-pep,
fieldset.info_pep,
fieldset.info_pep2{
    border: 2px solid rgb(204 216 255);
    padding: 20px;
    display: none;
}

fieldset.info_titular > legend,
fieldset.inforepresentate > legend,
fieldset.infoaccionista > legend,
fieldset.info_pep > legend,
fieldset.info_pep2 > legend{
    font-size: 14px;
    text-transform: uppercase;
    width: auto;
    margin: 0;
    padding: 0 10px;
    color: #d72731;
    font-weight: bold;
}
fieldset.info_titular #edit-field-tip--wrapper .form-type-radio:nth-child(1),
fieldset.inforepresentate #edit-field-tip--wrapper .form-type-radio:nth-child(1),
fieldset.infoaccionista #edit-field-tip--wrapper .form-type-radio:nth-child(1){
    display: none;
}
fieldset.info_titular .field--name-field-existe-tipo-de-representac .form-radios .form-item:nth-child(1) {
    display: none;
}
/**fin mis cuentas*/
/*********mis emrpesas********/
.page-edit #block-tema-bloque-botones-empresas .field {
    text-align: left;
    margin-left: 100px;
}
.nodeaddempresa #edit-field-eliminar-perfil-wrapper {
    display: none;
}
.view-view-page-empresas .view-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.view-view-page-empresas .views-row {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding: 10px 20px 20px 95px;
    position: relative;
    background-image: url(images/icon_empresa.png);
    background-repeat: no-repeat;
    background-position: 20px 27px;
    background-size: auto 55px;
    background-color: #e5e5e1;
    border-radius: 20px;
    margin-bottom: 25px;
}
.page-node-type-empresa .view-view-page-empresas .views-row {
    display: block;
}
.view-view-page-empresas .views-row .views-field.views-field-title {
        font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    padding: 15px 0 0;
}
.view-view-page-empresas .views-row .views-field-title .field-content {
    display: flex;
    flex-direction: column;
}

.view-view-page-empresas .views-row .views-field-title .email {
    text-transform: none;
    color: black;
}
.view-view-page-empresas .views-row .views-field {
    display: flex;
    margin: 3px 0;
        flex-wrap: wrap;
}
.view-view-page-empresas .views-row .views-field.views-field-edit-node, .view-view-page-empresas .views-row .views-field.views-field-edit-node-1 {
        margin-top: 15px;
}
.view-view-page-empresas .views-row .views-field.views-field-edit-node-1 {
    margin-left: 15px;
}

.view-view-page-empresas .views-row .views-field.views-field-edit-node-1 a {
    background: #fdb81d;
    color: #000;
}

.view-view-page-empresas .views-row .views-field.views-field-edit-node-1 a:hover {
    color: #fdb81d;
    background: #000;
}
.view-view-page-empresas .views-row .views-field .views-label {
    font-weight: bold;
    margin-right: 10px;
    color: #6c6c6c;
}
.view-view-page-empresas .views-row .views-field.views-field-field-monedat {
    display: block;
    text-align: center;
    background: #000;
    margin-bottom: 20px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 14px;
}

.view-view-page-empresas .view-header p {
    margin: 0;
}

.view-view-page-empresas .view-header a {
    margin-right: 10px;
    margin-bottom: 2px;
}
.page-edit #block-tema-page-title h1 {}

.page-node-type-empresa.page-edit .view-view-page-empresas .views-row .views-field.views-field-nothing {
    display: none;
}

.page-node-type-empresa.page-edit .view-view-page-empresas .views-row .views-field-edit-node,
.page-node-type-empresa.page-edit .view-view-page-empresas .views-row .views-field-edit-node-1{
    display: none;
}
.mensaje_eliminar {
        text-align: center;
    font-weight: bold;
    color: black;
    font-size: 20px;
    display: block;
    width: 100%;
}
.page-node-type-empresa.page-edit.role-admin .field--name-field-eliminar-perfil {
    display: block;
}
.node-add-empresa .field--name-field-eliminar-perfil {
    display: none;
}
.page-node-type-empresa.page-edit #edit-field-declaro-que-la-informacion-wrapper {
    display: none;
}

.page-node-type-empresa.page-edit .field--name-field-eliminar-perfil .form-type-radio:nth-child(1) {
    display: none;
}

.page-node-type-empresa.page-edit .field--name-field-eliminar-perfil .form-type-radio input {
    opacity: 1;
    position: relative;
}

.page-node-type-empresa.page-edit .field--name-field-eliminar-perfil .form-type-radio {
    width: auto;
    border: none;
}

.page-node-type-empresa.page-edit .field--name-field-eliminar-perfil .form-type-radio label.option {
    border-radius: 0;
    border: none;
    width: auto;
    display: inline-block;
    background: transparent !important;
    color: #000 !important;
    font-size: 18px;
}

.page-node-type-empresa.page-edit .field--name-field-eliminar-perfil legend {
    display: none;
}
.page-edit .view-view-page-empresas {
    max-width: 770px;
    margin: 0 auto 20px;
}
/**fin mis empresa*/
.flexslider {
    margin: 0;
    border: none;
}
.menumovil {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    left: 20px;
    bottom: 14px;
    display: none;
}
.menumovil span {
    width: 100%;
    height: 6px;
    margin: 5px 0;
    display: block;
    background: #188e50;
    border-radius: 5px;
    transition: all 500ms;
}

.menumovil:hover span {
    background: #175d38;
}
#block-tema-main-navigation .cerrar,
.region-sidebar-first .navigation .cerrar{
    display: none;
}
.node-form {
    margin: 10px;
}
#edit-field-fecha-y-hora-transferencia-wrapper .form-item .form-inline {
    flex-flow: row;
    justify-content: space-between;
}

#edit-field-fecha-y-hora-transferencia-wrapper .form-item:last-child {
    margin-right: 0;
}
form .form-radios {
    display: flex;
    flex-wrap: wrap;
}

form .form-radios .form-item {
    margin-right: 15px;
}
#block-tema-bloque-botones-cuentabancaria{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    display: inline-block;
}

#block-tema-bloque-botones-cuentabancaria .field,
#block-tema-bloque-botones-tasas .field{
        display: block;
    align-items: center;
}

#block-tema-bloque-botones-cuentabancaria .field a{
    padding: 8px 18px;
    text-decoration: none;
    display: block;
}
#block-tema-bloque-botones-cuentabancaria .field p.unico {
    clear: both;
    margin: 5px 22%;
    min-width: 40%;
}

#block-tema-bloque-botones-cuentabancaria .field p,
#block-tema-bloque-botones-tasas .field p{
    display: inline-block;
    margin: 5px;
}

div#block-tema-bloque-topesoles {
    display: none;
    font-size: 0;
    height: 0;
}
div#block-tema-views-block-view-correo-usuario-block-1,div#block-tema-views-block-view-correoadmins-block-1, #block-tema-views-block-view-correonodo-block-1 {
    display: none;
}
div#block-tema-bloque-botones-tasas {
    width: 100%;
    text-align: center;
    margin: 20px 0 30px;
}
/**********
empresa
************/
fieldset.tipo_persona {
    margin: 0 0 20px;
    border-radius: 20px;
}

fieldset.tipo_persona legend {
        color: #3b67a1;
    display: block;
    margin: 0 !important;
    padding: 0px 10px !important;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
        display: none;
}
fieldset.tipo_persona .fieldgroup legend {
    display: none;
}

fieldset.tipo_persona .form-radios .form-item {
    display: inline-block;
    margin: 5px 1%;
vertical-align: middle;
}

fieldset.tipo_persona .form-radios {
    display: block;
    width: 100%;
}
fieldset.tipo_persona .field--name-field-empresa .form-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}
fieldset.tipo_persona .field--name-field-empresa .form-item .description a{
    color: #151a39;
    min-width: 0;
    text-decoration: none;
    font-weight: bold;
    padding: 0;
    margin-left: 10px;
    background-image: url(images/icon_add.png);
    background-size: auto 23px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 8px;
}
.Empresa fieldset.tipo_persona .field--name-field-empresa {
    display: block;
}
fieldset#edit-group-registrar-mi-operacion-con {
    float: none;
}
fieldset.tipo_persona .field--name-field-empresa .form-item select {
        padding: 4px;
    max-width: 180px;
    text-align: center;
    border: none;
    background: #188e50;
    color: white;
    border-radius: 16px;
    text-transform: uppercase;
}

fieldset.tipo_persona .field--name-field-empresa .form-item label {
    padding: 0px 10px;
    font-weight: bold;
    background: transparent !important;
    margin: 0;
}

fieldset.tipo_persona .field--name-field-empresa .form-item .description {
    text-align: center;
    margin-left: 4px;
}
fieldset.tipo_persona .fieldset-wrapper {
    float: left;
    width: 100%;
}
fieldset.tipo_persona .field--name-field-empresa {
    display: none;
}
fieldset.tipo_persona.emp .field--name-field-empresa option:first-child {
    display: none;
    opacity: 0;
}
.view-view-block-adminoperacion-view .views-field-field-e-mail,
.view-view-block-adminoperacion-view .views-field-field-empresa{
    display: none;
}

div#edit-field-correo-emp-wrapper {
    display: none;
}
.node-operacion-edit-form.node-form .tipo_persona {
    display: none;
}
.role-authenticated.role-operador form#user-form .button--danger {
    display: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
input:-webkit-autofill{
    -webkit-text-fill-color: #151a39 !important;
}
.form-item--error-message {
    color: #ea5b5f;
}
/********
cambiar perfil
*********/
.view-view-page-cambiarperfil {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.view-view-page-cambiarperfil .label {
    color: #188e50;
    font-weight: bold;
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
}
.view-view-page-cambiarperfil .view-content {display: none;}

.view-view-page-cambiarperfil .opcperfil {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap;
}
#block-tema-views-block-view-page-cambiarperfil-block-1 .block_inner {
    padding: 0;
}
.view-view-page-cambiarperfil .opcperfil .it,
#block-cambiarperfil .tipoperf{
        color: #188e50;
    font-weight: bold;
    font-size: 15px;
    line-height: normal;
    background: white;
    padding: 20px 15px;
    border-radius: 10px;
    margin: 1%;
    cursor: pointer;
    transition: all 500ms;
    border: 2px solid #188e50;
    background-position: center 10px;
    background-size: auto 80px;
    background-repeat: no-repeat;
    width: 23%;
    min-height: 175px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.view-view-page-cambiarperfil .opcperfil .it .icon {
    display: block;
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.view-view-page-cambiarperfil .opcperfil .it.empresa .icon,
.Empresa #block-cambiarperfil .tipoperf{
    background-image: url(images/icon_empresa.png);
}
.view-view-page-cambiarperfil .opcperfil .it.persona .icon,
.Persona #block-cambiarperfil .tipoperf .icon{
    background-image: url(images/icon_persona.png);
}
.view-view-page-cambiarperfil .opcperfil .it.agregaremp .icon{
    background-image: url(images/icon_add.png);
}
.view-view-page-cambiarperfil .opcperfil .it a {
    text-decoration: none;
}
.view-view-page-cambiarperfil .opcperfil .it:hover,
.Empresa .view-view-page-cambiarperfil .opcperfil .it.empresa.activo,
.Persona .view-view-page-cambiarperfil .opcperfil .it.persona{
    background-color: #188e50;
    color: white;
}
.view-view-page-cambiarperfil .opcperfil .it:hover .icon,
.Empresa .view-view-page-cambiarperfil .opcperfil .it.empresa.activo .icon,
.Persona .view-view-page-cambiarperfil .opcperfil .it.persona .icon{
    filter: brightness(0) invert(1);
}
.view-view-page-cambiarperfil .opcperfil .it:hover a {
    color: white;
    text-decoration: none;
}
.view-view-page-cambiarperfil .closepop a {
    top: 5px;
    right: 15px;
}

.paso1 div#block-mensaje-calculadora {
    font-size: 0;
}
div#block-cambiarperfil {
    width: auto;
    display: block;
    float: right;
}
div#block-cambiarperfil .field.field--name-field-detalle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
div#block-cambiarperfil .field.field--name-field-detalle a.btn {
    background: #d72731;
    border-radius: 20px;
    color: white;
    font-weight: bold;
    padding: 5px 20px;
    border: 3px solid transparent;
}
#block-cambiarperfil .tipoperf {margin: 0 20px 0 0;border: none;background: #f5f7ff;cursor: auto;}

#block-cambiarperfil p {margin: 0;}
div#block-cambiarperfil .field.field--name-field-detalle a.btn:hover {
    color: #d72731;
    border-color: #d72731;
    background: white;
}
div#edit-field-selecciona-tu-cuenta-desti--description a {
    font-size: 16px;
        background: #151a39;
    color: #ffffff;
    font-weight: bold;
    border: 2px solid;
    border-radius: 20px;
    padding: 8px 16px;
    display: block;
    text-align: center;
    text-decoration: none;
    transition: all 500ms;
}
div#edit-field-selecciona-tu-cuenta-desti--description a:hover {
    background: #f2f3ff;
    color: #151a39;
}
div#edit-field-selecciona-tu-cuenta-desti--description {float: right;max-width: 40%;}
.sidebar-first .view-footer .btn {
    font-size: 18px;
    margin: 2px 10px;
}
.sidebar-first .view-footer .btn2 {
    background: #151a39;
}

.sidebar-first .view-footer .btn2:hover {
    background: #d72731;
    color: #151a39;
}
.sidebar-first .view table {
    font-size: 14px;
}
.sidebar-first #block-mainpagecontent .block_inner {
    max-width: none;
}
.region-sidebar-first .navigation li a.itemempresa {
    display: none;
}

div#block-texto-inferiorcalculadoramovil {
    display:none;
    color: #001689;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}
div#block-texto-inferiorcalculadoramovil .block_inner {
    max-width: 500px;
    font-size: 13px;
}
.role-anonymous.path-node.addope #block-tema-formoperacion {display: none;}

.role-anonymous.path-node.addope div#block-mensaje-calculadora {display: none;}
#block-mainpagecontent .block_inner {
    padding: 0;
}

/********************
menu sidebar
*****************/
.sidebar-first .order-1 {
    flex: 0 0 100%;
    max-width: calc(100% - 300px);
}
.node-add-operacion .precontent {
    display: none;
}
.sidebar-first .order-2 {
    width: 300px;
    max-width: none;
    flex: 0 auto;
    background-color: #dcdbd8;
    position: relative;
}
.sidebar-first .order-2:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 1500px;
    background: #dcdbd8;
    z-index: 0;
}
.sidebar-first .order-2 .region-sidebar-first {
        position: relative;
    z-index: 9;
    overflow: visible;
}
.Empresa.sidebar-first .order-2,
.Empresa.sidebar-first .order-2:before{
        background-color: #c5d7cd;
}
.region-sidebar-first .navigation li {
    margin: 0;
    float: left;
    width: 100%;
}
.region-sidebar-first .navigation li a {
    font-size: 15px;
    color: #393a38;
    font-weight: 600;
    padding: 8px 20px 8px 45px;
    background-size: 22px auto;
    background-position: 22px center;
    letter-spacing: 0;
    margin: 5px 0;
    transition: all 500ms;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(images/menu1.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    position: relative;
}
.region-sidebar-first .navigation li a.menu2 {
    background-image: url(images/menu2.png);
}
.region-sidebar-first .navigation li a.menu3 {
    background-image: url(images/menu3.png);
}
.region-sidebar-first .navigation li a.menu4 {
    background-image: url(images/menu4.png);
}
.region-sidebar-first .navigation li a.menu5 {
    background-image: url(images/menu5.png);
}
.region-sidebar-first .navigation li a.menu6 {
    background-image: url(images/menu6.png);
}
.region-sidebar-first .navigation li a.menu7 {
    background-image: url(images/menu7.png);
}
.region-sidebar-first .navigation li a.menu_salir,
.region-sidebar-first #block-tema-menuadmin li a.menu_salir{
    background: #188e50;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    min-width: 150px;
    text-align: center;
    padding: 5px 14px;
    font-size: 15px;
    border-radius: 8px;
    border: 2px solid transparent;
    transition: all 500ms;
    text-decoration: none;
    width: auto;
    display: inline-block;
    margin-left: 12px;
}

.region-sidebar-first .navigation li a.menu_salir:before {
    display: none;
}

.region-sidebar-first .navigation li a.menu_salir:hover {
    background: white;
    color: #188e50;
}
.region-sidebar-first .navigation li a:before {
    content: "";
    display: block;
    width: 1500px;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    background: transparent;
    z-index: 0;
    transition: all 500ms;
}

.region-sidebar-first .navigation li a:hover:before,.region-sidebar-first .navigation li a.active:before {
    background: #f0f0ee;
}
.region-sidebar-first .cerrar {
    position: absolute;
    top: 0;
    right: 0;
    background: #188e50;
    color: white;
    font-weight: bold;
    padding: 4px 12px;
    cursor: pointer;
    display: none;
}
.region-sidebar-first .navigation li a:hover,
.region-sidebar-first .navigation li a.active,
.path-user .region-sidebar-first .navigation li a.menu_perfil {
        background-color: #f0f0ee;
}
.region-sidebar-first .navigation li a.menu_cerrarsesion {
    background: #188e50;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 40px;
    padding: 8px 15px;
    border-radius: 14px;
    font-size: 16px;
    margin-top: 30px;
    display: inline-block;
}

.region-sidebar-first .navigation li a.menu_cerrarsesion:hover {
    background: white;
    color: #000;
}
.Empresa .region-sidebar-first .navigation li a.menu_cerrarsesion {
    background: #000;
    color: #188e50;
}

.Empresa .region-sidebar-first .navigation li a.menu_cerrarsesion:hover {
    background: #fff;
    color: #000;
}
div#block-tema-bloque-consultaws {display: none;}

.sidebar-first .row.no-gutters {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    min-height: 88vh;
}
.fecha_actual {display: none;}

.view-view-block-bienvenido .views-field-field-sexo .imgsexo {width: 60px;height: 60px;}

div#block-tema-views-block-view-block-bienvenido-block-1 .block_inner {padding: 0;}

.role-authenticated .form-item-status-value {
    display: none;
}
.role-authenticated.role-admin .form-item-status-value {
    display: block;
}
.role-authenticated.role-admin form#node-operacion-edit-form .form-item-status-value {
    display: none;
}
.view-view-block-adminoperacion-view .view-header .btn {
    font-size: 15px;
    display: block;
    max-width: 225px;
    padding: 4px;
    margin: 10px auto 20px;
    background: #188e50;
}
.view-view-block-adminoperacion-view .view-header .btn:hover {
    color: #188e50;
    background: white;
    border-color: #188e50;
}
div#block-tema-bloquetiempominutos,
div#block-tema-bloquetiempominutos2{
    display: none;
}
form.node-form .form-item#edit-group-info-superior {
    margin-bottom: 30px;
}
.countdown {
    position: absolute;
    right: 0;
    top: 15px;
    background-color: #fffffe;
    z-index: 9999;
    font-weight: bold;
    background-size: 26px auto;
    font-size: 18px;
    border-radius: 20px 0 0 20px;
    min-width: 170px;
    text-align: center;
    padding: 5px 10px 5px 50px;
    background-image: url(images/icon_time.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    width: 120px;
}
.role-authenticated .region-header .menu--account li:last-child {
    display: none;
}

.countdown:before {
    content: "";
    display: block;
    width: 1500px;
    height: 100%;
    left: 100%;
    background: #fffffe;
    position: absolute;
    top: 0;
}
.countdown .tit {
    display: block;
    font-size: 10px;
}
.cambiarp {
        font-weight: bold;
    display: block;
    margin: 10px 0;
}

.cambiarp a {
    text-decoration: none;
    border: 1px solid transparent;
    background: #188e50;
    padding: 4px 10px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    font-size: 12px;
    line-height: 17px;
    cursor: pointer;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
}
.cambiarp a:hover {
    background: #f0f0ee;
    color: #188e50;
    border-color: #188e50;
}
form .js-form-type-password {
    position: relative;
}

form .js-form-type-password span.shwpd {
    position: absolute;
    right: 10px;
    top: 17px;
    margin: 0;
    z-index: 99;
    cursor: pointer;
}
.view-view-page-cambiarperfil p.texto_iniciar {
    margin: 50px 0 0;
    font-weight: bold;
    font-size: 17px;
}

.view-view-page-cambiarperfil p.texto_iniciar a {
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    background: gold;
    text-transform: uppercase;
    transition: all 500ms;
    color: #151a39;
}

.view-view-page-cambiarperfil p.texto_iniciar a:hover {
    color: white;
    background: #131a39;
    transform: scale(1.05);
}
.eye-open {
  background: url("images/eye-open.svg") no-repeat;
  display: block;
  height: 16px;
  width: 24px;
  margin-top: 2px;
  background-size: 20px;
}

.eye-close {
  background: url("images/eye-close.svg") no-repeat;
  display: block;
  height: 16px;
  width: 24px;
  margin-top: 2px;
  background-size: 20px;
}

.shwpd{
  float: right;
  margin-left: -35px;
  margin-top: 25px;
  position: relative;
  z-index: 2;
}
form#change-pwd-form .form-type-password .shwpd {
    top: 16px;
}
.view-view-page-exportoperaciones a.descargar {
    display: inline-block;
    transition: all 500ms;
    margin: 5px 10px;
    border: 2px solid transparent;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 18px;
    background: #34f7c7;
    color: black;
    text-decoration: none;
}

.view-view-page-exportoperaciones .view-header {
    display: block;
    margin: 0 0  30px;
    width: 100%;
    text-align: center;
}

.view-view-page-exportoperaciones a.descargar:hover {
    background: #151a39;
    color: #34f7c7;
}
.view-view-block-tipocambio .views-row.dcto .views-field-field-t-c-compra.activo .cantant {
        display: block;
}
.view-view-block-tipocambio .views-row.dcto .views-field-field-t-c-venta.activo .cantant {
    display: block;
}
.role-authenticated.role-cliente form#user-form div.form-wrapper.field--name-field-tipo-de-documento,
.role-authenticated.role-cliente form#user-form div.form-wrapper.field--name-field-nro-documento,
.role-authenticated.role-cliente form#user-form div.form-wrapper.field--name-field-nombres,
.role-authenticated.role-cliente form#user-form div.form-wrapper.field--name-field-apellidos,
.role-authenticated.role-cliente form#user-form div.form-wrapper.field--name-field-apellido-materno {
    pointer-events: none;
    opacity: .7;
}

.role-authenticated.role-cliente form#user-form div#edit-field-telefono-wrapper {
    pointer-events: auto;
    opacity: 1;
}

.role-authenticated.role-cliente form#user-form .form-wrapper .form-item-current-pass {
    display: none;
}

.role-authenticated.role-cliente form#user-form .form-wrapper#edit-account{
    opacity: 1;
    padding-top: 5px;
    display: block;
}
.role-authenticated.role-cliente form#user-form .form-wrapper#edit-field-acepto-wrapper {
    display: none;
}

.role-authenticated.role-cliente form#user-form .form-wrapper#edit-actions {opacity: 1;pointer-events: auto;}
#block-tema-views-block-view-block-cupon-block-1,
#block-tema-views-block-view-block-cuponuser-block-1{
    display: none;
}
.row.no-gutters {
        max-width: 100%;
    margin: 0 !important;
}
.row > * {
    padding: 0;
}
/***********
admin
**********/
.role-operador.sidebar-first .view table, .role-operador.sidebar-first.path-user table,
.role-operador.sidebar-first .view table th, .role-operador.sidebar-first.path-user table th{
    font-size: 12px;
    background: white;
}

.role-authenticated form#user-form fieldset.group > legend {
    display: none;
}

/*************
panel
************/
.Persona .nempresa,
.Empresa .npersona{
    display: none;
}

.Empresa .nempresa,
.Persona .npersona{
    display: block;
}
.vertical-tabs {
    font-size: 12px;
}
.smartdate--widget legend {
    font-size: 15px;
}
.smartdate--time-inline label {
    font-size: 11px !important;
    margin-top: -10px !important;
    display: none !important;
}
.page-node-type-cupones .node__content {
    text-align: center;
}

.page-node-type-cupones .node__content .field__label {
    float: none;
    display: inline-block;
}

.page-node-type-cupones .node__content .field__item {
    display: inline-block;
}

.page-node-type-cupones .node__content .field {
    margin: 8px 0;
}
.role-admin .view-view-block-bienvenido .view-footer a {
    display: none;
}
.view .btnedit a {
        border: 1px solid;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 5px;
    background: url(images/icon_edit.png);
    color: white;
    text-decoration: none;
    transition: all 500ms;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    width: 20px;
    height: 20px;
}

.view .btnedit a:hover {
    color: #d1d1d1;
}
.view .btnview a {
    border: 1px solid;
    display: inline-block;
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 5px;
    background: #d1d1d1;
    color: white;
    text-decoration: none;
    transition: all 500ms;
    min-width: 52px;
    text-align: center;
}

.view .btnview a:hover {
    color: #000;
}
.view a.descargar {
    margin: 0 10px;
    background: #188e50;
    color: #000;
    font-weight: bold;
    padding: 9px 20px;
    border-radius: 10px;
    min-width: 21%;
    text-align: center;
    transition: all 500ms;
    vertical-align: middle;
    max-width: 200px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.view a.descargar:hover {
    color: #d72731;
}
.view-view-block-cuentascasacambio .views-row .det .copiarcuenta {
    font-size: 0;
}
.copiarcuenta .icon {
    display: inline-block;
    width: 27px;
    height: 20px;
    background-image: url(images/icon_copiar.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    transition: all 500ms;
    vertical-align: sub;
    margin-left: 5px;
}

span.copiarcuenta .icon:hover {
    filter: brightness(1) invert(.5);
}
.node-86 div#block-mainpagecontent,
.node-87 div#block-mainpagecontent{
    text-align: center;
    font-weight: bold;
}
.node-87 .node__content main,
.node-86 .node__content main{
    background: no-repeat;
    padding: 0;
}
a.cerrar_cuenta {
    display: none;
}
body.sidebar-first {
    background: #efefed;
        overflow-x: hidden;
}
.role-cliente.page-node-type-cuenta-bancaria .tabs-wrapper {
    display: none !important;
}
.view-view-page-miscuentas .view-content .contenido >h3:before {
    content: ".";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50%;
    font-size: 0;
    margin-right: 10px;
}

.view-view-page-miscuentas .views-row .views-field.views-field-field-imagen .field-content {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-weight: bold;
    color: black;
}

.view-view-page-miscuentas .views-row .views-field.views-field-field-imagen .field-content img {
    max-width: 120px;
    max-height: 22px;
    width: auto;
    height: auto;
    margin-right: 10px;
}
.view-view-page-miscuentas .views-row .views-field.views-field-edit-node a,
.view-view-page-miscuentas .views-row .views-field.views-field-nothing a{
        background: #7a7a7a;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 11px;
    display: inline-block;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    transition: all 500ms;
}

.view-view-page-miscuentas .views-row .views-field.views-field-edit-node,
.view-view-page-miscuentas .views-row .views-field.views-field-nothing{
    margin-top: 15px;
    justify-content: flex-end;
}

.view-view-page-miscuentas .views-row .views-field.views-field-edit-node a:hover,
.view-view-page-miscuentas .views-row .views-field.views-field-nothing a:hover{
        color: white;
    background: #188e50;
}
.role-cliente .node-cuenta-bancaria-edit-form div.form-wrapper {
    display: none !important;
}
.page-node-type-cuenta-bancaria .mensaje_eliminar {
    margin-top: 25px;
}

.role-cliente .node-cuenta-bancaria-edit-form .form-wrapper.field--name-field-eliminar-cuenta fieldset legend {
    display: none;
}
.role-cliente .node-cuenta-bancaria-edit-form .form-wrapper.field--name-field-eliminar-cuenta {
     display: block !important;
}
.role-cliente .node-cuenta-bancaria-edit-form .form-wrapper.field--name-field-eliminar-cuenta fieldset .fieldset-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
.role-cliente .node-cuenta-bancaria-edit-form div.form-wrapper.form-actions {
    display: block !important;
}
.role-cliente .node-cuenta-bancaria-edit-form .form-wrapper.field--name-field-eliminar-cuenta fieldset .fieldset-wrapper label.option {
    background: transparent !important;
    font-size: 16px;
}
.role-cliente.page-node-type-cuenta-bancaria h1.page-title em {
    display: none;
}
.node-add-cuenta-bancaria #edit-field-eliminar-cuenta-wrapper {
    display: none;
}
.view-view-page-admincupones .view-header {
    text-align: center;
    margin-bottom: 20px;
}
.role-anonymous.page-node-type-cupones .node__content .field--name-field-para,.role-cliente.page-node-type-cupones .node__content .field--name-field-para {
    display: none;
}
.view-view-detallenodo-cuentabancaria h2 {
    display: none;
}

.view-view-detallenodo-cuentabancaria .node__links {
    display: none;
}
.views-exposed-form .form-item.form-item-created label {
        position: relative;
    top: auto !important;
    background: transparent;
    padding: 0;
    margin: 0 0 5px !important;
    left: auto;
    opacity: 1;
    visibility: visible;
}
.path-user.sidebar-first .row.no-gutters {
        max-width: 1360px;
    margin: 0 auto !important;
}
.sidebar-first .region-header .menu--account {
    margin-left: auto;
}
.role-operador.node-add-operacion form .field--name-field-estado, 
.role-operador.node-add-operacion form .field--name-field-notas, 
.role-operador.node-add-operacion form .field--name-field-nro-de-transferencia, 
.role-admin.node-add-operacion form .field--name-field-estado, 
.role-admin.node-add-operacion form .field--name-field-notas, 
.role-admin.node-add-operacion form .field--name-field-nro-de-transferencia,
.role-admin.node-add-operacion form .field--name-field-selecciona-cuenta-de-trans,
.role-operador.node-add-operacion form .field--name-field-selecciona-cuenta-de-trans{
    display: none;
}
.node-operacion-edit-form.node-form .form-wrapper input,
.node-operacion-edit-form.node-form .form-wrapper a {
    min-width: 48%;
}
.role-cliente.page-node-type-operacion.page-edit fieldset#paso4 .mensajedonde {
    margin-top: 20px;
    position: relative;
    padding-bottom: 10px;
}

.node-operacion-edit-form .mensajedonde legend {
    padding-bottom: 15px;
}
.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: none;
}
#block-tema-bloque-wsflotante {
    position: fixed;
    z-index: 9999999;
    right: 20px;
    bottom: 20px;
}

#block-tema-bloque-wsflotante .field--name-field-items {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 10px;
    display: none;
}

#block-tema-bloque-wsflotante .field--name-field-items> .field__item {
    position: relative;
    display: block;
    margin: 8px 0;
}

#block-tema-bloque-wsflotante .field--name-field-items .field--name-field-titulo {
    display: block;
    background: #00d045;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    padding: 7px 14px 7px 45px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-image: url(images/icon_ws.png);
    background-repeat: no-repeat;
    background-size: auto 22px;
    background-position: 14px center;
    text-decoration: none;
    transition: all 500ms;
    white-space: nowrap;
}

#block-tema-bloque-wsflotante .field--name-field-items .field--name-field-enlace a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    font-size: 0;
}

#block-tema-bloque-wsflotante .field--name-field-items .field__item:hover .field--name-field-titulo {
    background-color: #d72731;
}

#block-tema-bloque-wsflotante .field--name-field-detalle h2 {
        background: white;
    color: #d72731;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    padding: 6px 12px 4px;
    line-height: 18px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
    margin-bottom: 18px;
    float: right;
}
#block-tema-bloque-wsflotante .field--name-field-detalle h2 img {
    display: inline-block;
    margin: 0 5px 0 0;
    max-width: 24px;
    height: auto;
}
#block-tema-bloque-wsflotante .field--name-field-detalle h2:after {
    width: 12px;
    height: 12px;
    background: white;
    display: block;
    position: absolute;
    right: 20px;
    bottom: -6px;
    content: "";
    transform: rotate(45deg);
    z-index: -1;
}

#block-tema-bloque-wsflotante .field--name-field-detalle p {
    margin: 0;
}

#block-tema-bloque-wsflotante .field--name-field-detalle img {
    display: block;
    margin-right: 15px;
}

#block-tema-bloque-wsflotante .field--name-field-detalle {
    cursor: pointer;
    transition: all 500ms;
}

#block-tema-bloque-wsflotante .field--name-field-detalle:hover {
    transform: scale(1.02);
}
#block-tema-views-block-view-block-cuentasoperacion-block-1,
#block-tema-views-block-view-block-cuentasoperacion-block-2{
        position: fixed;
    width: 90%;
    z-index: 999999999;
    top: 50%;
    left: 50%;
    background: #f0f0ee;
    max-width: 800px;
    padding: 30px;
    overflow: auto;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    display: none;
    box-shadow: 0 0 5px #c1c1c1;
}
.sidebar-first .view-view-block-cuentasoperacion .view-footer a {
        position: relative;
    display: inline-block;
    padding: 6px 10px;
    top: auto;
}
.sidebar-first .view-view-block-cuentasoperacion .view-footer {
        text-align: center;
    margin-top: 10px;
}
.view-view-block-cuentasoperacion .views-row {
    width: 48%;
    background: white;
    margin: 1%;
    padding: 15px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 500ms;
    display: none;
}
.view-view-block-cuentasoperacion .views-row:hover {
    transform: scale(1.03);
}
.view-view-block-cuentasoperacion .view-content {
        display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.view-view-block-cuentasoperacion .views-row .tit {
    display: flex;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.view-view-block-cuentasoperacion .views-row .tit img {
        width: auto;
    height: auto;
    max-width: 90px;
    max-height: 18px;
    margin-right: 8px;
}

.view-view-block-cuentasoperacion .views-row .det {
    display: block;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    padding-left: 40px;
    background-image: url(images/bandera1.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
}

.view-view-block-cuentasoperacion .views-row  .cSOLES .det {
    background-image: url(images/bandera2.jpg);
}
#block-tema-views-block-view-block-cuentasoperacion-block-1 h2,
#block-tema-views-block-view-block-cuentasoperacion-block-2 h2{
    text-align: center;
    color: #188e50;
    font-weight: bold;
    font-size: 24px;
}
.field--name-field-cuenta-bancaria-emisora,.field--name-field-cuenta-bancaria-receptora {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}
.p2cuenta {
        display: flex;
    width: 100%;
    margin-bottom: 5px;
    background: white;
    padding: 10px 15px;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    text-align: left;
}

.p2cuenta a {
    display: inline-block;
    color: #225ea7;
    text-transform: uppercase;
    padding: 0;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    margin: 0;
    background-image: url(images/icon_select.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    font-size: 0;
    width: 25px;
    height: 15px;
    background-position: center;
}

.p2cuenta a:hover {
    background: #000;
    color: white;
}
.p2cuenta .info {
    color: #393939;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 17px;
    text-transform: uppercase;
}

.p2cuenta .info .tit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
    font-weight: bold;
}

.p2cuenta .info .tit img {
        width: auto;
    height: auto;
    max-width: 90px;
    max-height: 18px;
    margin-right: 8px;
}

.p2cuenta .info .det {
    display: block;
    color: #393939;
    font-weight: 500;
    font-size: 17px;
    padding-left: 40px;
    background-image: url(images/bandera2.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
}
select#edit-field-desde-que-cuenta-envias-t,
select#edit-field-cuenta-bancaria-de-destino,
form .form-item-field-cuenta-bancaria-emisora-0-target-id,
form .form-item-field-cuenta-bancaria-receptora-0-target-id,
form .field--name-field-bancocasa{
    display: none;
}
.p2cuenta .info .cDÓLARES .det {
    background-image: url(images/bandera1.jpg);
}
#block-antesdetransferirtenencuenta {
        background: white;
    position: fixed;
    z-index: 99999999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 800px;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    color: black;
    display: none;
}
#block-antesdetransferirtenencuenta img {
    display: block;
    margin: 0 auto;
    max-width: 90px;
    height: auto;
    width: 100%;
}
#block-antesdetransferirtenencuenta table td {
    vertical-align: top;
}
#block-antesdetransferirtenencuenta h2 {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}

#block-antesdetransferirtenencuenta table img {
    width: auto;
    height: auto;
    display: block;
    min-width: 34px;
}

#block-antesdetransferirtenencuenta table td {
    padding: 8px 8px;
}
#block-tema-views-block-view-block-cuentasoperacion-block-1 .closepop a,
#block-tema-views-block-view-block-cuentasoperacion-block-2 .closepop a{
    right: 20px;
    top: 15px;
}
.role-authenticated.path-user  #block-tema-page-title {
    display: none;
}

#block-tema-views-block-view-encabezado-usuario-block-1 .block_inner {
    padding: 0;
}
#block-antesdetransferirtenencuenta .closepop a {
    position: relative;
    display: inline-block;
    transform: none;
    background: #000;
    color: white !important;
    padding: 8px 25px;
    border-radius: 10px;
    text-transform: uppercase;
}

#block-antesdetransferirtenencuenta .closepop {
    text-align: center;
    margin-top: 25px;
}

#block-antesdetransferirtenencuenta .closepop a:hover {
    color: #000 !important;
    background: #188e50;
}
.view-view-encabezado-usuario .views-field-nothing {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
    background: #e5e5e1;
    border-radius: 20px 20px 0 0;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}
.view-view-encabezado-usuario .views-field-nothing .field-content {
    display: flex;
    align-items: center;
}
.view-view-encabezado-usuario .views-field-nothing .email {
        text-transform: none;
    color: #188e50;
}
.view-view-encabezado-usuario .views-row {
        width: 100%;
    padding: 0;
    position: relative;
}
.view-view-encabezado-usuario .views-field-nothing-1 {
        background-image: url(images/icon_ruc.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 50px;
    background-size: 37px auto;
    flex-direction: column;
    font-weight: bold;
    color: black;
    float: left;
    margin-right: 200px;
}
.view-view-encabezado-usuario .views-field-field-fecha-de-nacimiento {
    float: left;
    font-weight: bold;
    color: black;
}
.role-authenticated.role-cliente form#user-form #edit-field-ar-wrapper, .role-authenticated.role-cliente form#user-form .field--name-field-archivo-dni-reverso,.role-authenticated.role-cliente form#user-form .field--name-field-autorizo-recibir-a-href-ht {
    pointer-events: all;
    opacity: 1;
}

div#block-tema-cantidadminima,
#block-tema-variable-cantidadvalidacion{
    display: none;
}
.paso4 .botonnext {
    float: none;
    display: inline-block;
    margin: 15px auto;
    width: 100%;
    text-align: center;
}
.paso4 .botonnext a {
    display: inline-block;
}

.node-add-operacion form .mensajedonde .fieldset-wrapper >div,
.node-operacion-edit-form .mensajedonde .fieldset-wrapper >div{
    margin: 2px 20px;
}
.node-add-operacion form .mensajedonde legend,
.node-operacion-edit-form .mensajedonde legend{
    font-size: 15px !important;
}

.node-add-operacion form .mensajedonde .fieldset-wrapper,
.node-operacion-edit-form .mensajedonde .fieldset-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.node-add-operacion form .mensajedonde  a,
.node-operacion-edit-form .mensajedonde a{
    display: block;
    color: white;
    padding: 6px 15px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 500ms;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #188e50;
    text-decoration: underline;
}
.node-add-operacion form .mensajedonde a:before, .node-operacion-edit-form .mensajedonde a:before {
        content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(images/iconoconsulta.png);
    background-size: contain;
    margin-right: 5px;
}
.node-add-operacion form .mensajedonde a:hover,
.node-operacion-edit-form .mensajedonde a:hover{
    color: #000;
}
.node-add-operacion .paso .field--name-field-especificar-origen-de-los- {
    display: none;
}
.Empresa .region-sidebar-first .navigation li a.menu_perfil {
    display: none;
}
.role-authenticated .region-sidebar-first .navigation li a.menu_empresas {
    display: none;
}
.role-authenticated.Empresa .region-sidebar-first .navigation li a.menu_empresas {
    display: block;
}
.page-node-type-empresa.page-edit .field--name-field-r-u-c-, .page-node-type-empresa.page-edit .field--name-title {
    pointer-events: none;
    opacity: .7;
}
.node-cuenta-bancaria-form .field--name-field-empresa-relacionada {
    display: none;
}
.node-cuenta-bancaria-form .field--name-field-tipo-de-, .node-cuenta-bancaria-form .field--name-field-ndeg-de-documento {
    display: none;
}
.field--name-field-accionista-con-pep  td.field-multiple-drag {
    display: none;
}

.field--name-field-accionista-con-pep tr {
    padding: 0 20px;
    display: block;
}

.field--name-field-accionista-con-pep tr label {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.field--name-field-accionista-con-pep .paragraph-top {
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    font-size: 15px;
}

.field--name-field-accionista-con-pep thead button.paragraphs-dropdown-toggle {
    display: none;
}

.field--name-field-accionista-con-pep .tabledrag-toggle-weight-wrapper {
    display: none;
}

.field--name-field-accionista-con-pep tr h4.label {
    text-transform: uppercase;
    font-weight: bold;
}

.field--name-field-accionista-con-pep thead tr {
    padding: 0;
}
form .paragraphs-actions > .button {
    border-radius: 10px;
    padding: 5px 8px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    transition: all 500ms;
    color: #188e50;
    background: #000;
}

form .paragraphs-actions > .button:hover {
    background: #188e50;
    color: #000;
}

.field--widget-paragraphs .field-add-more-submit, .field--widget-entity-reference-paragraphs .field-add-more-submit {
        background: #939393;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 4px 10px;
    transition: all 500ms;
}

.field--widget-paragraphs .field-add-more-submit:hover, .field--widget-entity-reference-paragraphs .field-add-more-submit:hover {
    color: white;
    background: #188e50;
}
.field--name-field-accionista-con-pep .js-form-item.form-item {
    margin-top: 0;
}

#block-tema-views-block-view-block-cuentasoperacion-block-1 .block_inner,
#block-tema-views-block-view-block-cuentasoperacion-block-2 .block_inner{
    padding: 0;
}
.popupmensaje.finsesion .closepop {
    display: none;
}

.popupmensaje.finsesion a.cargarpagina {
    display: block;
    margin: 10px auto 0;
    max-width: 100%;
    width: 150px;
    text-align: center;
}
.webform-submission-libro-de-reclamaciones-form .description strong {color: #000;}

.webform-submission-libro-de-reclamaciones-form .description p {
    margin: 5px 0;
}

.webform-submission-libro-de-reclamaciones-form .description {
    font-size: 12px !important;
}

.path-webform .webform-submission-libro-de-reclamaciones-form fieldset#edit-tipo-de-documento--wrapper .form-item:nth-child(2) label {
    border-radius: 0;
}

.path-webform .webform-submission-libro-de-reclamaciones-form fieldset#edit-tipo-de-documento--wrapper .form-item label {
    font-size: 17px;
}
#paso2 .field--name-field-acepto-los-a-href-https-we >div {
    display: flex;
    align-items: center;
}

#paso2 .field--name-field-acepto-los-a-href-https-we >div label {
    text-transform: none;
    margin: 0 0 0 10px;
}
.view-view-page-operacionesuser .views-row .views-field-field-estado .Pendiente,
.view-view-block-adminoperacion-view .views-row .views-field-field-estado .Pendiente{
    color: #188e50;
    font-weight: bold;
}
.view-view-page-operacionesuser .views-row .views-field-field-estado .Verificado,
.view-view-block-adminoperacion-view .views-row .views-field-field-estado .Verificado{
    color: #d38800;
    font-weight: bold;
}
.view-view-page-operacionesuser .views-row .views-field-field-estado .Finalizado,
.view-view-block-adminoperacion-view .views-row .views-field-field-estado .Finalizado{
    color: #08b708;
    font-weight: bold;
}
.view-view-page-operacionesuser .views-row .views-field-field-estado .Cancelado,
.view-view-block-adminoperacion-view .views-row .views-field-field-estado .Cancelado{
    color: red;
    font-weight: bold;
}
.view-view-page-operacionesuser .views-row .views-field-field-estado .Reembolsado,
.view-view-block-adminoperacion-view .views-row .views-field-field-estado .Reembolsado{
    color: #6e6e6e;
    font-weight: bold;
}
.node-160 .prefooter {
    display: none;
}

.node-160 .node.node--type-paginas {
    text-align: center;
}
.node-160 .node.node--type-paginas h2 {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.node-144 article.node table table {
    width: auto;
    margin: 0 auto;
    min-width: 80%;
}
.view-view-block-detalleoperacionadmin .views-row .views-field {
    width: 100%;
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.view-view-block-detalleoperacionadmin .views-row .views-field .views-label {
    font-weight: bold;
    margin-right: 2%;
    text-align: right;
    width: 38%;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-estado {
    font-weight: bold;
    color: #188e50;
}

.view-view-block-detalleoperacionadmin .views-row .views-field .field-content {
    width: 60%;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-nothing-1 .field-content {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.role-admin .node-operacion-edit-form.node-form .form-item#edit-group-info-superior,
.role-operador .node-operacion-edit-form.node-form .form-item#edit-group-info-superior {
    display: none;
}
.role-admin .node-operacion-edit-form.node-form .form-item#edit-group-info-superior,
.role-operador .node-operacion-edit-form.node-form .form-item#edit-group-info-superior {
    display: none;
}

.view-view-block-detalleoperacionadmin .views-row {
    border-radius: 20px 20px 0 0;
}

.role-admin form.node-operacion-edit-form,
.role-operador form.node-operacion-edit-form {
    max-width: 650px;
    background: #dcdbd8;
    border-radius: 0 0 20px 20px;
    border-top: 2px solid gray;
    padding: 10px 40px;
}

.role-admin form.node-operacion-edit-form .form-wrapper, 
.role-operador form.node-operacion-edit-form .form-wrapper {
    max-width: 100%;
}
.view-view-page-pagos .view-header,
.view-view-page-gestionbancos .view-header,
.view-view-page-es .view-header,
.view-view-page-listaes .view-header{
    text-align: center;
    margin-bottom: 20px;
}
.sidebar-first .view-filters form legend {
    font-size: 12px;
    font-weight: bold;
}
.views-exposed-form .form-item#edit-field-fecha-value-wrapper {
    margin-bottom: 0;
    margin-top: 0;
}
.view-view-page-adminreportes .view-header,
.view-view-page-adminreportesoperaciones .view-header,
.view-view-page-adminreportessbs .view-header,
.view-view-page-adminreportesbancos .view-header{
    text-align: center;
    margin-bottom: 25px;
}
.role-admin.sidebar-first .row.no-gutters,
.role-operador.sidebar-first .row.no-gutters,
.role-admin.sidebar-first main>div,
.role-operador.sidebar-first main>div{
    max-width: none;
}
.webform-confirmation__message, .webform-confirmation__back {
    text-align: center;
}

.webform-submission .webform-element {
    display: block;
    width: 100%;
}

.webform-submission .webform-element label {
    font-weight: bold;
    color: #000;
}

.webform-submission .webform-element label:after {
    content: ":";
}
.view-view-webform-libroreclamaciones .webform-element {
    display: block;
    margin: 2px 0;
}

.view-view-webform-libroreclamaciones .webform-element label {
    margin: 0 2px 0 0;
    font-weight: 600;
    color: #000;
}

.view-view-webform-libroreclamaciones .webform-element label:after {
    content: ":";
}
.view-view-block-adminoperacion-view .views-field.views-field-field-banco-2 {
    display: none !important;
}
.webform-submission-libro-de-reclamaciones-form  .js-form-type-processed-text {
    font-size: 12px;
    margin-top: 0;
    color: #4d4d4d;
}

.webform-submission-libro-de-reclamaciones-form .js-form-type-processed-text p {
    margin: 2px 0;
}
.webform-confirmation-modal.ui-dialog .ui-dialog-content {
    text-align: center;
    padding-top: 20px !important;
    padding-bottom: 20px !IMPORTANT;
}

.webform-confirmation-modal.ui-dialog .ui-dialog-content img {
    margin-bottom: 15px;
}

.webform-confirmation-modal.ui-dialog .ui-dialog-content p {
    margin: 5px 0;
}
article.node--type-es legend{
    color: #666666;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 1px solid;
}

article.node--type-es .field {
    margin: 5px 0;
}
.view-view-block-adminoperacion-view .views-field.views-field-created-1 {
    display: none;
}
.role-authenticated.role-admin .node-tasas-form .form-item-status-value,
.role-authenticated.role-admin .node-pagos-form .form-item-status-value,
.role-authenticated.role-admin .node-es-form .form-item-status-value,
.role-authenticated.role-admin .node-cuentas-fargo-form .form-item-status-value,
.role-authenticated.role-admin .node-cuentas-fargo-edit-form .form-item-status-value{
    display: none;
}
.node-tasas-form .form-type-vertical-tabs,
.node-tasas-edit-form .form-type-vertical-tabs,
.node-operacion-edit-form .form-type-vertical-tabs,
.node-cupones-form .form-type-vertical-tabs,
.node-cupones-edit-form .form-type-vertical-tabs,
.node-popup-form .form-type-vertical-tabs,
.node-popup-edit-form .form-type-vertical-tabs,
.node-comentarios-form .form-type-vertical-tabs,
.node-comentarios-edit-form .form-type-vertical-tabs,
.node-cuentas-fargo-form .form-type-vertical-tabs,
.node-cuentas-fargo-edit-form .form-type-vertical-tabs{
    display: none;
}
.role-admin.page-node-type-operacion #block-tema-views-block-view-block-cuentascasacambio-block-1,
.role-operador.page-node-type-operacion #block-tema-views-block-view-block-cuentascasacambio-block-1 {
    display: none;
}
#block-tema-main-navigation li:nth-child(6), #block-tema-main-navigation li:nth-child(7){
    display: none;
}
#block-tema-main-navigation li:nth-child(6) a, #block-tema-main-navigation li:nth-child(7) a {
    font-weight: bold;
    background: #d1d1d1;
    color: #000;
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 500ms;
    border: 1px solid transparent;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.node-8 .principalcontenido article.node, .node-143 .principalcontenido article.node {
    margin-top: 0;
}
#block-tema-bloque-wsflotante .block_inner {
    padding: 0;
}
.page-node-type-operacion .countdown {
    top: 35px;
}
.view-view-page-miscuentas .view-header {
    width: 100%;
}
#block-tema-views-block-view-detallenodo-cuentabancaria-block-1 .block_inner {
    padding: 0;
}
.field--name-field-nombrerazonsocial .description,
.field--name-field-tipo-de-documento .description,
.field--name-field-nro-documento .description{
    display: none;
}
.confirm-parent, .password-parent {
    max-width: 100%;
}
.view-view-page-miscuentas .view-empty .contenido {
    padding: 20px;
    justify-content: center;
}
.view.view-view-page-adminoperaciones table td.views-field-field-envias {
    font-weight: bold;
}
.view.view-view-page-adminoperaciones table td.views-field-field-recibes {
    font-weight: bold;
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-recibes .field-content .nobold, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino .field-content .nobold, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-t-c- .field-content .nobold {
    font-weight: normal;
}

.view table td.views-field-field-estado {
    font-size: 12px;
}
.role-admin.sidebar-first .order-1 .view table th, .role-admin.sidebar-first .order-1 .view table td {
    padding: 5px;
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-recibes .field-content, 
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino .field-content,
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-t-c- .field-content{
    font-weight: bold;
    color: black;
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-envias .field-content {
    font-weight: bold;
    color: #000;
}
.role-admin form.node-operacion-edit-form fieldset.paso#paso4,
.role-operador form.node-operacion-edit-form fieldset.paso#paso4{
    display: block;
        padding: 0;
}

.role-admin form.node-operacion-edit-form fieldset.paso#paso4 legend,
.role-operador form.node-operacion-edit-form fieldset.paso#paso4 legend{
    display: none;
}

.role-admin form.node-operacion-edit-form fieldset.paso#paso4 .mensajedonde,
.role-operador form.node-operacion-edit-form fieldset.paso#paso4 .mensajedonde{
    display: none;
}

.role-admin form.node-operacion-edit-form fieldset.paso#paso4 .botonnext,
.role-operador form.node-operacion-edit-form fieldset.paso#paso4 .botonnext{
    display: none;
}
.role-admin form.node-operacion-edit-form .paso .form-item label,.role-operador form.node-operacion-edit-form .paso .form-item label {
    background: white !important;
    font-size: 13px;
}
.role-admin form.node-operacion-edit-form fieldset#paso1 legend, 
.role-operador form.node-operacion-edit-form fieldset#paso1 legend,
.role-admin form.node-operacion-edit-form fieldset#paso2 legend, 
.role-operador form.node-operacion-edit-form fieldset#paso2 legend,
.role-admin form.node-operacion-edit-form fieldset#paso2 .infocambio, 
.role-operador form.node-operacion-edit-form fieldset#paso2 .infocambio,
.role-admin form.node-operacion-edit-form fieldset#paso2 .field--name-field__desde-que-cuenta-envias-t, 
.role-operador form.node-operacion-edit-form fieldset#paso2 .field--name-field__desde-que-cuenta-envias-t,
.role-admin form.node-operacion-edit-form fieldset#paso2 .field--name-field-cuenta-bancaria-de-destino, 
.role-operador form.node-operacion-edit-form fieldset#paso2 .field--name-field-cuenta-bancaria-de-destino,
.role-admin form.node-operacion-edit-form fieldset#paso2 .field--name-field-origen-de-los-fondos, 
.role-operador form.node-operacion-edit-form fieldset#paso2 .field--name-field-origen-de-los-fondos,
.role-admin form.node-operacion-edit-form fieldset#paso2 .field--name-field-especificar-origen-de-los-, 
.role-operador form.node-operacion-edit-form fieldset#paso2 .field--name-field-especificar-origen-de-los-,
.role-admin form.node-operacion-edit-form fieldset#paso2 .field--name-field-acepto-los-a-href-https-we, 
.role-operador form.node-operacion-edit-form fieldset#paso2 .field--name-field-acepto-los-a-href-https-we,
.role-admin form.node-operacion-edit-form fieldset#paso2 .botonprev, 
.role-operador form.node-operacion-edit-form fieldset#paso2 .botonprev,
.role-admin form.node-operacion-edit-form fieldset#paso2 .botonnext, 
.role-operador form.node-operacion-edit-form fieldset#paso2 .botonnext{
    display: none;
}
.role-admin form.node-operacion-edit-form .info_superiortabs, .role-operador form.node-operacion-edit-form .info_superiortabs, .role-admin form.node-operacion-edit-form #paso1, .role-operador form.node-operacion-edit-form #paso1 {
    display: none;
}
.role-operador .view a.descargar {
    display: none;
    width: 0;
    height: 0;
    position: relative;
    overflow: hidden;
    opacity: 0;
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cupon {
    background: #188e50;
    color: white;
    margin-left: auto;
    width: auto;
    white-space: nowrap;
    display: block;
    padding: 2px 10px;
    border-radius: 6px;
    margin-right: -20px;
    margin-bottom: 10px;
    margin-top: -20px;
    text-align: center;
    float: right;
}
.views-exposed-form .form-item.form-item-nid {
    max-width: 100px;
}

.views-exposed-form .form-item.js-form-item-field-monedat-target-id {
    fle: flex-end;
}

.views-exposed-form .form-item.js-form-item-field-envias-value,.views-exposed-form .form-item.js-form-item-field-recibes-value {
    max-width: 150px;
}

.views-exposed-form .form-item.js-form-item-field-nrooperacion-value,.views-exposed-form .form-item.js-form-item-field-nro-de-transferencia-value {
    max-width: 175px;
}
.ancla.editar {
        background-image: url(images/icon_edit.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 5px;
    font-size: 0;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    cursor: pointer;
}
.node-add-operacion .field--name-field-selecciona-cuenta-de-trans {
    display: none;
}
.node--type-cuentas-fargo fieldset.btn,
.node--type-cupones fieldset.btn,
.node--type-es fieldset.btn{
    display: block;
}
.view-view-page-empresasadmin .view-header {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.view-view-page-empresasadmin .view-header a {
    display: inline-block;
    min-width: auto;
}
.page-node-type-empresa #block-tema-views-block-view-detallenodo-cuentabancaria-block-2 {
    display: none;
}

.page-node-type-empresa.page-edit form a#edit-delete {
    display: none;
}
form#role-delegation-role-assign-form {
    margin: 0 auto;
    max-width: 480px;
    padding: 0 10px;
}
.view-view-block-cuentasoperacion .views-field-tid,
.p2cuenta .views-field.views-field-tid,
.view-view-block-cuentascasacambio .views-row .views-field-nid,
#block-tema-estadocalculadora{
    display: none;
}
#block-tema-views-block-view-block-cuentascasacambio-block-1 .view-header .enviar {
    display: none;
}

#block-tema-views-block-view-block-cuentascasacambio-block-1 .view-header .info {
        text-align: center;
    background: #188e50;
    color: white;
    padding: 10px 20px 20px;
    font-size: 13px;
    font-weight: normal;
}
#block-tema-views-block-view-block-cuentascasacambio-block-1 .view-header .info .inf2 {
    display: none;
}
.view-view-block-cuentascasacambio .view-content {
    padding: 0 25px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.view-view-block-adminoperacion-view .views-row .views-field-field-t-c- {
    color: #000;
    font-weight: bold;
}
.view-view-block-cuentascasacambio .views-row .titular p {
    /* margin: 0; */
}

form .field--name-field-adj-voucher-o-comprobante {
    padding: 0 25px;
    text-align: left;
}

form .field--name-field-adj-voucher-o-comprobante .form-item legend {
    text-align: left;
    font-size: 15px;
}

form .field--name-field-adj-voucher-o-comprobante .form-item .fieldset-wrapper {
    text-align: left;
    font-size: 15px;
}

form .field--name-field-nrooperacion .fl-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

form .field--name-field-nrooperacion .fl-wrap label.fl-label {
    top: auto !important;
    display: block !important;
    max-width: 155px;
    text-transform: none;
    font-weight: 600;
    position: relative !important;
    left: auto !important;
    opacity: 1 !important;
    visibility: visible;
    font-weight: 600;
    font-size: 14px;
}

form .field--name-field-nrooperacion {
    padding: 0 25px;
}

form .field--name-field-nrooperacion input {
    background: #efefee;
}
article.node--type- .field {
    display: block;
    margin: 6px 0;
}
article.node--type- fieldset.btn {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
}
.view-view-page-es .view-header a.btn,
.view-view-page-listaes .view-header a.btn{
    margin-right: 10px;
}
.paragraphs-subform>div {
    display: inline-block;
    width: 97%;
    margin: 5px 0;
}
.cancelarope .paso4 .botonnext,.cancelarope .paso4 .botonprev {
    width: auto;
    display: inline-block;
    float: none;
    min-width: 40%;
    margin: 5px 5%;
}

.cancelarope .paso4 .botonnext a, .cancelarope .paso4 .botonprev a {
    width: 100%;
}

.cancelarope .paso4 .botonnext a {
    background: #000;
    color: #188e50;
}
div#block-tema-views-block-view-validaciondni-block-1 {
    display: none;
}
.webform-submission-libro-de-reclamaciones-form .form-item-servicio-contratado .description {
    margin: 0;
    text-align: center;
    padding: 0 5px;
}
div#block-tema-views-block-view-user-opecupon-block-1 {
    display: none;
}
.view-view-page-operacionesuser .views-row .views-field-field-cupon,
.view-view-block-adminoperacion-view .views-row .views-field-field-cupon{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    color: #000000;
    font-weight: 600;
    display: none;
}

.view-view-page-operacionesuser .verdetalleope.views-row .views-field-field-cupon,
.view-view-block-adminoperacion-view .views-row .views-field-field-cupon{
    display: flex !important;
}
.view-view-page-adminpopup .view-header {
    text-align: center;
    margin-bottom: 20px;
}

div#block-tema-views-block-view-block-popup-block-1 .closepop a {
    top: -35px;
}
fieldset.campo_factura,
.view-view-block-detalleoperacionadmin .views-row .views-field.item-factura{
    display: none !important;
}
form .info_pep, form .info_pep2 {
    display: none;
}
.botones_eliminar {
    text-align: center;
    margin-top: 20px;
}

.botones_eliminar .btn {
    margin: 2px 10px;
}

.botones_eliminar .btn.btn2 {
    background: #fdb81d;
    color: #000;
}

.botones_eliminar .btn.btn2:hover {
    color: #fdb81d;
    background: #000;
}
.view-view-page-miscuentas .views-row .views-field.views-field-field-empresa-relacionada {
    display: none;
}
form.user-register-form .form-item.form-type-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-view-page-admincomentarios .view-header {
    text-align: center;
    margin-bottom: 30px;
}
.completado.page-node-type-operacion div#block-mainpagecontent {
    opacity: 0.5;
	pointer-events: none;
}
#block-tema-formoperacion .tcinfodata {
        font-size: 12px;
    line-height: 13px;
    display: block;
    width: 100%;
    margin-top: 5px;
}
.view-view-page-adminoperaciones .view-header{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
.view-view-page-adminreportes .view-header a.btn,
.view-view-page-adminreportesoperaciones .view-header a.btn,
.view-view-page-adminreportessbs .view-header a.btn,
.view-view-page-adminreportesbancos .view-header a.btn{
    margin: 2px 5px;
}
form .field--name-field-generar-factura, .role-operador.node-add-operacion form .field--name-field-generar-factura {
    display: none;
}
.role-operador.page-node-type-operacion form .field--name-field-generar-factura,.role-admin.page-node-type-operacion form .field--name-field-generar-factura {
    display: block;
}

form .field--name-field-generar-factura {
    text-align: left;
}

form .field--name-field-generar-factura .form-wrapper legend {
    display: none;
}

.node-operacion-edit-form.node-form  .field--name-field-generar-factura .form-wrapper input {
    min-width: auto;
    margin-right: 5px;
}
#block-tema-infoestadocalculadora {
    display: none;
}
div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: rgb(255 255 255 / 80%);
}

#sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab {
    color: black;
}

div#popup-text {
    padding: 5px;
    font-size: 14px;
    font-weight: normal;
}
}

div#popup-text p {
        margin: 4px 0;
    font-size: inherit;
    font-weight: 500;
}
div#popup-text button {
    color: black;
    font-weight: bold;
    font-size: inherit;
}
.eu-cookie-compliance-buttons {
    margin: 0 0 10px;
}

.eu-cookie-compliance-buttons button.agree-button,.eu-cookie-compliance-buttons button.decline-button {
    background: #000;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 15px;
    transition: all 500ms;
    text-shadow: none;
    border: none;
    box-shadow: none;
}

.eu-cookie-compliance-buttons button.decline-button {
    background: #d1d1d1;
    color: #000;
}
.role-admin.page-node-type-empresa.page-edit .field--name-field-r-u-c-, .role-admin.page-node-type-empresa.page-edit .field--name-title,.role-operador.page-node-type-empresa.page-edit .field--name-field-r-u-c-, .role-operador.page-node-type-empresa.page-edit .field--name-title {
    pointer-events: auto;
    opacity: 1;
}
.role-admin.page-node-type-empresa.page-edit .field--name-field-r-u-c- input, .role-admin.page-node-type-empresa.page-edit .field--name-title input, .role-operador.page-node-type-empresa.page-edit .field--name-field-r-u-c- input, .role-operador.page-node-type-empresa.page-edit .field--name-title input {
    pointer-events: auto !important;
    opacity: 1 !important;
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-emisora article> h2, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-receptora article> h2, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-emisora .node__links, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-receptora .node__links, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-receptora .btnback, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-emisora .btnback {
    display: none;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-recibes .field-content .titular, 
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino .field-content .titular, 
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-t-c- .field-content .titular {
    font-weight: bold;
    color: #000;
}
.role-operador form .field--name-field-nro-de-transferencia input, .role-admin form .field--name-field-nro-de-transferencia input {
    text-align: center;
}
.view-view-page-admintasas .attachment .view-content {
    display: none;
}

.view-view-page-admintasas.view-display-id-page_1,
.view-view-page-adminreportes,
.view-view-page-adminreportesoperaciones,
.view-view-page-adminclientes,
.view-view-page-adminempresas,
.view-view-page-adminreporteskardex2,
.view-view-page-adminreporteskardex{
    display: flex;
    flex-direction: column;
}

.view-view-page-admintasas.view-display-id-page_1 .attachment,
.view-view-page-adminreportes .attachment{
    order: -1;
}
/********modificaciones operacion****/
.view-view-block-detalleoperacionadmin .views-row .views-field .node--view-mode-presentacion {
    text-align: left;
    margin: 0;
}

.view-view-block-detalleoperacionadmin .views-row .views-field .node--view-mode-presentacion h2 {
    display: none;
}

.view-view-block-detalleoperacionadmin .views-row .views-field .node--view-mode-presentacion .field--name-field-banco {
    display: block;
}

.view-view-block-detalleoperacionadmin .views-row .views-field .node--view-mode-presentacion .field {
    margin: 1px 0;
}
.view-view-block-detalleoperacionadmin .views-row .views-field .node--view-mode-presentacion .field--name-field-nro-cuenta {
    display: block;
}

.view-view-block-detalleoperacionadmin .views-row .views-field .node--view-mode-presentacion .field--name-field-nro-cuenta:before {
    content: "Cuenta: ";
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field__desde-que-cuenta-envias-t .field--name-field__es-titular-de-la-cuenta, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field__desde-que-cuenta-envias-t .field--name-field-ciudad-de-la-cuenta, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field__desde-que-cuenta-envias-t .field--name-field-tipo-de-, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field__desde-que-cuenta-envias-t .field--name-field-ndeg-de-documento, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field__desde-que-cuenta-envias-t .field--name-field__esta-cuenta-es-mancomunad {
    display: none;
}

.view-view-block-detalleoperacionadmin .views-row .views-field .node--view-mode-presentacion .field.field--name-field-titular2:before {
    content: "Titular: ";
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-bancocasa .field {
    justify-content: left;
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-bancocasa fieldset.btn {
    display: none;
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-banco, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-tipo-de-c, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-monedat, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-nro-cuenta {
    font-weight: bold;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .node__content {
    color: black;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-ciudad-de-la-cuenta {
    display: block;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-ciudad-de-la-cuenta:before {
    content: "Ciudad: ";
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-titular2, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-ap-paterno,.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-ap-ma {
    font-weight: bold;
    color: #000;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-tipo-de-, .view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-ndeg-de-documento {
    display: block;
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-tipo-de-:before {
    content: "Tipo de Documento: ";
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-ndeg-de-documento:before {
    content: "Nro. documento: ";
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field__esta-cuenta-es-mancomunad {
    display: block;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field__esta-cuenta-es-mancomunad:before {
    content: "Cta. mancomunada: ";
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-tipo-de-documento {
    DISPLAY: BLOCK;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-tipo-de-documento:BEFORE {
    CONTENT: "Tipo de Documento: ";
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-ndeg-documento {
    display: block;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-ndeg-documento:before {
    content: "Nro. Documento: ";
}
.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-nombre {
    display: block;
}

.view-view-block-detalleoperacionadmin .views-row .views-field.views-field-field-cuenta-bancaria-de-destino-1 .field--name-field-nombre:before {
    content: "Nombres: ";
}
.user-pass-reset label {
    font-weight: bold;
    color: #188e50;
}

.password-confirm, .password-field, .password-strength, .password-confirm-match, .password-confirm-message {
    width: 100%;
}
/********
cuenta bancaria
***********/
.sidebar-first .node__content {
    background: #e5e5e1;
    width: 100%;
    max-width: 600px;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 5px #c7c7c7;
    margin: 0 auto;
}

.node .btnback {
    display: block;
    margin-top: 20px;
}
.page-node-type-cuenta-bancaria .node .btnback {
    display: none;
}
.Persona.page-node-type-cuenta-bancaria .node .btnback.btnpersona {
    display: block;
}
.Empresa.page-node-type-cuenta-bancaria .node .btnback.btnemp {
    display: block;
}
.node .btnback a {
    background: #188e50;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
    padding: 5px 14px;
    font-size: 15px;
    border-radius: 8px;
    border: 2px solid transparent;
    transition: all 500ms;
    text-decoration: none;
    display: inline-block;
}

.node .btnback a:hover {
    background: white;
    color: #188e50;
    border-color: #188e50;
}
.cveri {
        display: inline-block;
    padding: 3px 10px 3px 25px;
    border-radius: 10px;
    border: 1px solid #c5c5c5;
    background-image: url(images/icon_veri.png);
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-position: 8px center;
    filter: brightness(0) invert(0);
    opacity: .6;
    color: black;
    font-size: 12px;
}
.cveri.cveri1 {
    opacity: 1;
    filter: none;
    border-color: #188e50;
}
.view-view-usuarioverificado .views-field-field-cuenta-verificada {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    
}
.view-view-page-empresas .views-row .views-field.views-field-field-empresa-verificada {
    margin-top: 10px;
}

.view-view-page-empresas .views-row .views-field.views-field-edit-node a {font-size: 14px;padding: 4px 10px;line-height: initial;width: auto;min-width: 120px;background: #b5b5b5;color: black;}

.view-view-page-empresas .views-row .views-field.views-field-edit-node a:hover {
    background: #e61c2e;
    color: white;
}
.view-view-usuarioverificado .view-footer {
    text-align: center;
    display: none;
}

.view-view-usuarioverificado .view-footer .cveri {
    display: none;
}

.Empresa .view-view-usuarioverificado .view-content {
    display: none;
}
.Persona .view-view-usuarioverificado .view-content {
    display: block;
}
.view-view-usuarioverificado .view-footer {
    text-align: center;
    margin-bottom: 10px;
}

.view-view-usuarioverificado .view-footer .cveri {
    display: none;
}

.Persona .view-view-usuarioverificado .view-footer {
    display: none;
}
.Empresa .view-view-usuarioverificado .view-footer {
    display: block;
}
.Empresa .region-sidebar-first .navigation li.linkpersona {
    display: none;
}

.Persona .region-sidebar-first .navigation li.linkempresa {
    display: none;
}
.views-data-export-feed.xls-feed .feed-icon {
    background: transparent;
    font-size: 0;
    width: auto;
    height: auto;
    text-indent: unset;
    text-decoration: none;
    display: inline-block;
}

.views-data-export-feed.xls-feed .feed-icon:before {
    color: white;
    content: "DESCARGAR XLS";
    display: block;
    font-size: 15px;
    background: #188e50;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 7px;
    transition: all 500ms;
    border: 1px solid;
}

.views-data-export-feed.xls-feed .feed-icon:hover:before {
    background: white;
    color: #188e50;
}

.view .feed-icons {
    text-align: center;
    order: -1;
        margin-bottom: 15px;
}
.role-admin .region-sidebar-first .navigation li a,.role-operador .region-sidebar-first .navigation li a {
        background-image: none;
    padding: 8px 20px;
}
.principalcontenido .cambiarp {
    position: absolute;
    right: 184px;
    top: 5px;
        z-index: 999;
}
.role-anonymous.user-password form#user-pass .login-title {
    display: none;
}

.js-media-library-item {
    max-width: 100px;
    display: inline-block;
    margin-right: 15px;
    border: 1px solid lightgray;
    padding: 20px 8px 8px;
    font-size: 12px;
    word-break: break-word;
    text-align: center;
    border-radius: 5px;
        position: relative;
}
form .js-media-library-widget .field-prefix {
    display: none;
}

form .js-media-library-widget .js-media-library-selection {
    background: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.js-media-library-item img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 5px; 
}

.js-media-library-item .media-library-item__remove {
    top: 0;
    right: 0;
    margin: 0;
}
.field--name-field-representante legend {
    display: none;
}
.role-cliente .form-type-vertical-tabs {
    display: none !important;
}
.mis-operaciones #block-tema-content .block_inner,
.mis-operacionesempresa #block-tema-content .block_inner,
.mis-cuentas #block-tema-content .block_inner,
.mis-cuentasempresa #block-tema-content .block_inner,
.path-empresas #block-tema-content .block_inner,
.page-edit.page-node-type-cuenta-bancaria #block-tema-content .block_inner,
.page-edit.page-node-type-empresa #block-tema-content .block_inner,
.node-add-cuenta-bancaria #block-tema-content .block_inner,
.node-add-empresa #block-tema-content .block_inner{
    padding: 0;
}
.tabs-wrapper.is-collapsible .nav-item.active, .tabs-wrapper.is-collapsible .media-library-view--widget .view-header a.nav-item.is-active, .media-library-view--widget .view-header .tabs-wrapper.is-collapsible a.nav-item.is-active {
    order: inherit;
}
nav.tabs-wrapper.tabs-primary {
    margin-top: 0;
}
div#block-tema-bloque-ws {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    padding: 0;
    margin: 0;
}

div#block-tema-bloque-ws p {
    margin: 0;
}

div#block-tema-bloque-ws .block_inner {
    padding: 0;
}

div#block-tema-bloque-ws img {
    max-width: 70px;
}
.botonvolver {
    display: block;
    margin-top: 20px;
    text-align: center;
}

.botonvolver a {
    font-size: 15px;
    padding: 10px;
    line-height: 15px;
    min-width: 150px;
}
.role-admin form.user-register-form .form-item.form-type-checkbox {
    justify-content: flex-start;
}
.role-admin .field--type-text-with-summary .js-filter-wrapper {
    display: none;
    height: 0;
    opacity: 0;
}
.role-admin form.block-content-form .js-form-type-vertical-tabs {
    display: none;
}
.view-view-page-misoperaciones .views-field-field-notas p, .view-view-page-misoperaciones2 .views-field-field-notas p {
    margin: 0;
}
.role-cliente form .field--name-field-es-titular-de-la-cuenta,
.role-cliente form .terceros_cuenta{
    display: none;
}
.role-cliente form .terceros_cuenta {
    pointer-events: none;
    opacity: .7;
}
.page-edit .node-cuenta-bancaria-edit-form .terceros_cuenta {
    display: none;
}
.role-cliente form .field--name-field-empresa-verificada,
.role-cliente form .field--name-field-cuenta-verificada{
    display: none;
    height: 0;
    position: relative;
    overflow: hidden;
    opacity: 0;
}
body.role-cliente.path-user.page-edit .field--name-field-dni-posterior .image-widget-data input.button,body.role-cliente.path-user.page-edit .field--name-field-dni-frontal .image-widget-data input.button{
    pointer-events: none;
    display: none;
}
.node-cuenta-bancaria-form .field--name-field-confirmacion .form-item-field-confirmacion-no {
    display: none;
    height: 0;
    opacity: 0;
}
.view-view-page-adminreporteskardex .view-header,
.view-view-page-adminreporteskardex2 .view-header{
    font-weight: bold;
    text-align: left !important;
    color: #188e50;
}

.view-view-page-adminreporteskardex .view-filters,
.view-view-page-adminreporteskardex2 .view-filters{
    order: -1;
    width: 100%;
    margin-bottom: 10px;
}
.view-view-page-adminreporteskardex .view-header, 
.view-view-page-adminreporteskardex2 .view-header {
    order: -2;
}

.view-view-page-adminreporteskardex,
.view-view-page-adminreporteskardex2{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.sidebar-first #block-tema-content tfoot {
    font-weight: bold;
}

.sidebar-first #block-tema-content tfoot td {
    background: #fbfbf0;
}
.view-view-page-adminreporteskardex .view-header .boton,
.view-view-page-adminreporteskardex2 .view-header .boton{
    display: block;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

.view-view-page-adminreporteskardex .view-header .boton a,
.view-view-page-adminreporteskardex2 .view-header .boton a,
.view-view-page-adminreporteskardexbanco .view-header .boton a{
    display: inline-block;
    color: white;
    min-width: auto;
}
.view-view-webform-libroreclamaciones .js-webform-details-toggle>div.form-wrapper .form-wrapper{
    display: flex;
    align-items: flex-end;
}

.view-view-webform-libroreclamaciones .js-webform-details-toggle>div.form-wrapper .form-actions {
    width: auto;
    margin-left: 14px;
    margin-bottom: 13px;
}

.view-view-webform-libroreclamaciones .js-webform-details-toggle>div.form-wrapper .form-actions input {
    font-size: 13px;
    padding: 5px 20px;
}

.view-view-webform-libroreclamaciones  .js-webform-details-toggle>div.form-actions {
    display: none;
}
.field--name-field-adj-voucher-o-comprobante .alert {
    font-size: 12px;
    padding: 6px 10px;
    margin-bottom: 5px;
    margin-top: 5px;
}
#block-tema-informacion-footer2 table strong {
    margin-right: 10px;
}
.view-view-webform-libroreclamaciones .webform-element.webform-element-type-captcha {
    display: none;
}
#block-tema-bloque-direccionfooter {
    width: 100%;
    margin: 0 auto;
    max-width: 1300px;
    color: white;
    text-align: center;
    padding: 0 30px 30px;
    border-top: 1px solid #484848;
    padding-top: 20px;
}
.sidebar-first.role-admin.path-user #block-tema-content>.block_inner, .sidebar-first.role-operador.path-user #block-tema-content>.block_inner {
    padding: 0 20px;
}
/**********
monto superior
**********/
form #paso3 .form-item.superagrupo {
    border: 2px solid #e42c38;
    width: 90%;
    display: none;
    margin: 10px 5%;
    border-radius: 20px;
    padding: 15px 25px;
}
.paso .form-item.superagrupo legend {
    color: #e42c38;
    padding: 0;
    margin: 0;
}
#block-tema-bloque-montosuperior h3 {
    display: block;
    text-align: center;
    font-size: 15px;
    margin: 0 0 10px;
    padding: 5px 0;
}

#block-tema-bloque-montosuperior ol {
        text-align: left;
    font-weight: 600;
    font-size: 15px;
    padding-left: 20px;
}

#block-tema-bloque-montosuperior .block_inner {
    padding: 0;
}

#block-tema-bloque-montosuperior ol ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

#block-tema-bloque-montosuperior ol li {
    margin-bottom: 8px;
}

#block-tema-bloque-montosuperior img {
    display: inline-block;
    max-width: 28px;
    margin-right: 5px;
}
form #paso3 .form-item.superagrupo .description {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    color: #5c5c5c;
}
