/* // @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700,800); */


/* font-family: 'Arial', sans-serif; */

html,
body {
    height: 100%;
}

body {
    background: #f5f5f5;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333333;
    padding-top: 76px;
    display: flex;
    flex-direction: column;
}


/* sticky footer start */

.content {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    width: 100%;
}

.content>.campaigns {
    min-width: 100%;
    display: flex;
    flex-grow: 1;
}

.content>.campaigns>.white-bg {
    width: 100%;
}

.footer {
    flex-shrink: 0;
}


/* sticky footer end*/

a,
a:hover,
a:active,
a:visited,
a:focus {
    color: #ec0000;
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
}

button::-moz-focus-inner {
    border: 0;
}

.cursor-normal {
    cursor: none !important;
}

.wraper {
    position: relative;
}


/************** Display Views Start *************/

.desktop-view,
.desktop-mob-view,
.desktop-tab-view,
.tab-view,
.tab-mob-view,
.mobile-view {
    position: relative;
    display: none;
}

.semibold {
    font-weight: 600 !important;
    font-size: 13px;
}

.text-blue {
    color: #337ab7;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-red {
    color: #ec0000;
    font-size: 19px;
    font-weight: bold;
}

.text-green {
    color: #4F5F0C;
}

.text-gray {
    color: #a5a5a5;
}

.text-lightblue {
    color: #1bb3bc;
}

.bold {
    font-weight: bold !important;
}

.bold-semi {
    font-weight: 600 !important;
}

.font-11,
.font-11 p {
    font-size: 11px;
}

.font-13,
.font-13 p {
    font-size: 13px;
}

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

.font-15,
.font-15 p {
    font-size: 15px;
}

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

.nowrap-normal {
    white-space: normal !important;
}

.min-h-900 {
    min-height: 900px;
}

.mt-200 {
    margin-top: 200px;
}


/************** Display Views End *************/


/************** Header Start *************/

.bg-header {
    position: relative;
    background: #ffffff;
    z-index: 1000;
    /*-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
		-ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
		-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
}

.bg-header-eroski {
    position: relative;
    background: #ffffff;
    z-index: 1000;
}

.header {
    position: relative;
    margin: 0 auto;
}

.header-container {
    border-bottom: 2px solid #e6e6e6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #fff;
    min-height: 50px;
    /*position: relative;*/
    /*max-width: 1366px;*/
    margin: 0 auto;
}

.header-container-cortefiel {
    border-bottom: 2px solid #e6e6e6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #fff;
    /*position: relative;*/
    /*max-width: 1366px;*/
    margin: 0 auto;
}

.header-wraper {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}

.logo,
.logo-ikea,
.logo-worten,
.logo-fenosa,
.logo-ventajon,
.logo-expert,
.logo-hiperdino,
.logo-travelclub,
.logo-eroski,
.logo-mastercadena,
.logo-binter,
.logo-cooltra,
.logo-cortefiel {
    float: left;
    padding: 12px 15px;
    position: relative;
    width: 100%;
    max-width: 210px;
    /* background: #ec0000; */
}

.logo {
    background: #ffffff;
}

.logo img,
.logo-travelclub img,
.logo-ikea img {
    width: 100%;
    max-width: 170px;
}


.logo-travelclub img,
.logo-ikea img,
.logo-worten img {
    max-width: 100%;
}

.logo-worten {
    padding: 0px 0;
}


.logo-travelclub img,
.logo-ikea img {
    padding-top: 3px;
}

img.hidden-xs.logo-ikea {
    padding: 22px 15px 12px 15px;
}

.logo-hiperdino {
    /*background:#FFFFFF;
	padding: 5px 15px;*/
    /*background: #9a9b9e;*/
    background: #fcfdfe;
    padding: 4px 0 5px;
}

.logo-hiperdino img {
    width: 100%;
    /*max-width: 170px;*/
}

.logo-fenosa,
.logo-ventajon {
    background: none;
    padding: 6px 15px;
}

.logo-fenosa img {
    width: 100%;
    max-width: 140px;
}

.logo-ventajon img {
    width: 100% !important;
    max-width: 170px;
}

.logo-ventajon-logged {
    max-width: 170px;
}

.logo-ventajon.mobile-view {
    float: none;
    margin: 0 auto;
    padding: 5px 15px;
    position: relative;
    width: 100%;
    max-width: 210px;
}

@media(max-width: 767px) {
    .logo-ventajon-logged {
        float: none;
        margin: 0 auto;
        padding: 5px 15px;
        position: relative;
        width: 100%;
        max-width: 210px;
    }
}

.logo-expert {
    padding: 2px 0;
    background: #e8510e;
}

.logo-expert img {
    width: 100%;
    max-width: 100%;
}

.logo-eroski {
    padding: 6px 15px;
    max-width: 150px;
    background: #fff;
}

.logo-eroski img {
    /* width: 60% !important; */
    max-width: 120px;
}

.logo-mastercadena {
    background-color: #ffffff;
}

.logo-mastercadena img {
    width: 100%;
    max-width: 150px;
}

.logo-binter {
    padding: 23px 15px;
    background-color: #ffffff;
}

.logo-binter img {
    width: 100%;
    max-width: 150px;
}

.logo-cooltra {
    background-color: #ffffff;
}

.logo-cooltra img {
    width: 100%;
    max-width: 150px;
}

.logo-cortefiel {
    max-width: 157px;
    background-color: #ffffff;
}

.logo-cortefiel img {
    width: 100%;
    /* max-width: 107px !important; */
}

.logo.logo-cortefiel-logged.logoColor {
    max-width: 140px;
}

img.logo-santander,
img.logo-swz {
    width: 100%;
    max-width: 140px;
}

.logo-santander img.hidden-xs {
    max-width: 140px;
}

.logo-swz img.hidden-xs {
    max-width: 140px;
}

.logo.logo-naturgy.desktop-mob-view a img.hidden-xs {
    max-width: 140px;
}

.header-btn-back-box {
    position: absolute;
    top: 9px;
    /*left: 15px;*/
    z-index: 9;
    display: none;
}

.btn-header-back {
    position: relative;
    background: none;
    border: none;
    color: #fff !important;
    font-size: 21px;
    padding: 15px;
    width: 44px;
    height: 44px;
    text-align: left;
}

.btn-header-back .left-arror-white {
    margin: 0 auto;
    vertical-align: middle;
}

.header-heading,
.header-eroski-heading,
.header-heading-cooltra,
.header-heading-ikea {
    position: relative;
    float: left;
}

.header-heading h2,
.header-eroski-heading h2,
.header-heading-cooltra h2,
.header-heading-travelclub h2
.header-heading-ikea h2 {
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    padding: 27px 30px;
}

.header-eroski-heading h2 {
    font-size: 16px;
    padding: 27px 0;
}

.header-cortefiel-heading {
    position: relative;
    float: left;
}

.header-cortefiel-heading h2 {
    font-size: 16px;
    padding: 27px 0;
}

.menu-header-right,
.menu-header-right-2 {
    float: right;
    position: relative;
    padding: 22px 0;
}

.nav-toggle {
    color: #333 !important;
    position: relative;
    z-index: 1001;
}

.nav-toggle span {
    margin-top: 8px;
    display: block;
}

.nav-toggle .nav-icon {
    position: relative;
    width: 26px;
    height: 3px;
    margin-top: 7px;
    background: #333;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-toggle .nav-icon:before,
.nav-toggle .nav-icon:after {
    content: '';
    position: absolute;
    top: -7px;
    left: 0;
    width: 26px;
    height: 3px;
    background: #333;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-toggle .nav-icon:after {
    top: 7px;
    left: 0;
}

.nav-toggle.active .nav-icon {
    background: none;
    margin-top: 10px;
}

.nav-toggle.active span {
    opacity: 0;
}

.nav-toggle.active .nav-icon:before {
    background: #777;
    -webkit-transform: rotate(45deg) translate(4px, 4px);
    -moz-transform: rotate(45deg) translate(4px, 4px);
    -ms-transform: rotate(45deg) translate(4px, 4px);
    -o-transform: rotate(45deg) translate(4px, 4px);
    transform: rotate(45deg) translate(4px, 4px);
}

.nav-toggle.active .nav-icon:after {
    background: #777;
    -webkit-transform: rotate(-45deg) translate(6px, -6px);
    -moz-transform: rotate(-45deg) translate(6px, -6px);
    -ms-transform: rotate(-45deg) translate(6px, -6px);
    -o-transform: rotate(-45deg) translate(6px, -6px);
    transform: rotate(-45deg) translate(6px, -6px);
}

.menu-header,
.menu-header2 {
    margin: 0;
    padding: 0;
}

.menu-header li,
.menu-header2 li {
    list-style: none;
    border-left: 1px solid #dddddd;
    padding: 5px 15px;
    float: left;
    position: relative;
}

.menu-header li:first-child {
    border-left: none;
}

.menu-header li a,
.menu-header2 li a {
    display: block;
    font-size: 14px;
    color: #333333;
}

.menu-header li a i,
.menu-header2 li a i {
    margin-right: 10px;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.menu-header li a i.envelope-red-icon,
.menu-header2 li a i.envelope-red-icon {
    background: url(../img/icons/envelope-icon.png) no-repeat 0 -16px;
    background-size: 17px 29px;
}

.menu-header li a:hover i.envelope-red-icon,
.menu-header2 li a:hover i.envelope-red-icon {
    background: url(../img/icons/envelope-icon.png) no-repeat 0 1px;
    background-size: 17px 29px;
}

.menu-header li a i.user-mid-red-icon,
.menu-header2 li a i.user-mid-red-icon {
    background: url(../img/icons/user-icon.png) no-repeat 0 -17px;
    background-size: 12px 33px;
}

.menu-header li a i.user-mid-blue-icon,
.menu-header2 li a i.user-mid-blue-icon {
    background: url(../img/icons/user-b-icon.png) no-repeat 0 -17px;
    background-size: 12px 33px;
}

.menu-header li a:hover i.user-mid-red-icon,
.menu-header2 li a:hover i.user-mid-red-icon {
    background: url(../img/icons/user-icon.png) no-repeat 0 0;
    background-size: 12px 33px;
}

.menu-header li a:hover i.user-mid-blue-icon,
.menu-header2 li a:hover i.user-mid-blue-icon {
    background: url(../img/icons/user-b-icon.png) no-repeat 0 0;
    background-size: 12px 33px;
}

.menu-header li a i.fa.fa-chevron-down,
.menu-header2 li a i.fa.fa-chevron-down {
    margin-left: 10px;
    margin-right: 0;
}

.menu-header li .subnav,
.menu-header2 li .subnav {
    position: absolute;
    top: 40px;
    right: 5px;
    z-index: 99;
    margin: 0;
    padding: 5px 0;
    min-width: 105px;
    border: 1px solid #d7d7d7;
    background: #fafafa;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.menu-header li .subnav.subnav-support,
.menu-header2 li .subnav.subnav-support {
    min-width: 185px;
    border: 1px solid #cdcdcd;
    border-top: 5px solid #cdcdcd;
    max-height: 250px;
}

.menu-header li .subnav.subnav-support.ng-hide,
.menu-header2 li .subnav.subnav-support.ng-hide {
    padding: 0;
    max-height: 0px;
    overflow: hidden;
    transform: translateY(-5px);
    opacity: 0.5;
}

.menu-header li .subnav.subnav-support li,
.menu-header2 li .subnav.subnav-support li {
    /*max-height:100px;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s 0.2s;
}

.menu-header li .subnav.subnav-support.ng-hide li,
.menu-header2 li .subnav.subnav-support.ng-hide li {
    /*max-height:0px;*/
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
}

.menu-header li .subnav.subnav-support li:nth-child(2),
.menu-header2 li .subnav.subnav-support li:nth-child(2) {
    transition: all 0.3s 0.3s;
}

.menu-header li .subnav.subnav-support li:nth-child(3),
.menu-header2 li .subnav.subnav-support li:nth-child(3) {
    transition: all 0.3s 0.4s;
}

.menu-header li .subnav.ng-hide,
.menu-header2 li .subnav.ng-hide {
    opacity: 0;
    transform: translateY(-30px);
}

.menu-header li .subnav li,
.menu-header2 li .subnav li {
    display: block;
    list-style: none;
    float: none;
    padding: 0;
    border: none;
}

.menu-header li .subnav li a,
.menu-header2 li .subnav li a {
    display: block;
    padding: 5px 20px;
    font-size: 12px;
}

.menu-header li .subnav.subnav-support li a,
.menu-header2 li .subnav.subnav-support li a {
    padding: 10px 15px;
    font-size: 13px;
    display: table;
    width: 100%;
}

.menu-header li .subnav.subnav-support li a i,
.menu-header2 li .subnav.subnav-support li a i {
    margin-right: 20px;
    display: table-cell;
    width: 50px;
    background-position: center left;
}

.menu-header li .subnav.subnav-support li a span,
.menu-header2 li .subnav.subnav-support li a span {
    display: table-cell;
    padding-left: 0;
}

.btn-drop {
    position: relative;
    z-index: 100;
}

.menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: none;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.menu-header-right-2 {
    padding: 10px 15px;
}

.menu-header2 li {
    border: none;
}

.menu-header2 li a.active {
    color: #ec0000;
    font-weight: 600;
}

.menu-header2 li a:hover {
    color: #ec0000;
}

.menu-header2 li a span {
    display: block;
    /*font-weight:600;*/
    font-size: 12px;
    padding-left: 25px;
}

.menu-header2 li a.btn-red-full {
    padding: 10px 20px;
    font-weight: 400;
}

.mobile-menu-box {
    display: none;
}

.main-menu-box {
    position: relative;
    width: 100%;
    /*border-top:2px solid #e6e6e6;*/
    border-bottom: 2px solid #e6e6e6;
    background: #f5f5f5;
}

.main-menu-box .header-container {
    border: none;
    position: relative;
    z-index: 9;
}

.main-menu {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1180px;
    /*max-width:1265px;*/
    border-left: 2px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
}

.main-menu li {
    /*position:relative;*/
    list-style: none;
    background: #fff;
    /*width:50%;
	max-width:230px;
	max-width:225px;*/
    min-width: 230px;
    float: left;
    border-right: 2px solid #e6e6e6;
    position: relative;
}

.main-menu li a {
    padding: 17px 15px;
    display: block;
    font-size: 16px;
    color: #333;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-menu li:nth-child(3) a {
    padding: 15px !important;
}

.main-menu li a:hover,
.main-menu li a.active {
    color: #ec0000;
}

.main-menu li a.active {
    font-weight: bold;
}

.main-menu li a i {
    vertical-align: top;
    margin-right: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-menu li a:hover i.global-black-small-icon,
.main-menu li a:hover i.bell-black-small-icon,
.main-menu li a:hover i.thums-up-black-small-icon,
.main-menu li a.active i.global-black-small-icon,
.main-menu li a.active i.bell-black-small-icon,
.main-menu li a.active i.thums-up-black-small-icon {
    background-position: 0 -22px;
}

.main-menu li a:hover i.global-black-small-blue-icon,
.main-menu li a:hover i.bell-blue-small-icon,
.main-menu li a:hover i.thums-up-blue-small-icon,
.main-menu li a.active i.global-black-small-blue-icon,
.main-menu li a.active i.bell-blue-small-icon,
.main-menu li a.active i.thums-up-blue-small-icon {
    background-position: 0 -22px;
}

.main-menu .campaign-tooltip {
    margin: -5px 0px 0px 0px;
    padding: 8px 20px;
    background: #d5f4f5;
    border: 3px solid #00b4bc;
    font-size: 15px;
    border-radius: 3px;
    position: absolute;
    width: 225px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    -webkit-animation-duration: .6s;
    -o-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .3s;
    -o-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
    z-index: 1;
    left: 655px;
    top: 50px;
}

@media screen and (min-width: 1187px) {
    .main-menu .campaign-tooltip {
        left: calc(50% + 5em);
    }
}

.main-menu .campaign-tooltip:before {
    content: '';
    background: url('../img/tooltip-before.png') no-repeat;
    width: 45px;
    height: 22px;
    position: absolute;
    left: 0;
    top: -22px;
}

.main-menu .campaign-tooltip .tooltip-close {
    margin: 0px;
    padding: 0px !important;
    position: absolute;
    right: -12px;
    top: -12px;
    width: 24px;
    height: 24px;
    background: #ea0a18;
    border-radius: 50%;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}

.campaign-tooltip.campaign-tooltip-mobile {
    margin: 15px 15px 0;
    padding: 12px 12px 7px;
    background: #d5f4f5;
    border: 2px solid #0eb7bf;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.campaign-tooltip.campaign-tooltip-mobile p {
    margin: 0px;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
}

.campaign-tooltip.campaign-tooltip-mobile p>* {
    margin: 0px 5px;
    display: inline-block;
    vertical-align: middle;
}

.campaign-tooltip.campaign-tooltip-mobile p>a {
    margin: 5px;
}


/************** Header End *************/


/************** Form Field Start ***********/

.form-field-box {
    position: relative;
    padding-top: 30px;
}

.container-phone-number {
    display: flex;
    justify-content: space-between;
}

.container-phone-number .pre {
    max-width: 60px;
}

.form-field-box label {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #5e5e5e;
    position: absolute;
    cursor: pointer;
    /*bottom:0;*/
    top: 36px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form-field-box input[type="text"]:focus~label,
.form-field-box input[type="tel"]:focus~label,
.form-field-box input[type="search"]:focus~label,
.form-field-box input[type="email"]:focus~label,
.form-field-box input[type="password"]:focus~label {
    /*bottom:25px;*/
    top: 20px;
    color: #333;
    opacity: 1;
    /*font-size:12px;*/
    font-weight: 600;
}

.form-field-box .intl-tel-input input[type="text"]:focus~label {
    top: -10px;
    color: #333;
    opacity: 1;
    /*font-size:12px;*/
    font-weight: 600;
}

.text-uppercase {
    text-transform: uppercase;
}

.form-field-box input[type="text"],
.form-field-box input[type="tel"],
.form-field-box input[type="search"],
.form-field-box input[type="email"],
.form-field-box input[type="password"] {
    border: none;
    border-bottom: 2px solid #f0f0f0;
    background: none;
    padding: 6px 0;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form-field-box input[type="text"]:focus,
.form-field-box input[type="tel"]:focus,
.form-field-box input[type="search"]:focus,
.form-field-box input[type="email"]:focus,
.form-field-box input[type="password"]:focus {
    border-bottom: 2px solid #333;
}

.form-field-box input:focus::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0);
}


/* Firefox < 19 */

.form-field-box input:focus:-moz-placeholder {
    color: rgba(0, 0, 0, 0);
}


/* Firefox > 19 */

.form-field-box input:focus::-moz-placeholder {
    color: rgba(0, 0, 0, 0);
}


/* Internet Explorer 10 */

.form-field-box input:focus:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0);
}

.form-error {
    position: relative;
}

.form-error .form-field-box input[type="text"],
.form-error .form-field-box input[type="tel"],
.form-error .form-field-box input[type="search"],
.form-error .form-field-box input[type="email"],
.form-error .form-field-box input[type="password"] {
    border-bottom: 2px solid #e3e3e3;
}

.form-field-box h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 30px;
}

.form-field-box p {
    line-height: 24px;
}

.form-field-box .error-field,
.form-group .error-field {
    /*position: absolute;*/
    position: relative;
    width: 100%;
    /*bottom: -20px;
	display:none;*/
}

.form-field-box .error-field p,
.form-group .error-field p {
    margin: 0;
    color: #b20000;
    font-size: 13px;
    line-height: 15px;
}

.form-field-box .error-field .btn-for-empty,
.form-group .error-field .btn-for-empty {
    border: none;
    background: none;
    position: absolute;
    top: -31px;
    right: 0px;
    padding: 8px;
    color: #000;
}

.error-field-2 {
    /*position: absolute;*/
    position: relative;
    width: 100%;
    /*bottom: -20px;
	display:none;*/
}

.error-field-2 p {
    margin: 0;
    color: #e99f10;
    font-size: 11px;
    line-height: 15px;
}

.error-field-2 .btn-for-empty {
    border: none;
    background: none;
    position: absolute;
    top: -30px;
    right: 0px;
    color: #e99f10;
}

.form-message-box {
    position: relative;
    /*display: none;*/
}

.form-message-box-in {
    display: table;
    width: 100%;
    background: #fff;
    border: 1px solid #333;
}

.form-message-box-in .form-icon,
.form-message-box-in .form-message {
    display: table-cell;
    padding: 7px;
    width: 30px;
}

.form-message-box-in .form-icon i {
    font-size: 18px;
}

.form-message-box-in .form-message {
    padding-left: 0;
    width: 100%;
}

.form-message-box-in .form-message p {
    font-size: 14px;
    margin: 0;
}

.form-message-box-in.error-alert {
    background: #faefdf;
    border: 1px solid #d8b867;
}

.form-message-box-in.error-alert .form-icon i {
    color: #d0af80;
}

.form-message-box-in.success-alert {
    background: #44B746;
    border: 1px solid #3c763d;
}

.form-message-box-in.success-alert .form-icon i {
    color: #fff;
}

.form-message-box-in.success-alert .form-message p {
    color: #fff;
}

.condition-link {
    position: relative;
    padding-bottom: 10px;
    text-align: center;
}

.condition-link label {
    cursor: pointer;
    font-weight: normal;
    opacity: 1;
    position: relative;
    top: auto;
}

.condition-link p {
    margin: 0;
    line-height: 14px !important;
}

.condition-link a {
    color: #333;
    text-decoration: underline;
}

.condition-link a:hover {
    text-decoration: none;
}

.condition-link .condition-check-box {
    position: relative;
    margin-top: 1px;
    vertical-align: top;
}

.condition-link .condition-check-box input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0 !important;
    cursor: pointer;
}

.condition-link .condition-check-box input[type='checkbox']~label,
.condition-link .condition-check-box input[type='checkbox']~.checkbox-img,
.condition-link.terms-in-checkbox .condition-check-box input[type='checkbox']~.checkbox-img {
    background: url(../img/icons/checkbox-icon.png) no-repeat 0 1px;
    width: 15px;
    height: 15px;
    display: inline-block;
    float: none;
    opacity: 1;
    top: 0;
    position: relative;
    /*vertical-align:top;*/
    cursor: pointer;
    transition: none;
}

.condition-link .condition-check-box input[type='checkbox']:checked~label,
.condition-link .condition-check-box input[type='checkbox']:checked~.checkbox-img,
.condition-link.terms-in-checkbox .condition-check-box input[type='checkbox']:checked~.checkbox-img {
    background: url(../img/icons/checkbox-icon.png) no-repeat 0 -17px;
}

.condition-link .condition-check-box input[type='checkbox']~.checkbox-img.gray {
    background: url(../img/icons/checkbox-gray-icon.png) no-repeat 0 0px;
}


/* .condition-link .condition-check-box input[type='checkbox']:checked~.checkbox-img.gray { */


/* background:url(../img/icons/checkbox-gray-icon.png) no-repeat 0 -17px; */


/* } */

.condition-link .condition-check-box input[type='checkbox']:checked~.checkbox-img {
    background: url(../img/icons/checkbox-icon.png) no-repeat 0 1px;
}

.condition-link .condition-check-box input[type='checkbox']~.checkbox-img:after,
.condition-link .condition-check-box input[type='checkbox']~.checkbox-img.gray:after {
    content: '';
    opacity: 0;
    background: url(../img/icons/checkbox-check-red-icon.png) no-repeat 0 -1px;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
    transform: scale(2) rotate(45deg);
}

.condition-link .condition-check-box input[type='checkbox']~.checkbox-img.gray:after {
    background: url(../img/icons/checkbox-check-gray-icon.png) no-repeat 0 -3px;
}

.condition-link .condition-check-box input[type='checkbox']:checked~.checkbox-img:after,
.condition-link .condition-check-box input[type='checkbox']:checked~.checkbox-img.gray:after {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

.condition-link.terms-in-checkbox {
    text-align: left;
}

.condition-link.terms-in-checkbox .condition-check-box {
    padding: 0;
}

.field-requare-notice {
    position: relative;
    padding-top: 15px;
}

.field-requare-notice p {
    margin: 0;
    color: #c70000;
}

.condition-link.small-text-check p,
.condition-link.small-text-check label {
    font-size: 11px;
}

.condition-link.small-text-check .condition-check-box input[type='checkbox']~label,
.condition-link.small-text-check .condition-check-box input[type='checkbox']~.checkbox-img {
    background: url(../img/icons/checkbox-icon.png) no-repeat 0 2px;
    background-size: 12px;
}

.condition-link.small-text-check .condition-check-box input[type='checkbox']:checked~label,
.condition-link.small-text-check .condition-check-box input[type='checkbox']:checked~.checkbox-img {
    background: url(../img/icons/checkbox-icon.png) no-repeat 0 -12px;
    background-size: 12px;
}

.condition-link.small-text-check .condition-check-box {
    vertical-align: middle;
}

.g-recaptcha {
    display: inline-block;
}


/************** Form Field End ***********/


/************** Buttons Start ***********/

.btn-red,
.btn-red-full,
.btn-red-dark-small,
.btn-gray-rounded,
.btn-gray-full,
.btn-gray-dark-small,
.btn-white-small,
.btn-black-light-small,
.btn-loading,
.btn-loading-small,
.btn-green-small,
.btn-red-border {
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #fff !important;
    padding: 12px 15px;
    border-radius: 25px;
    border: none;
    /*background:#f13f3f;*/
    background: #ec0000;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.btn-red {
    width: auto;
    display: inline-block;
    padding: 12px 30px;
    font-size: 19px !important;
    font-weight: 700 !important;
}

.btn-gray-rounded {
    width: auto;
    display: inline-block;
    padding: 12px 30px;
    background: #999999;
}

.btn-red-small {
    padding: 6px 20px;
    font-size: 14px;
    font-weight: bold;
    max-height: 38px;
}

.btn-red-small>* {
    display: inline-block;
    vertical-align: top;
}

.btn-red-small>i {
    margin-right: 10px;
}

.btn-red-small>span {
    line-height: 28px;
}

.btn-red:hover,
.btn-red-full:hover,
.btn-red-dark-small:hover,
.btn-red.enabled-link:hover {
    /*background:#c2c2c2;*/
    background: #990000;
}

.btn-red:disabled,
.btn-red-full:disabled,
.btn-red-dark-small:disabled,
.btn-red.disabled-link {
    background: #4c5152;
    cursor: not-allowed;
}

.btn-red-border {
    background: none;
    color: #ec0000 !important;
    border: 1px solid #ec0000;
}

.btn-red-dark-small,
.btn-gray-dark-small,
.btn-white-small,
.btn-loading-small,
.btn-green-small {
    background: #ec0000;
    font-size: 14px;
    padding: 9px 50px;
    width: auto;
}

.btn-red-dark-small,
.btn-loading-small,
.btn-green-small {
    padding: 5px 15px;
    max-width: 150px;
    width: 100%;
}

.btn-green-small {
    background: #0B8228;
}

.btn-gray-full,
.btn-gray-dark-small {
    background: #595959;
}

.btn-gray-full:hover,
.btn-gray-dark-small:hover,
.btn-gray-rounded:hover {
    /*background:#f13f3f;*/
    background: #6D6D6D;
}

.btn-black-light-small {
    background: #4c5152;
    width: auto;
    display: inline-block;
    padding: 4px 20px;
    font-size: 15px;
    font-weight: 300;
}

.btn-black-light-small:hover {
    background: #6D6D6D;
}

.btn-white-small {
    background: #fff;
    color: #ec0000 !important;
}

.btn-white-small:hover {
    background: #ec0000;
    color: #fff !important;
}

.btn-loading,
.btn-loading-small {
    background: #c2c2c2;
    pointer-events: none;
}

.btn-red-full:focus,
.btn-red-full:acitve,
.btn-gray-full:focus,
.btn-gray-full:acitve {
    color: #fff;
}

.btn-h38 {
    height: 38px;
    font-size: 19px !important;
    font-weight: 700 !important;
    padding: 1px 22px !important
}

.btn-h32 {
    height: 32px;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 9px 30px !important
}

.btn-h42 {
    height: 42px;
    font-size: 19px !important;
    font-weight: 700 !important;
    padding: 9px 30px !important
}

.btn-h41 {
    height: 41px;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 11px 30px !important
}

.btn-auto {
    width: auto !important;
    display: inline-block;
}

.mx-280 {
    max-width: 280px;
    margin: 0 auto;
}

.btn-mx-168x44 {
    max-width: 168px;
    height: 44px;
    font-size: 16px;
    line-height: 18px;
    padding: 12px 15px;
    width: 100%;
}

.btn-mx-378x48 {
    max-width: 378px;
    height: 48px;
    font-size: 16px;
    width: 100%;
    display: inline-block;
}

.btn-mx-126x38 {
    max-width: 126px;
    height: 38px;
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
}

.btn-mx-220x55 {
    max-width: 220px;
    height: 55px;
    font-size: 14px;
    width: 100%;
}

.btn-top-nav {
    font-size: 9px;
    text-transform: uppercase;
    border: 0;
    background: none;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    margin: 13px 25px 0 0;
}

.btn-top-nav i {
    font-size: 22px;
    display: block;
}

.btn-red-circle {
    background: #ec0000;
    padding-left: 0;
    padding-right: 0;
    width: 37px;
    height: 37px;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.btn-red-circle:hover {
    background: #990000;
}

.btn-red span.normal-form-status,
.btn-red-full span.normal-form-status,
.btn-red-dark-small span.normal-form-status {
    display: block;
}

.btn-red span.loading-form-status,
.btn-red-full span.loading-form-status,
.btn-red-dark-small span.loading-form-status {
    display: none;
}

.btn-red.btn-loading span.normal-form-status,
.btn-red-full.btn-loading span.normal-form-status,
.btn-red-dark-small.btn-loading span.normal-form-status {
    display: none;
}

.btn-red.btn-loading span.loading-form-status,
.btn-red-full.btn-loading span.loading-form-status,
.btn-red-dark-small.btn-loading-small span.loading-form-status {
    display: block;
}

.btn-h38.btn-red,
.btn-h42.btn-red {
    min-width: 110px;
    max-width: 140px;
    width: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1 !IMPORTANT;
}

.btn-h38.btn-loading,
.btn-h42.btn-loading {
    min-width: 130px;
    max-width: 180px;
}


/************** Buttons End ***********/


/************** Login Page Start ***********/

.white-bg {
    background: #fff;
}

.m-0 {
    margin: 0px !important;
}

.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mtb-activar {
    margin-top: 40px;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-40 {
    margin-right: 40px;
}

.mr-4 {
    margin-right: 4px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.pd-15 {
    padding: 15px !important;
}

.pdtb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pdtb-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.pdt-5 {
    padding-top: 5px;
}

.pdt-15 {
    padding-top: 15px;
}

.pdt-0 {
    padding-top: 0 !important;
}

.pdt-30 {
    padding-top: 30px !important;
}

.pd-0 {
    padding: 0 !important;
}

.pdl-0 {
    padding-left: 0 !important;
}

.pdl-6 {
    padding-left: 6px !important;
}

.pdl-10 {
    padding-left: 10px !important;
}

.pdl-15 {
    padding-left: 15px !important;
}

.pdl-30 {
    padding-left: 30px !important;
}

.pdl-35 {
    padding-left: 35px !important;
}

.pdl-46 {
    padding-left: 46px !important;
}

.pdb-15 {
    padding-bottom: 15px;
}

.pdtb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pdtb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pdr-35 {
    padding-right: 35px !important;
}

.pdr-46 {
    padding-right: 46px !important;
}

.pdlr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pdlr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.pdlr-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.pdtb-9-lr-30 {
    padding: 9px 30px;
}

.pdlr-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.pdlr-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.pdlr-8-20 {
    padding-left: 8px !important;
    padding-right: 20px !important;
}

.login-slide-box {
    position: relative;
}

.login-slide-box img {
    width: 100%;
}

.login-slide-box .login-slide-caption {
    padding: 30px;
    text-align: center;
    background: rgba(228, 48, 47, 0.75);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
}

.login-slide-box .login-slide-caption h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}


/*.login-slide-box .login-slide-eroski-caption {
    position: absolute;
    top: 20%;
    left: 43%;
    color: #fff;
    margin: 0;
    font-size: 18px;
    line-height: normal;

}*/

.login-slide-box .login-slide-eroski-caption {
    position: absolute;
    top: 23%;
    left: 4%;
    color: black;
    font-size: 31px;
    line-height: normal;
    font-weight: bold;
}

.login-slide-box .login-slide-cortefiel-caption {
    position: absolute;
    top: 20%;
    left: 43%;
    color: #fff;
    margin: 0;
    font-size: 18px;
    line-height: normal;
}

.layout-box {
    padding: 70px 0;
}

.login-box {
    max-width: 380px;
    margin: 0 auto;
    margin-bottom: 30px;
    background: #fcfcfc;
    border: 1px solid #eaeaea;
    position: relative;
}

.login-box-in {
    position: relative;
    padding: 30px;
}

.login-box-in.pdlr-20-15 {
    padding-left: 20px;
    padding-right: 15px;
}

.login-heading {
    position: relative;
    padding-bottom: 30px;
}

.login-heading h2 {
    font-size: 21px;
    color: #313131;
    line-height: 30px;
    margin: 0;
    margin-left: 40px;
    padding-left: 15px;
    border-left: 1px solid #cbcbcb;
}

.login-heading h2 i {
    position: absolute;
    top: 3px;
    left: 0;
}

.login-form {
    position: relative;
}

.forget-link {
    position: relative;
    text-align: center;
    padding-top: 15px;
}

.reg-cont-box {
    position: relative;
}

.reg-cont {
    position: relative;
    padding-bottom: 30px;
}

.reg-cont h2 {
    margin: 0;
    font-size: 21px;
    font-weight: 400;
}

.reg-cont h2 span {
    font-weight: 600;
}

.reg-cont p {
    font-size: 15px;
    line-height: 23px;
}

.reg-video-box {
    position: relative;
    display: table;
    padding: 0 15px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #fcfcfc;
}

.reg-video-box .reg-video-cont {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
}

.reg-video-box .reg-video-img {
    display: table-cell;
    vertical-align: bottom;
    padding: 15px 0 0 15px;
}

.video-responsive {
    position: relative;
    padding-bottom: 53%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-responsive video::-internal-media-controls-download-button {
    display: none;
}

.video-responsive video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

.video-responsive video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
    /* Adjust as needed */
}

.reg-video-mob-box {
    position: relative;
    padding: 15px;
    text-align: center;
}

.reg-video-mob-box {
    position: relative;
    padding: 15px;
    text-align: center;
    color: #fff;
}

.reg-video-mob-box h4 {
    font-weight: 500;
    margin: 0;
    line-height: 30px;
    cursor: pointer;
}

.reg-video-mob-box .btn-video-play {
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: none;
    text-align: center;
    font-size: 10px;
    vertical-align: top;
    line-height: normal;
    margin-left: 10px;
}

.customer-ser-box {
    position: relative;
    display: table;
    width: 100%;
    background: #eaeaea;
}

.customer-ser-box .customer-ser-icon,
.customer-ser-box .customer-ser-cont {
    position: relative;
    display: table-cell;
    padding: 15px;
    vertical-align: middle;
}

.customer-ser-box .customer-ser-icon i {
    background-color: #ec0000;
    width: 42px;
    height: 42px;
    display: block;
    background-position: center center;
    border-radius: 4px;
}

.customer-ser-box .customer-ser-cont {
    padding-left: 0;
    vertical-align: top;
}

.customer-ser-box .customer-ser-cont p {
    padding-left: 0;
    margin: 0;
}

.footer-note {
    position: relative;
}

.footer-note p {
    font-size: 12px;
    /*text-align:center;*/
}

.bg-footer {
    background: #4c5152;
    padding: 0;
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    margin-top: 20px;
}

.footer-cont {
    /*text-align:center;
	padding:30px 0 50px;*/
    color: #fff;
    padding: 20px 0 0px;
}

.footer-cont p {
    margin: 0;
    font-size: 13px;
}

.footer-cont h3 {
    font-size: 14px;
    margin: 0;
    padding-bottom: 10px;
}

.footer-cont h3 a {
    color: #fff;
}

.footer-cont h3 a:hover {
    text-decoration: underline;
}

.footer-cont .footer-link-list,
.footer-cont .footer-row-link-list {
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    text-align: center;
}

.footer-cont .footer-link-list li {
    /*padding-left:15px;*/
    list-style: none;
}

.footer-cont .footer-link-list li a,
.footer-cont .footer-row-link-list li a {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    font-family: "SantanderMicroText";
    font-style: normal;
}

.footer-cont .footer-link-list li a:hover,
.footer-cont .footer-row-link-list li a:hover {
    text-decoration: underline;
}

.footer-cont .footer-row-link-list {
    margin-bottom: 15px;
}

.footer-cont .footer-row-link-list li {
    list-style: none;
    display: inline-block;
}

.footer-cont .footer-row-link-list li:before {
    content: "•";
    position: relative;
    padding: 0 10px;
}

.footer-cont .footer-row-link-list li a {
    font-size: 14px;
}

.copy-right {
    text-align: center;
    color: #fff;
    padding: 20px 0;
    border-top: 1px solid #fff;
}

.copy-right p {
    font-size: 14px;
    margin: 0;
}


/************** Login Page End ***********/


/************** Saved User Page Start ***********/

.saved-user-box {
    position: relative;
    text-align: center;
}

.saved-user-box .saved-user-img {
    width: 82px;
    height: 82px;
    margin: 0 auto;
    border-radius: 50%;
    background: #f1e9e9;
    overflow: hidden;
    margin-bottom: 15px;
}

.saved-user-box .saved-user-img img {
    width: 100%;
}

.saved-user-box h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}


/************** Saved User Page End ***********/


/************** High User Step 1 Start ***********/

.high-user-box {
    margin-bottom: 30px;
    background: #fcfcfc;
    border: 1px solid #eaeaea;
    position: relative;
}

.hight-user-in {
    position: relative;
    padding: 30px 50px;
}

.high-user-box .pdr-40 {
    padding-right: 40px;
}

.high-user-box .pdl-40 {
    padding-left: 40px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-30 {
    margin-bottom: 30px;
}

.pdt-0 {
    padding-top: 0 !important;
}

.pdb-30 {
    padding-bottom: 30px !important;
}

.m-center {
    margin-left: auto;
    margin-right: auto;
}


/*
.modal.fade .modal-dialog{
	opacity:0;
	transform:scale(0.7);
	!*transform:scale(7,0) translateX(-25%);
	transition:all 0.3s
	transition: transform 300ms ease-in-out;*!

	-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
}
!*.modal.fade .modal-dialog.ng-animate{
	position:absolute;
	left:50%;
	margin-left:-25%;
}*!
.modal.in .modal-dialog{
	opacity:1;
	transform:scale(1) translateX(0);

	-webkit-transition: transform 0.3s linear;
		-moz-transition: transform 0.3s linear;
		-ms-transition: transform 0.3s linear;
		-o-transition: transform 0.3s linear;
		transition: transform 0.3s linear;
}*/

.mx-w-1100 {
    max-width: 1100px !important;
}

.modal-center {
    display: table;
    height: 100%;
    width: 100%;
    padding: 15px;
    margin: 0 auto;
}

.modal-center .modal-content {
    display: table-cell;
    vertical-align: middle;
    background: none;
}

.modal-dialog.modal-video {
    display: table;
    height: 100%;
    width: 100%;
    max-width: 600px;
    padding: 15px;
    margin: 0 auto;
}

.modal-dialog.modal-video .modal-content {
    display: table-cell;
    vertical-align: middle;
    background: none;
}

.modal-backdrop {
    background: #4a4a4a;
}

.modal-backdrop.in {
    opacity: 0.57;
}

.modal-term,
.modal-you-know {
    max-width: 780px;
    width: auto;
    height: 100%;
    display: table;
    margin: 0 auto;
    position: relative;
}


/* .modal-you-know { */


/* pointer-events: none; */


/* } */

.modal-content {
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.modal-term .modal-content,
.modal-you-know .modal-content {
    background: none;
    display: table-cell;
    vertical-align: middle;
    padding: 30px 15px;
    position: relative;
}

.modal-you-know .close-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.terms-modal-in {
    position: relative;
    padding: 40px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.terms-modal-in h2 {
    font-weight: 600;
    font-size: 21px;
    margin: 0;
}

.terms-modal-in p {
    line-height: 24px;
}

.btn-close-circle {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 99;
    padding: 0;
    width: 40px;
    height: 40px;
    background: #c10101;
    border: none;
    border-radius: 50%;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
}

.modal-you-know {
    max-width: 450px;
}


/************** High User Step 1 End ***********/


/************** Contact Page Start ***********/

.contact-heading-box {
    position: relative;
    display: table;
    width: 100%;
    padding: 15px 15px;
}

.contact-heading-box .contact-heading-icon,
.contact-heading-box .contact-heading-cont,
.contact-opt-cover {
    position: relative;
    display: table-cell;
    padding: 0 15px;
}

.contact-heading-box .contact-heading-icon {
    width: 55px;
    padding: 0 15px;
    text-align: center;
    vertical-align: top;
}

.contact-heading-box .contact-heading-icon i {
    vertical-align: middle;
}

.contact-heading-box .contact-heading-cont {
    border-left: 1px solid #cbcbcb;
    /*vertical-align:middle;*/
    vertical-align: top;
}

.contact-opt-cover-right {
    float: right;
}

.contact-opt-cover {
    width: 190px;
    padding-right: 0px;
}

.contact-opt-cover-in {
    position: relative;
}

.contact-heading-box .contact-heading-cont h2,
.contact-heading-box .contact-heading-cont h3 {
    margin: 0;
    font-size: 22px;
    font-weight: bold;
}

.contact-heading-box .contact-heading-cont h2 span,
.contact-heading-box .contact-heading-cont h3 span {
    /*font-size:22px;*/
    font-size: 14px;
    font-weight: normal;
}

.contact-opt-box {
    position: relative;
}

.contact-opt-box .contact-opt-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: none;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.contact-opt-box .btn-contact-opt {
    border-radius: 0;
    padding: 10px 9px;
    background: #757575;
    display: block;
    border: none;
    color: #fff;
    width: 100%;
    font-size: 19px;
    font-weight: 700;
    position: relative;
}

.btn-consultas-opt {
    background: #757575 !important;
}

.contact-opt-box .btn-contact-opt i {
    margin-left: 15px;
    float: right;
    font-size: 22px;
}

.contact-opt-box .btn-contact-opt.btn-instant-video-mobile i {
    margin-left: 5px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.contact-opt-box .contact-opt-list {
    margin: 0;
    padding: 0;
    border: 1px solid #c2c2c2;
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 999;
    width: 100%;
    min-width: 280px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.contact-opt-box .contact-opt-list.ng-hide {
    display: block;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-50px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.contact-opt-box .contact-opt-list li {
    position: relative;
    list-style: none;
    background: #fff;
    border-bottom: 1px solid #c2c2c2;
}

.contact-opt-box .contact-opt-list li:last-child {
    border-bottom: none;
}

.contact-opt-box .contact-opt-list li a {
    padding: 8px 15px;
    text-align: right;
    display: block;
    font-weight: 300;
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.contact-opt-box .contact-opt-list li a:hover,
.contact-opt-box .contact-opt-list li a.active {
    color: #ec0000;
}

.contact-opt-box .contact-opt-list li a.active {
    font-weight: bold;
}

.contact-opt-menu-mobile {
    display: table;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ec0000;
}

.contact-light-gray-cover {
    background: #f2f2f2;
    margin-bottom: 60px;
}

.contact-light-gray-in {
    padding: 15px;
}

.contact-info-cover {
    position: relative;
}

.contact-light-heading {
    position: relative;
    padding: 15px 0 30px;
}

.contact-light-heading h3 {
    margin: 0;
    font-size: 22px;
    font-weight: bold;
    color: #ec0000;
    text-align: center;
}

.contact-light-heading h3 {
    margin: 0;
    font-size: 22px;
    font-weight: bold;
    color: #ec0000;
}

.contact-info-box {
    position: relative;
    display: table;
    width: 100%;
    padding: 30px 0 0;
}

.contact-info-box .contact-info-icon,
.contact-info-box .contact-info-cont {
    position: relative;
    display: table-cell;
    padding: 0 15px;
}

.contact-info-box .contact-info-icon {
    width: 70px;
    padding-left: 0;
}

.contact-info-box .contact-info-icon i {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #ff0000;
    border-radius: 50%;
    background-position: center center;
}

.contact-info-box .contact-info-cont {
    vertical-align: top;
}

.contact-info-box .contact-info-cont h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 15px;
}

.contact-info-box .contact-info-cont p {
    font-size: 14px;
}

.contact-info-box .contact-info-cont p strong {
    font-size: 16px;
}

.contact-info-box .contact-info-cont p span {
    font-size: 12px;
}

.contact-info-box .contact-info-cont .contact-phone {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    white-space: nowrap;
}

.contact-info-list {
    margin: 0;
    padding: 0;
    padding-left: 25px;
}

.contact-info-list {
    list-style: disc;
}

.contact-form-cover {
    position: relative;
    padding: 30px 0;
}

.contact-form-box {
    position: relative;
    width: 100%;
    max-width: 830px;
    margin: 0 auto;
}

.table-block .form-inline select.form-control {
    padding: 8px 24px 8px 12px;
    min-width: 210px;
    max-width: 310px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* remove default arrow */
    background: url(../img/OnlinePayments/icons/arrow.png) no-repeat 95% 50%;
    /* add custom arrow */
}

.table-block .table {
    margin: 0px;
    border: 1px solid #d2d2d2;
    color: #474747;
}

.table-block .table th,
.table-block .table td {
    padding: 10px;
}

.table-block .table-mobile-block>.table {
    border-collapse: inherit;
}

.table-block .table-mobile-block .table td {
    padding: 0px;
}

.table-block .table-mobile-block .table-mobile {
    width: 100%;
}

.table-block .table-mobile-block .table-mobile td {
    padding: 10px;
}

.table-block .table thead tr th {
    border-bottom: 0px;
    background: #ee4c4c;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.table-block .table tbody tr td {
    border-top: 1px solid #d2d2d2;
    font-size: 13px;
    vertical-align: middle;
}

.table-block .table tbody tr td .price {
    font-weight: 600;
    color: #ec2424;
}

.table-block .table-mobile tbody tr td i {
    color: #878787;
    cursor: pointer;
}

.table-block .table-mobile tbody tr.details td {
    background: #f9f9f9;
    font-size: 13px;
    line-height: 23px;
    color: #9e3667;
}

.table-block .table-mobile tbody tr.details td h5 {
    margin: 5px 0px 10px;
    font-weight: bold;
}

.table-block .table-mobile tbody tr.details td p {
    margin: 0px;
}

.table-block .table-footer {
    margin: 25px 0px;
    text-align: center;
}

.table-block .table-footer .btn {
    min-width: 150px;
}

.table-block .radio {
    margin: 0px;
    position: relative;
    width: 14px;
    height: 14px;
}

.table-block .form-inline {
    margin-bottom: 15px;
}


/*table loader start*/

.table-block .table-mobile-block .tbody-loader td {
    padding: 10px;
}

.tbody-loader td p {
    margin-bottom: 0;
}

.tbody-loader td p:after,
.table-filter p:after {
    height: 100%;
    background-color: #ebebebd1;
}

.tbody-loader tr:nth-child(even) p {
    width: 70%;
}

.tbody-loader tr:nth-child(even) p:after {
    background: rgba(221, 221, 221, 0.87);
    height: 80%;
    margin-top: 3px;
}

.tbody-loader td p,
.table-filter p {
    position: relative;
    padding: 10px;
    width: 95%;
    background: none;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

.tbody-loader td p:after,
.table-filter p:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(235, 235, 235, 0.59);
    transition: all 0.3s;
    animation: bg-fill 1.4s ease-in-out both alternate infinite;
}

.tbody.ng-hide {
    opacity: 0;
}

.tbody {
    opacity: 1;
}

.tbody.ng-hide-remove {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@-webkit-keyframes bg-fill {
    0% {
        width: 10%;
    }
    100% {
        width: 100%;
    }
}

@keyframes bg-fill {
    0% {
        width: 10%;
    }
    100% {
        width: 100%;
    }
}


/*table loader end*/

.table-block .form-inline .form-control {
    /* padding: 8px 12px; */
    /* background-color: #fcfcfc; */
    /* border: 1px solid #e5e5e5; */
    /* border-radius: 0px; */
    font-size: 13px;
    /* color: #333333; */
    height: 36px;
    box-shadow: none !important;
}

.table-block .form-inline select.form-control option {
    background: #ffffff;
    border-color: #e5e5e5;
}

.table-block .table-footer .error-message p.invalid {
    padding-bottom: 10px;
}

.selector {
    float: left;
    margin-left: 15px;
}

.contact-form-box .form-horizontal .control-label {
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}

.pdb-10 {
    padding-bottom: 10px;
}

.pdb-5 {
    padding-bottom: 5px;
}

.contact-form-box .contact-radio-box {
    position: relative;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

.contact-form-box .contact-radio-box input[type="radio"] {
    position: relative;
    cursor: pointer;
    opacity: 0;
}

.contact-form-box .contact-radio-box input[type="radio"]~.contact-radio {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #c0c0c1;
    /*background: #ec0000;
	border:1px solid #999;*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px;
    pointer-events: none;
}

.contact-form-box .contact-radio-box input[type="radio"]:checked~.contact-radio {
    background: #ec0000;
}

.contact-form-box .contact-radio-box input[type="radio"]:checked~.contact-radio:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #f2f2f2;
    /*background: #ec0000;
	border: 1px solid #999;*/
}

.contact-form-box .contact-email-box {
    position: relative;
    padding-bottom: 15px;
    width: 100%;
    float: left;
}

.contact-form-box .contact-telphone-box {
    position: relative;
}

.contact-form-box .contact-telphone-box .mobile-label {
    display: none;
}

.contact-form-box .contact-telphone-box input {
    padding: 3px 12px !important;
    /*margin-bottom:15px;*/
}

.contact-form-box .contact-telphone-box input:last-child {
    margin: 0;
}

.contact-form-box .form-horizontal .checkbox .checkbox-multi {
    position: relative;
}

.contact-form-box .form-horizontal .checkbox .checkbox-multi input[type="checkbox"] {
    position: relative;
    margin: 0 10px 0 15px;
    cursor: pointer;
    z-index: 5;
    opacity: 0;
}

.contact-form-box .form-horizontal .checkbox .checkbox-multi input[type="checkbox"]~.checkbox-red {
    width: 15px;
    height: 15px;
    background: #ec0000;
    position: absolute;
    top: 3px;
    left: 15px;
}

.contact-form-box .form-horizontal .checkbox .checkbox-multi input[type="checkbox"]:checked~.checkbox-red:after {
    content: '\f00c';
    font-size: 11px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 1;
    width: 15px;
    height: 15px;
    display: inline-block;
    font-family: FontAwesome;
}

.contact-form-box .form-control {
    border: 1px solid #818181;
    border-radius: 0;
    background: #fff;
    cursor: pointer;
    height: 30px;
    padding: 3px 12px;
    font-size: 14px;
}

.contact-form-box textarea.form-control {
    height: 90px;
}

.contact-form-box .form-control:focus {
    outline: none;
    box-shadow: none;
}

.contact-form-box .form-control:disabled {
    background: #dcdcdc;
    border: none;
}

.contact-form-box .contact-select-box {
    position: relative;
}

.contact-form-box .contact-select-box button {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    background: #fff;
    border: 1px solid #818181;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #ec0000;
}

.contact-form-box .contact-select-box .mobile-undo-button {
    float: left;
}

.contact-form-box .contact-select-box .mobile-undo-button button {
    left: 0;
    width: 100%;
    display: none;
    color: #ec0000 !important;
    text-align: left;
    font-size: 12px;
    padding-top: 10px;
    position: relative;
    pointer-events: auto;
}

.contact-form-box .contact-select-box .mobile-undo-button button .undo-line-red-icon {
    margin-right: 5px;
}

.contact-form-box .contact-select-box.instant-disable-icon button {
    background: none;
    border: none;
    color: #a1a2a6;
}

.contact-form-box .contact-from-fileupload {
    position: relative;
}

.contact-form-box .contact-from-fileupload input[type="file"] {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
}

.contact-form-box .contact-from-fileupload button {
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    color: #ec0000;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    cursor: pointer;
}

.contact-form-box .form-cont {
    position: relative;
}

.contact-form-box .form-cont p {
    font-size: 12px;
    margin: 0;
}

.contact-form-box .btn-red-dark-small {
    /*float:right;*/
    margin: 0px auto;
}

.typeOfInquery {
    position: relative;
}

.typeOfInquery label {
    padding-left: 0;
    font-size: 14px;
}

.mb-0 {
    margin-bottom: 0 !important;
}


/************** Contact Page End ***********/


/************** Global Notification Page Start ***********/

.global-mycard-cover {
    position: relative;
    background: #f2f2f2;
    margin: 15px 0;
    padding-bottom: 25px;
}

.global-mycard-cover .global-mycard-heading-box {
    position: relative;
    background: #ec0000;
    display: table;
    width: 100%;
}

.global-mycard-cover .global-mycard-heading-box {
    position: relative;
    background: #ec0000;
    display: table;
    width: 100%;
}

.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-icon,
.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-cont {
    display: table-cell;
    position: relative;
    padding: 8px;
}

.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-icon {
    width: 55px;
}

.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-icon i {
    color: #fff;
    font-size: 25px;
}

.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-icon i.credit-card-white-mid-icon,
.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-icon i.money-white-mid-icon {
    background-position: center center;
    background-size: 33px 20px;
    width: 38px;
}

.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-icon i.credit-card-white-mid-icon {
    background: url(../img/icons/credit-card-white-icon.svg) no-repeat center center;
    background-size: 33px 20px;
    width: 38px;
}

.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-cont {
    border-left: 1px solid #fff;
}

.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-cont button {
    float: right;
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
}

.global-mycard-cover .global-mycard-heading-box .global-mycard-heading-cont h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
}

.global-mycard-cover .global-mycard-cont-cover {
    padding: 15px 30px;
}

.global-mycard-cover .global-mycard-cont-cover p {
    font-size: 13px;
    margin: 0;
}

.global-mycard-cover .global-mycard-cont-box {
    background: #fff;
    border: 1px solid #d7d7d7;
    margin: 15px 0;
    width: 100%;
}

@media (min-width: 768px) {
    .global-mycard-cover .global-mycard-cont-box {
        width: 400px;
    }
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-box {
    position: relative;
    display: table;
    padding: 10px;
    padding-left: 20px;
    width: 100%;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-cont,
.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box {
    position: relative;
    display: table-cell;
    vertical-align: top;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box {
    width: 166px;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-cont {
    padding-right: 15px;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-cont h3 {
    color: #265D73;
    font-size: 16px;
    margin: 0;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-cont p {
    font-size: 13px;
    margin: 0;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box .global-visa-card {
    /*background:url(../img/icons/Eroski-Red-Visa.png) no-repeat 0 0;*/
    width: 50px;
    height: 31px;
    margin-right: 5px;
    /*width: 53px;
    height: 33px;
    margin-right: 10px;*/
    display: inline-block;
    /*float:left;*/
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box .global-earth-motion {
    background: url(../img/icons/earth-motion-icon.svg) no-repeat 11px;
    width: 53px;
    height: 33px;
    display: inline-block;
    background-size: 34px 25px;
    margin-right: 10px;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box .credit-card-red-mid-icon {
    background: url(../img/icons/credit-card-red-icon.svg) no-repeat 0 0;
    background-size: 52px 30px;
    width: 53px;
    height: 33px;
    display: inline-block;
    margin-right: 10px;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box .car-red-icon {
    background: url(../img/icons/car-red-icon.svg) no-repeat 11px 3px;
    background-size: 40px 22px;
    width: 53px;
    height: 33px;
    display: inline-block;
    margin-right: 10px;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box .btn-gray {
    background: #4c5152;
    border: none;
    color: #fff;
    padding: 5px 10px;
    vertical-align: top;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-visa-btn-box .btn-gray:hover {
    background: #6D6D6D;
}

.bdrt {
    border-top: 1px solid #d6d6d6;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-box {
    padding: 10px 20px;
    border-bottom: 1px solid #d6d6d6;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-box p {
    font-size: 13px;
    margin-bottom: 5px;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-box p span {
    white-space: nowrap;
    font-size: 14px;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-box .limit-progress-box {
    position: relative;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-box .limit-progress-box .progress {
    margin-bottom: 5px;
    border-radius: 15px;
    border: 1px solid #e3e3e3;
    background: #efefef;
    box-shadow: none;
    padding: 1px;
    border-radius: 20px;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-box .limit-progress-box .progress .progress-bar {
    border-radius: 20px;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-box .limit-progress-box .progress .progress-bar-danger {
    background-color: #ec0000;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-detail-box {
    width: 100%;
    position: relative;
    display: table;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-detail-box .global-mycard-limit-available,
.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-detail-box .global-mycard-limit-willing {
    position: relative;
    display: table-cell;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-detail-box .global-mycard-limit-available p {
    /*color:#ec0000;*/
    font-size: 13px;
    margin: 0;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-detail-box .global-mycard-limit-willing p {
    font-size: 13px;
    margin: 0;
}

.red-text {
    color: #ec0000;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-limit-detail-box .global-mycard-limit-willing {
    padding-left: 15px;
    text-align: right;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box {
    position: relative;
    display: table;
    width: 100%;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 {
    position: relative;
    display: table;
    width: 100%;
}
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-internal.gmpb-dflex {
    display: flex;
    text-align: center;
    justify-content: space-between;
    border-bottom: 1px solid #d7d7d7;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-internal.gmpb-dflex {
    display: flex;
    text-align: center;
    justify-content: space-between;
    border-bottom: 1px solid #d7d7d7;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-internal,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-external,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 .global-mycard-payment-internal,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 .global-mycard-payment-external,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 .global-mycard-payment-share {
    display: table-cell;
    padding: 10px 15px;
    /*padding: 10px 0;*/
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 .global-mycard-payment-internal,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 .global-mycard-payment-external,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 .global-mycard-payment-share {
    width: 33.333%;
    text-align: center;
    padding: 10px 0;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-external,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 .global-mycard-payment-share {
    border-left: 1px solid #e3e3e3;
}

.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-internal p,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-external p {
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 0;
}


/* .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-internal p span, .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-external p span { */


/*white-space:nowrap;*/


/* } */

.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-internal p span,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-external p span,
.global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box .global-mycard-payment-share p span {
    display: block;
    font-weight: 600;
    font-size: 14px;
}

.mobile-ad-box {
    position: relative;
    background: #f5f6f1;
    /*display:table;*/
    display: block;
    width: 100%;
    padding: 30px 15px 0;
    margin-bottom: 15px;
}

.mobile-ad-box .mobile-ad-banner,
.mobile-ad-box .mobile-ad-cont-box {
    /* display: table-cell;*/
    display: block;
    position: relative;
    text-align: center;
    /* vertical-align: middle; */
}

.mobile-ad-box .mobile-ad-banner {
    width: 100%;
    /*width:30%;*/
    vertical-align: bottom;
}

.mobile-ad-box .mobile-ad-banner img {
    width: 100%;
    /*max-width:130px;*/
}

.mobile-ad-box .mobile-ad-banner .slider-box img {
    width: auto;
    max-width: 100%;
    /*max-width:130px;*/
    min-height: 150px;
}

.mobile-ad-box .mobile-ad-banner .slider-box img.desktop-mob-view {
    display: block;
}

.mobile-ad-box .mobile-ad-banner .slider-box img.mobile-view {
    display: none;
}

.mobile-ad-box .mobile-ad-banner svg {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.mobile-ad-box .mobile-ad-banner .slider-box {
    position: relative;
}

.mobile-ad-box .mobile-ad-banner .slider-box .slider-inner {
    position: relative;
    overflow: hidden;
}

.mobile-ad-box .mobile-ad-banner .slider-box .carousel-indicators {
    display: none;
}

.mobile-ad-box .mobile-ad-banner .slider-box .carousel-control.left,
.mobile-ad-box .mobile-ad-banner .slider-box .carousel-control.right {
    background: none;
}

.mobile-ad-box .mobile-ad-cont-box h2 {
    font-size: 21px;
    margin: 0;
    color: #ec0000;
    font-weight: normal;
    line-height: 30px;
    padding-bottom: 15px;
}

.mobile-ad-box .mobile-ad-cont-box {
    padding-bottom: 15px;
}

.mobile-ad-box .mobile-ad-cont-box h2 span {
    display: block;
    font-weight: bold;
}

.mobile-ad-box .mobile-ad-cont-box p {
    font-size: 14px;
    margin-bottom: 15px;
}

.mobile-ad-box .mobile-ad-cont-box .btn-red-dark-small {
    display: inline-block;
}

.global-notification-cover {
    position: relative;
    background: #f2f2f2;
    margin: 15px 0;
}

.global-notification-cover .global-notification-heading {
    position: relative;
    background: #ec0000;
    padding: 8px 10px;
    z-index: 99;
}

.global-notification-cover .global-notification-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    text-align: center;
    font-weight: 300;
}

.global-notification-cover .global-notification-in {
    padding: 15px;
}

.global-notification-box {
    position: relative;
    background: #fff;
    padding: 15px;
    border-bottom: 3px solid #afafaf;
    margin-bottom: 15px;
}

.global-notification-box p {
    margin: 0;
    font-size: 12px;
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
    cursor: pointer;
}

.global-notification-box p span {
    display: block;
    font-size: 13px;
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
}

.global-notification-box p a {
    white-space: nowrap;
}

.load-fidelity-box {
    background: #ec0000;
    padding: 15px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.svg-banner {
    position: relative;
    text-align: center;
    width: 100%;
    padding-top: 100%;
    max-width: 540px;
    margin: 0 auto;
}

.svg-banner .slider-box img.desktop-mob-view {
    display: block;
}

.svg-banner .slider-box img.mobile-view {
    display: none;
}

.svg-banner .slider-box .carousel-control.left,
.svg-banner .slider-box .carousel-control.right {
    background: none;
}

.svg-banner .slider-box .carousel-indicators {
    display: none;
}

.svg-banner svg {
    max-width: 540px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.svg-banner svg image {
    height: 100% !important;
}

.load-fidelity-box h2 {
    font-size: 22px;
    margin: 0 0 15px;
}

.load-fidelity-box h2 span {
    display: block;
    font-weight: bold;
}

.load-fidelity-box h3 {
    font-size: 18px;
    margin: 15px 0 15px;
}

.load-fidelity-box .btn-white-small {
    display: inline-block;
    font-size: 20px;
    padding: 1px 30px;
}

.load-fidelity-box .btn-white-small {
    display: inline-block;
}

.notification-tab-box {
    position: relative;
}

.notification-bg {
    /*background:#f5f5f5;*/
    position: relative;
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 60px
}

.notification-box {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    float: left;
}

.notification-box .notification-heading {
    position: relative;
    width: 100%;
    float: left;
}

.notification-box .notification-heading .notification-icon {
    background: #ec0000;
    padding: 8px 15px;
    float: left;
}

.notification-box .notification-heading .notification-icon i {
    vertical-align: top;
}

.notification-box .notification-heading button {
    border: none;
    float: right;
    background: #fff;
    color: #999999;
    font-size: 18px;
    border-left: 1px solid #d7d7d7;
}

.notification-box .notification-cont {
    border: 1px solid #bebebe;
    background: #fff;
    padding: 15px;
    width: 100%;
    float: left;
}

.notification-box .notification-cont p {
    font-size: 14px;
}

.notification-box .notification-cont a {
    color: #333;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
}

.banner-image {
    max-width: 100%;
}

.svg-container {
    position: relative;
}

.stretcher-bar {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.content-svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}


/************** Global Notification Page End ***********/


/************** Display Table Layout ***********/

.display-table {
    position: relative;
    width: 100%;
    display: table;
}

.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-mid {
    vertical-align: middle !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

.display-table-cell,
.display-table [class*="display-table-col"] {
    display: table-cell;
    vertical-align: top;
}

.display-table-col-1 {
    width: 8.333333333%;
}

.display-table-col-2 {
    width: 16.66666667%;
}

.display-table-col-3 {
    width: 25%;
}

.display-table-col-4 {
    width: 33.33333333%;
}

.display-table-col-5 {
    width: 41.66666667%;
}

.display-table-col-6 {
    width: 50%;
}

.display-table-col-7 {
    width: 58.33333333%;
}

.display-table-col-8 {
    width: 66.66666667%;
}

.display-table-col-9 {
    width: 75%;
}

.display-table-col-10 {
    width: 83.33333333%;
}

.display-table-col-11 {
    width: 91.66666667%;
}

.display-table-col-12 {
    width: 100%;
}


/************** Display Table Layout ***********/


/************** Loan Page Start ***********/

.loan-auto-box-cover {
    position: relative;
    /* padding-bottom: 60px; */
}

.loan-auto-box {
    background: #fff;
    border: 1px solid #d7d7d7;
    margin: 15px 0;
}

.loan-auto-box .loan-auto-detail-box {
    position: relative;
    width: 100%;
}


/* .loan-auto-box .loan-auto-detail-box .loan-auto-detail-in { */


/* border-right:1px solid #d7d7d7; */


/* } */

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-gap {
    padding: 15px 30px;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in h3 {
    color: #108289;
    font-size: 24px;
    margin: 0;
    font-weight: 500;
    padding-bottom: 5px;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in p {
    font-size: 18px;
    text-transform: capitalize;
    margin: 0;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in p span {
    white-space: nowrap;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in p.semibold {
    font-weight: 600;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-detail-heading-icon {
    vertical-align: middle;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-detail-icon-right {
    position: relative;
    float: right;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-detail-icon-right .visa-eroski-card {
    /*width: 100%;
    max-width: 105px;
	height: auto;*/
    width: 90px;
    max-width: 90px;
    height: 57px;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-detail-icon-right .visa-cortefiel-card {
    /*width: 100%;
    max-width: 105px;
	height: auto;*/
    width: 90px;
    max-width: 90px;
    height: 57px;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-box {
    padding: 15px 30px;
    border-top: 1px solid #d6d6d6;
}

.bdr-top-0 {
    border-top: none !important;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-box p {
    font-size: 20px;
    margin-bottom: 5px;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-box .loan-auto-progress-box {
    position: relative;
    width: 100%;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-box .loan-auto-progress-box .progress {
    margin-bottom: 5px;
    border-radius: 15px;
    border: 1px solid #e3e3e3;
    background: #efefef;
    box-shadow: none;
    padding: 2px;
    height: 34px;
    border-radius: 20px;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-box .loan-auto-progress-box .progress .progress-bar {
    border-radius: 20px;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-box .loan-auto-progress-box .progress .progress-bar-danger {
    background-color: #ec0000 !important;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-detail-box .loan-auto-limit-available p {
    /*color:#ec0000;*/
    font-size: 19px;
    font-weight: 700  !important;
    margin: 0;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-detail-in .loan-auto-limit-detail-box .loan-auto-limit-pending {
    /* padding-left: 15px; */
    text-align: right;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-nxt-date-box {
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 15px;
    border-left: 1px solid #d7d7d7;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-nxt-date-box p {
    font-size: 16px;
    padding-bottom: 15px;
    margin: 0;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-nxt-date-box h4 {
    font-size: 15px;
    margin: 15px 0 0;
    line-height: 25px;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-nxt-date-box h4 span {
    font-size: 20px;
    display: block;
    font-weight: 600;
    white-space: nowrap;
}

.loan-auto-box .loan-auto-detail-box .loan-auto-nxt-date-box h3 {
    font-size: 19px;
    margin: 15px 0 0;
    white-space: nowrap;
}

.loan-auto-box .loan-auto-payment-box {
    border-top: 1px solid #e3e3e3;
}

.loan-auto-box .loan-auto-payment-box .loan-auto-mobile-drop {
    position: relative;
    display: table;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-loan-drop {
    width: 100%;
    text-align: left;
    height: 24px;
    padding: 4px 10px;
    font-size: 12px;
    background: #f5f5f5;
    border: none;
}

.btn-loan-drop i {
    float: right;
    color: #ec6464;
    font-size: 15px;
}

.btn-loan-drop i.fa.fa-angle-down.fa-angle-up:before {
    content: "\f106";
}

.loan-auto-box .loan-auto-payment-box .loan-auto-payment-info {
    /*padding: 10px 15px;*/
    padding: 10px 0px;
    text-align: center;
    border-right: 1px solid #e3e3e3;
}

.loan-auto-box .loan-auto-payment-box .loan-auto-payment-info:last-child {
    border-right: none;
}

.bdr-right-0 {
    border-right: none !important;
}

.loan-auto-box .loan-auto-payment-box .loan-auto-payment-info p {
    font-size: 20px;
    margin-bottom: 0;
}

.loan-auto-box .loan-auto-payment-box .loan-auto-payment-info p span {
    display: block;
    font-weight: 600;
    white-space: nowrap;
}

.loan-auto-tag-line {
    position: relative;
}

.loan-auto-tag-line p {
    font-size: 16px;
    margin-bottom: 0;
}

.loan-amortization-table,
.online-bill-payment-box {
    position: relative;
    padding: 20px 0;
}

.changeDirection .loan-amortization-table,
.online-bill-payment-box {
    position: relative;
    padding: 0px;
}

.loan-amortization-table h3,
.online-bill-payment-box h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

.loan-amortization-table p,
.online-bill-payment-box p {
    margin: 0;
    font-size: 16px;
    padding-bottom: 30px;
}

.loan-amortization-table p,
.online-bill-payment-box p b {
    font-weight: 500;
}

.loan-amortization-table-btn-box,
.online-bill-payment-btn-box {
    position: relative;
}

.loan-amortization-table-btn-box>* {
    display: inline-block;
    vertical-align: middle;
}

.load-state-box {
    margin-left: 40px;
}

.load-state-box>* {
    display: inline-block;
    vertical-align: middle;
}

.load-state-box span {
    margin-left: 15px;
    font-size: 13px;
}

.online-bill-payment-btn-box {
    text-align: center;
}

.online-bill-payment-opt-box {
    position: relative;
    text-align: center;
    padding: 15px;
}

.online-bill-payment-opt-box i {
    width: 68px;
    height: 68px;
    margin: 0 auto 15px;
    border: 2px solid #39434e;
    border-radius: 50%;
    background-position: center center;
}

.online-bill-payment-opt-box p {
    font-size: 16px;
    line-height: 30px;
}

.online-bill-payment-btn-box .btn-red.btn-mx-220x55 {
    margin: 0px 0px 12px 0px;
    padding: 3px 0px;
}


/************** Loan Page End ***********/


/************** Cards Page Start ***********/

.pdlr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.card-force-table {
    position: relative;
}

.card-force-table .table-bordered>tbody>tr:nth-child(even) {
    background: #f6f6f6;
}

.card-force-table .table-bordered>thead>tr>th,
.card-force-table .table-bordered>thead>tr>td {
    border-bottom: 1px solid #c8c8c8 !important;
    background: #ec0000;
    color: #fff;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}

.card-force-table .table-bordered>thead>tr>th:first-child,
.card-force-table .table-bordered>thead>tr>td:first-child {
    border-left: 1px solid #ec0000;
}

.card-force-table .table-bordered>thead>tr>th:last-child,
.card-force-table .table-bordered>thead>tr>td:last-child {
    border-right: 1px solid #ec0000;
}

.card-force-table .table-bordered {
    border: 1px solid #c8c8c8;
    border-top: none;
    margin-bottom: 15px;
}

.card-force-table .table-bordered>thead>tr>th,
.card-force-table .table-bordered>tbody>tr>th,
.card-force-table .table-bordered>tfoot>tr>th,
.card-force-table .table-bordered>thead>tr>td,
.card-force-table .table-bordered>tbody>tr>td,
.card-force-table .table-bordered>tfoot>tr>td {
    border: 1px solid #c8c8c8;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.card-force-table .table-bordered.cursor-normal>thead>tr>th,
.card-force-table .table-bordered.cursor-normal>tbody>tr>th,
.card-force-table .table-bordered.cursor-normal>tfoot>tr>th,
.card-force-table .table-bordered.cursor-normal>thead>tr>td,
.card-force-table .table-bordered.cursor-normal>tbody>tr>td,
.card-force-table .table-bordered.cursor-normal>tfoot>tr>td {
    cursor: default;
}

.card-force-table .table-bordered>tbody>tr:hover>td,
.card-force-table .table-bordered>tfoot>tr:hover>td {
    background: none;
}

.cards-outstanding-balance {
    position: relative;
}

.cards-outstanding-balance p {
    font-size: 13px;
}

.card-force-table .table-bordered p {
    padding: 0;
}

.card-force-table .table-bordered .text-danger {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card-force-table .table-bordered .text-danger p {
    text-align: right;
}

.active-text {
    color: #abc123;
    text-transform: uppercase;
}

.de-active-text {
    color: #a5a5a5;
    text-transform: uppercase;
}

.text-right p {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
    vertical-align: middle !important;
}

.movements-filter-cover {
    position: relative;
    background: #eaeaea;
    border: 1px solid #d2d2d2;
    padding: 15px;
}

.movements-filter-box {
    position: relative;
    width: 100%;
    /*max-width: 830px;*/
    max-width: 950px;
    margin: 0 auto;
    display: table;
}

.movements-filter-box .form-group {
    margin-bottom: 0;
}

.movements-filter-box .control-label {
    padding-top: 5px;
    white-space: nowrap;
}

.movements-filter-box .form-control {
    background: #fff;
    border: 1px solid #b6b6b6;
    text-align: center;
    border-radius: 0;
    box-shadow: none;
    height: 35px;
    text-align: center;
}

.movements-filter-box .form-control:focus {
    box-shadow: none;
    outline: none;
}

.movements-filter-box .btn-red-dark-small {
    font-size: 16px;
    /*padding: 6px 50px;*/
    padding: 3px 15px;
}

.movements-filter-box .btn-loading {
    font-size: 16px;
    padding: 3px 0px;
}

.movements-table .table>tbody>tr {
    position: relative;
}

.movements-table .table>tbody>tr>td {
    position: static;
}

.movements-table .table>tbody>tr>td:first-child {
    /*padding:3px 8px;*/
    padding: 0;
}

.movements-table .table>tbody>tr>td:last-child {
    /*width:32%;*/
    white-space: nowrap;
    border-right: 1px solid #c8c8c8;
}

.movements-table .table>tbody>tr>td:nth-child(3),
.movements-table .table>tbody>tr>td:nth-child(7),
.extractos-table .table>tbody>tr>td:nth-child(4) {
    white-space: nowrap;
}

.movements-filter {
    float: right;
}

.movements-filter button {
    background: none;
    border: none;
}

.movements-filter button i {
    margin-left: 15px;
    font-size: 16px;
}

.card-movement-date-box {
    position: relative;
    display: table;
    width: 67% !important;
    float: left !important;
    margin: 3px 0;
}

.card-movement-amount-box {
    position: relative;
    float: left;
    width: 30%;
    margin: 3px 0;
}

.card-extract-date-box {
    position: relative;
    display: table;
    width: 100%;
}

.card-movement-date-box .card-extract-date,
.card-movement-date-box .card-extract-cont,
.card-extract-date-box .card-extract-date,
.card-extract-date-box .card-extract-cont {
    display: table-cell;
    vertical-align: middle;
    /*padding:5px 0;*/
}

.card-movement-date-box .card-extract-date {
    padding-left: 8px;
}

.card-extract-date-box .card-extract-date {
    border-right: 1px solid #d7d7d7;
    width: 15%;
    padding-right: 15px;
    text-align: center;
}

.card-extract-date-box .card-extract-date p {
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 600;
}

.card-extract-date-box .card-extract-cont p {
    font-size: 12px !important;
    font-weight: normal !important;
}

.card-extract-date-box .card-extract-cont {
    padding-left: 15px;
}

.extract-arrow-down {
    background: none;
    border: none;
    padding: 0 10px;
    padding-right: 0;
    color: #131313;
    font-size: 12px;
}

.movements-dropdown {
    position: relative;
    width: 100%;
    /*min-width:290px;*/
    background: #f6f6f6;
    border: 2px solid #bababa;
    /*left: 0;*/
    right: 0px;
    z-index: 10;
    padding: 7px;
    float: left;
    /*margin-top:14px;
	display:none;*/
}

.movements-dropdown ul.movements-list {
    position: relative;
    margin: 0;
    padding: 0;
}

.movements-dropdown ul.movements-list li {
    list-style: none;
    width: 100%;
}

.movements-dropdown ul.movements-list li p {
    font-size: 12px !important;
    font-weight: normal;
}

.movements-dropdown ul.movements-list li p span {
    float: right;
    font-weight: bold !important;
}

.radio-label {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.radio-red-btn {
    position: relative;
}

.radio-red-btn input[type='radio'] {
    width: 14px;
    height: 14px;
    position: relative;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.radio-red-btn input[type='radio']~label {
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    z-index: 0;
    /*background: #ec0000;*/
    background: #c0c0c1;
    border-radius: 50%;
    display: block;
}

.radio-red-btn input[type='radio']:checked~label {
    background: #ec0000;
}

.radio-red-btn input[type='radio']:checked~label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
}

.environment-care-box {
    position: relative;
    background: #f9f9f9;
    border: 1px solid #999;
    padding: 20px;
    margin-bottom: 30px;
}

.environment-care-box p {
    font-size: 16px;
    margin: 0;
}

.services-cover {
    position: relative;
}

.services-box {
    position: relative;
    padding: 15px 0;
}

.services-box .services-icon-box {
    padding: 15px;
    width: 115px !important;
}

.services-box .services-icon-box i {
    width: 84px;
    height: 81px;
    border-radius: 10px;
}

.services-box .services-cont-box {
    position: relative;
    padding: 15px;
    width: auto;
    vertical-align: middle !important;
}

.services-box .services-cont-box h3 {
    margin: 0;
    font-size: 19px;
    font-weight: bold;
    line-height: 24px;
    color: #ec0000;
}

.services-box .services-cont-box p {
    margin: 0;
    font-size: 14px;
    padding: 0;
}

.bg-green {
    background: #abc111;
}

.bg-orange {
    background: #e59d27;
}

.bg-purple {
    background: #9e3667;
}

.bg-red {
    background: #ec0000;
}

.bg-dark-red {
    background: #cf1b1b;
    -webkit-box-shadow: 0px 5px 5px rgba(164, 156, 156, 0.75);
    -moz-box-shadow: 0px 5px 5px rgba(164, 156, 156, 0.75);
    -ms-box-shadow: 0px 5px 5px rgba(164, 156, 156, 0.75);
    -o-box-shadow: 0px 5px 5px rgba(164, 156, 156, 0.75);
    box-shadow: 0px 5px 5px rgba(164, 156, 156, 0.75);
}

.pdb-0 {
    padding-bottom: 0 !important;
}

.error-benefits-box {
    position: relative;
    max-width: 605px;
    width: 100%;
    margin: 30px auto;
    border: 1px solid #818181;
    background: #f8ebd5;
    padding: 10px 15px;
}

.error-benefits-box p {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    padding-bottom: 0;
}

.error-benefits-box a {
    font-weight: bold;
    white-space: nowrap;
}

.card-force-table .btn-red-circle {
    font-size: 12px;
    width: 24px;
    height: 24px;
    padding: 3px 0;
    float: right;
}

.card-force-table .btn-red-circle:hover,
.card-force-table .btn-red-circle:active,
.card-force-table .btn-red-circle:visited,
.card-force-table .btn-red-circle:focus {
    color: #fff;
    background: #990000;
}

.card-force-table.online-bill-table .btn-red-circle {
    float: none;
}

.text-danger {
    color: #a94442;
}

.mobile-banner-ad-box {
    display: none;
    position: relative;
    background: #e9ebce;
    padding: 40px 30px 50px;
    text-align: center;
}

.mobile-banner-ad-box h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}


/************** Cards Page New Design ***********/

.beneficiary-box-wrapper {
    margin-bottom: 15px;
    margin-top: 2%;
}

.changeDirection .beneficiary-box-in {
    padding: 0px;
    background: none;
    border: none;
    margin: 0px;
}

.beneficiary-box-in {
    padding: 15px 10px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    margin: 15px 0px 0px;
}

.beneficiary-box-in p {
    padding-bottom: 0px;
}

.beneficiary-box-in.display-table [class*="display-table-col"] {
    display: table-cell;
    vertical-align: middle;
}

.beneficiary-icons-box {
    text-align: center;
}

.beneficiary-icons-box img {
    width: auto;
    max-width: 100%;
}

.beneficiary-box-in .icons-title {
    font-size: 11px;
    text-align: center;
    padding-bottom: 0px;
    padding-top: 5px;
}

.vigor-card-number {
    padding-left: 15px;
}

.vigor-card-number p {
    font-size: 14px;
}

.beneficiary-status {
    text-align: right;
    padding-right: 25px;
}

.beneficiario-button-box {
    position: relative;
    margin-top: 10px;
}

.beneficiario-button-box .btn-contact-opt {
    border-radius: 0;
    padding: 8px 10px;
    background: #ec0000;
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    position: relative;
}

.beneficiario-button-box .btn-contact-opt .client-icons {
    padding-right: 8px;
    vertical-align: top;
    display: inline-block;
    float: left;
}

.beneficiario-button-box .btn-contact-opt .client-icons img {
    width: 100%;
    vertical-align: top;
}

.beneficiario-button-box .btn-contact-opt i {
    margin-left: 8px;
    float: right;
    font-size: 11px;
    line-height: 14px;
}

.beneficiary-box-in.display-table.box-beneficiary-in {
    margin-bottom: 0px;
}

.beneficiary-box-in.display-table.model-beneficiary-box {
    margin-bottom: 0px;
    margin-top: 0px;
    border-top: 0px;
    padding: 20px 30px 20px 30px;
}

.beneficiary-box-wrapper .beneficiaryformstyle .error-field-2 p {
    margin: 0;
    color: #e99f10;
    font-size: 11px;
    line-height: 15px;
    padding-bottom: 0px !important;
}

.beneficiaryformstyle .form-control {
    padding: 6px 12px !important;
}

.beneficiaryformstyle .button-center .btn-h42 {
    padding: 9px 25px !important;
}

.beneficiaryformstyle .btn-loading,
.btn-loading-small {
    background: #c2c2c2 !important;
}


/************** beneficiary model ***********/

.beneficiary-condi-modal {
    position: relative;
    background: #fff;
    border: 1px solid #d7d7d7;
    padding: 15px;
    margin-top: 85px;
}

.beneficiary-condi-modal .modal-content-box .modal-head {
    padding: 25px 40px 40px;
    background: #ec0000;
    color: #fff;
}

.beneficiary-condi-modal .modal-content-box .modal-head h4 {
    margin: 0;
    font-size: 18px;
    line-height: 38px;
    font-weight: bold;
}

.beneficiary-condi-modal .modal-content-box .modal-head hr {
    margin: 12px 0;
    height: 2px;
    background: #fff;
    border: 0;
}

.beneficiary-condi-modal .modal-content-box .modal-head p {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
}

.beneficiary-condi-modal .modal-body {
    background: #f5f5f5;
    position: relative;
    padding: 25px;
}

.beneficiary-condi-modal .modal-body .modal-body-in {
    position: relative;
    padding: 45px;
}

.beneficiary-condi-modal .modal-body .modal-body-icon-topleft,
.beneficiary-condi-modal .modal-body .modal-body-icon-topright,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomright,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomleft {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.beneficiary-condi-modal .modal-body .modal-body-icon-topleft:before,
.beneficiary-condi-modal .modal-body .modal-body-icon-topright:before,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomright:before,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomleft:before,
.beneficiary-condi-modal .modal-body .modal-body-icon-topleft:after,
.beneficiary-condi-modal .modal-body .modal-body-icon-topright:after,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomright:after,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomleft:after {
    content: '';
    position: absolute;
    height: 7px;
    width: 45px;
    background: #ec0000;
}

.beneficiary-condi-modal .modal-body .modal-body-icon-topleft:after,
.beneficiary-condi-modal .modal-body .modal-body-icon-topright:after,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomright:after,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomleft:after {
    width: 7px;
    height: 45px;
}

.beneficiary-condi-modal .modal-body .modal-body-icon-topleft:before,
.beneficiary-condi-modal .modal-body .modal-body-icon-topleft:after {
    top: 0px;
    left: 0;
}

.beneficiary-condi-modal .modal-body .modal-body-icon-topright:before,
.beneficiary-condi-modal .modal-body .modal-body-icon-topright:after {
    top: 0;
    right: 0;
}

.beneficiary-condi-modal .modal-body .modal-body-icon-bottomleft:before,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomleft:after {
    bottom: 0px;
    left: 0;
}

.beneficiary-condi-modal .modal-body .modal-body-icon-bottomright:before,
.beneficiary-condi-modal .modal-body .modal-body-icon-bottomright:after {
    bottom: 0px;
    right: 0;
}

.beneficiary-condi-modal .modal-body .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.beneficiary-condi-modal .modal-body i {
    margin: 0 auto;
}

.beneficiary-condi-modal .modal-body .beneficiary-condi-modal-list {
    margin: 0;
    padding: 0;
}

.beneficiary-condi-modal .modal-body .beneficiary-condi-modal-list li {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #4d4d4d;
    padding-left: 18px;
    text-indent: -24px;
}

.beneficiary-condi-modal .modal-body .beneficiary-condi-modal-list li::before {
    content: "•";
    padding-right: 18px;
    color: #ec0000;
}

.beneficiary-condi-modal .modal-body .beneficiary-condi-modal-list li span {
    font-weight: 400;
}


/************** beneficiary model End ***********/


/************** beneficiary model success ***********/

.beneficiary-model-box-success-full {
    width: 100%;
    position: relative;
    padding: 30px 15px;
    background: #f2f2f2;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0px;
}

.check-icons .fa {
    display: inline-block;
    font-size: 30px;
    line-height: 55px;
    background: #abc111;
    color: #fff;
    width: 55px;
    height: 55px;
    margin: 0px auto 15px;
    border-radius: 50%;
}

.mobile-label {
    display: none;
}

.beneficiary_formclear:after {
    content: '';
    display: block;
    clear: both;
}

.beneficiary-model-box-success-full h4 {
    font-size: 16px;
    font-weight: 600;
}

.beneficiary-model-box-success-full p {
    font-size: 14px;
    padding-bottom: 0px;
}


/************** beneficiary model success End ***********/


/************** alta beneficiary login ***********/

.beneficiario-slide-sec .login-slide-box+.login-slide-box {
    display: none;
}

.alta-beneficiario-box .hight-user-in {
    padding: 30px 35px;
}

.alta-beneficiario-model .condition-link label {
    font-size: 13px;
}

.beneficirio-login .form-field-box input[type="text"],
.beneficirio-login .form-field-box input[type="password"] {
    position: relative;
    z-index: 99;
    text-transform: lowercase;
}

.beneficirio-login .form-field-box label {
    z-index: 0;
}


/************** alta beneficiary login End ***********/

.display-table-col-2.icon-notification {
    text-align: right;
}

.icon-notification .notification-mid-icon.red {
    width: 35px;
    height: 35px;
    padding: 16px 0;
    background: transparent;
    color: #ec0000;
    font-weight: 600;
    border: 2px solid #ec0000;
    transform: rotate(180deg);
    transition: all 300ms ease 0s;
}

.icon-notification .notification-mid-icon.red:hover {
    color: #fff;
    background: #ec0000;
}

.from-model {
    padding-left: 0px !important;
    padding-right: 0px !important;
    border: 1px solid #ccc;
    border-top: 0px;
}

.campaigns-step-2-main.main-campaigns-step {
    padding: 25px 60px 30px 80px;
}

.display-table-p p {
    font-size: 14px;
}

.form-horizontal.ng-pristine.ng-invalid.ng-invalid-required.input-pointer.ng-valid input {
    cursor: auto;
}

.campaigns-step-3-form-box.contact-form-box .accept-condi-text {
    font-size: 13px;
    margin-bottom: 25px;
}

.campaigns-step-3-form-box.contact-form-box .accept-condi-text a,
.contact-form-box .accept-condi-text a {
    color: #333;
    text-decoration: underline;
}

.mt-20 {
    margin-top: 20px;
}

.scinfo-id-color a {
    color: #333;
}

.condition-link.terms-in-checkbox.link-terms-checkbox {
    padding-bottom: 0px;
}

.mtb-15.mt-11 {
    margin-right: 50px !important;
    margin-top: 11px !important;
}


/************** Cards Page New Design End ***********/


/************** Cards Page End ***********/


/************** area_personal Page Start ***********/

.per_area-heading-box {
    position: relative;
    display: table;
    width: 100%;
    padding: 15px 0;
}

.per_area-heading-box .per_area-heading-icon,
.per_area-heading-box .per_area-heading-cont,
.per_area-opt-cover {
    position: relative;
    display: table-cell;
    padding: 0 15px;
}

.per_area-heading-box .per_area-heading-icon {
    width: 55px;
    text-align: center;
    vertical-align: middle;
}

.per_area-heading-box .per_area-heading-cont {
    border-left: 1px solid #cbcbcb;
}

.per_area-opt-cover {
    width: 190px;
    padding-right: 0px;
}

.per_area-heading-box .per_area-heading-cont h2 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
}

.per_area-heading-box .per_area-heading-cont h2 span {
    font-size: 18px;
    font-weight: normal;
}

.per_area-opt-box {
    position: relative;
}

.per_area-opt-box .btn-per_area-opt {
    border-radius: 0;
    padding: 10px 15px;
    background: #999999;
    display: block;
    border: none;
    color: #fff;
    width: 100%;
    font-size: 16px;
}

.per_area-opt-box .btn-per_area-opt i {
    margin-left: 15px;
}

.per_area-opt-box .per_area-opt-list {
    margin: 0;
    padding: 0;
    border: 1px solid #c2c2c2;
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 999;
    width: 100%;
    min-width: 260px;
}

.per_area-opt-box .per_area-opt-list li {
    position: relative;
    list-style: none;
    background: #fff;
    border-bottom: 1px solid #c2c2c2;
}

.per_area-opt-box .per_area-opt-list li:last-child {
    border-bottom: none;
}

.per_area-opt-box .per_area-opt-list li a {
    padding: 8px 15px;
    text-align: right;
    display: block;
    color: #333;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.per_area-opt-box .per_area-opt-list li a:hover {
    color: #ec0000;
    font-weight: bold;
}

.per_area-light-gray-cover {
    background: #f2f2f2;
    margin-bottom: 30px;
}

.per_area-light-gray-in {
    margin: 0px 15px 100px;
}

.per_area-info-cover {
    position: relative;
    padding: 0px 40px;
}

.per_area-light-heading {
    position: relative;
    padding: 23px 0px 34px;
}

.per_area-light-heading h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #313131;
    text-align: left;
    text-transform: capitalize;
}

.per_area-light-heading p {
    margin: 0;
    font-size: 13px;
    color: #313131;
    text-align: left;
    padding-top: 7px;
}

.per_area-light-heading p:last-child {
    padding-top: 11px;
}

.per_area-info-box {
    position: relative;
    display: table;
    width: 100%;
    margin: 0px 25px;
}

.avtar-profile-box-cover {
    position: relative;
    max-width: 124px;
    /*margin:0 auto;*/
    padding: 15px 0;
}

.avtar-profile-box {
    background: #f1e9e9;
    max-width: 124px;
    width: 100%;
    /*position:relative;*/
    height: 125px;
    border-radius: 60%;
    text-align: center;
    overflow: hidden;
    /*background-image:url(../img/avtar_img.png);
	background-repeat:no-repeat;
	background-size:125px 125px;
	background-position:center 0px;*/
}

.avtar-profile-box img {
    width: 100%;
}

.avtar-profile-box img.avtar {
    padding-top: 25px;
    max-width: 87px;
}

.profile-upload-box {
    position: relative;
    display: none;
}

.avtar-profile {
    position: absolute;
    width: 48px;
    height: 48px;
    background: #ec0000;
    border: none;
    margin: 0 auto;
    left: 105px;
    top: 32px;
    border-radius: 60%;
    background-image: url(../img/icons/cam-white-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 17px;
    -webkit-box-shadow: 2px 2px 3px rgba(26, 20, 21, 0.56);
    -moz-box-shadow: 2px 2px 3px rgba(26, 20, 21, 0.56);
    -ms-box-shadow: 2px 2px 3px rgba(26, 20, 21, 0.56);
    -o-box-shadow: 2px 2px 3px rgba(26, 20, 21, 0.56);
    box-shadow: 2px 2px 3px rgba(26, 20, 21, 0.56);
}

.info-detail ul {
    margin: 0;
    padding: 0;
}

.info-detail ul li {
    list-style: none;
    position: relative;
    margin-top: 25px;
}

.info-detail ul li p {
    margin: 0px;
    text-align: left;
    padding-left: 35px;
    word-break: break-all;
}

.info-detail ul li i {
    position: absolute;
    top: 5px;
    left: 0;
}

.info-detail ul li i.edit-pencil {
    position: relative;
    margin-left: 10px;
    top: 0;
    font-size: 18px;
    color: #ec0000;
    cursor: pointer;
}

.info-detail ul li i.swzInfo {
    position: relative;
    margin-left: 10px;
    top: 0;
    font-size: 18px;
    color: #ec0000;
    cursor: pointer;
}

.info-detail ul li i.proceess-icon-mid-icon {
    top: 1px;
}

.info-detail ul li a {
    text-decoration: none;
    color: #313131;
}

.info-detail ul li:first-child {
    padding: 0px;
    margin-top: 15px;
}

.info-detail .form-message-box-in .form-icon i {
    position: relative;
    top: 0;
    left: 0;
}

.info-detail .form-message-box-in .form-message p {
    padding-left: 0;
}

.info-detail .btn-red-dark-small,
.info-detail .btn-loading-small,
.info-detail .btn-green-small {
    max-width: none;
    white-space: nowrap;
}

.info-detail p span {
    display: inline-block;
}

.info-detail {
    position: relative;
    display: table;
    width: auto;
    font-size: 14px;
}

.info-detail ul li .btn-red-dark-small,
.info-detail ul li .btn-loading-small,
.info-detail ul li .btn-green-small {
    /*position:absolute;
	top:-5px;*/
    font-style: normal;
    font-weight: 600;
}

.info-detail ul li .btn-red-dark-small i,
.info-detail ul li .btn-loading-small i,
.info-detail ul li .btn-green-small i {
    position: relative !important;
    top: 0;
    margin-right: 10px;
}

.info-detail .editable-click,
.info-detail a.editable-click {
    color: #333;
    border: none;
}

.info-detail .editable-wrap {
    margin-top: -6px;
}

.editable-wrap input {
    border: 1px solid #ec0000;
}

.editable-wrap input:focus {
    border: 1px solid #ec0000;
    color: #ec0000;
}

.editable-wrap input:focus,
.editable-wrap button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.editable-buttons .btn-primary {
    background: #ec0000;
    border: none;
}

.editable-buttons .btn-primary:hover {
    background: #990000;
}

.right-info {
    padding-right: 0px;
}

.right-info-list {
    border: 1px solid #cbcbcb;
    padding: 18px 0px;
    margin-bottom: 60px;
}

.right-info-list-heading h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.right-info-list-para {
    font-size: 16px;
}

.para-list {
    margin-left: 2px;
    padding-left: 0;
    list-style: none;
    font-size: 12px;
}

.para-list li {
    padding-left: 12px;
    background-image: url(../img/icons/arrow-bullets-icon.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    margin: 25px 18px;
}

.para-list li a {
    color: #333;
}

.btn-detail {
    margin: 25px 0px;
}

.reset-passowrd-form {
    position: relative;
    padding: 15px 0;
}

.reset-passowrd-form .form-field label {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding: 2px 0px;
    /*padding:2px 15px;*/
}

.reset-passowrd-form .form-control {
    border-radius: 0px;
    border: 1px solid #bebebe;
    text-align: center;
    /*float: right;*/
    height: 25px;
}

.reset-passowrd-form .form-control:focus {
    box-shadow: none;
    border-color: #bebebe;
}

.btn-detail a.btn {
    background: #EC0000;
    color: white;
    padding: 9px;
    font-size: 12px;
    max-width: 254px;
    /*float:right;*/
    width: 100%;
    border-radius: 25px;
}

.info-detail input[type="password"] {
    width: 96px !important;
    margin: 3px;
    text-align: center;
}

.info-detail form placeholder {
    line-height: normal;
}

.btn-ACEPTAR {
    /*margin:22px 0px;*/
    margin-bottom: 20px;
}

.btn-ACEPTAR .btn,
.btn-ACEPTAR .btn-loading {
    /*background: #EC0000;*/
    /*float: right;*/
    color: white;
    /*padding: 7px;
    width: 96px;*/
    padding: 3px 8px;
    max-width: 120px;
    width: 100%;
    font-size: 12px;
    border-radius: 25px;
}

.btn-ACEPTAR .btn:disabled,
.btn-ACEPTAR .btn-loading {
    background: #c2c2c2;
}

.btn-ACEPTAR .btn:focus,
.btn-ACEPTAR .btn-loading:focus {
    outline: none;
    box-shadow: none;
}

.btn-known {
    padding: 10px 15px;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #c1c1c1;
    background: #fff;
}

.mb-60 {
    margin-bottom: 60px;
}


/************** area_personal Page End ***********/


/************** Menu_AF Page Start ***********/

.full-mobile-menu {
    background: #F5F5F5;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    /*opacity:0;*/
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.full-mobile-menu-in {
    position: relative;
    overflow-y: auto;
    height: 100%;
}


/* .full-mobile-menu.menu-in { */


/*opacity:1;
	-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-ms-transform:translate(0,0);
		-o-transform:translate(0,0);
		transform:translate(0,0);*/


/* } */

.full-mobile-menu-in .menu-page {
    position: relative;
    z-index: 100;
}

.full-mobile-menu-in .mid-gray-wrapper {
    position: relative;
    z-index: 100;
}

.white-wrapper {
    margin: 0px;
    padding: 15px 0px 15px 0px;
    overflow: hidden;
    background: #ffffff;
}

.mid-gray-wrapper {
    margin: 0px;
    background: #F5F5F5;
}

.header-bg {
    margin: 0 auto;
    background: #FFF;
    padding: 5px 0;
}

.logo-2 {
    float: none;
    margin: 0 auto;
    padding: 5px 15px;
    position: relative;
    width: 100%;
    max-width: 210px;
}

.logo-2 img {
    width: 100%;
    max-width: 122px;
    margin: auto;
}

.pic-profile-box {
    color: #313131;
}

.pic-profile-box:hover {
    color: #313131;
}

.profile-pic-circle {
    background: #f1e9e9;
    max-width: 74px;
    margin: auto;
    width: 100%;
    position: relative;
    border-radius: 60%;
    text-align: center;
    overflow: hidden;
}

.menu-page-heading {
    text-align: center;
}

.menu-page-heading h3 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.menu-page-heading h3 span {
    display: block;
    font-size: 15px;
    font-weight: normal;
    padding-top: 8px;
}

.menu-page-heading p {
    font-size: 15px;
    font-weight: normal;
}

.profile-pic-circle img {
    width: 100%;
}

.menupage-menu {
    margin: 0px;
    /*  text-align: center;*/
    padding: 0px;
}

.menupage-menu li {
    width: 100%;
    display: block;
    list-style: none;
    border-bottom: 1px solid #c1c1c1;
    font-size: 15px;
    color: #313131;
    font-weight: normal;
}

.menupage-menu li a {
    padding: 16px 22px;
    display: block;
}

.menupage-menu li a i.fa.fa-chevron-down {
    float: right;
}

.menupage-menu li .subnav {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100;
}

.menupage-menu li .subnav a {
    padding-left: 60px;
}

.menupage-menu li .subnav li:first-child {
    border-top: 1px solid #c1c1c1;
}

.menupage-menu li .subnav li:last-child {
    border-bottom: none;
}

.menupage-menu li .subnav.subnav-support a {
    padding-left: 30px;
}

.power-box button {
    position: absolute;
    background: transparent;
    border: none;
    top: 13px;
    left: 8px;
}

.btn-top-nav1 {
    font-size: 9px;
    text-transform: uppercase;
    border: 0;
    background: none;
    color: #E41513;
    position: absolute;
    top: 0;
    right: 0;
    margin: 13px 25px 0 0;
}

.menupage-menu a,
.menupage-menu a:hover,
.menupage-menu a:active {
    color: #313131 !important;
    text-decoration: none;
}


/******************** Loading Page Start **************/

.loading-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ec0000;
    z-index: 99;
}

.loading-logo {
    position: relative;
    padding: 30px 0;
    text-align: center;
}

.loading-logo img {
    width: 100%;
    max-width: 170px;
    margin: 0 auto;
}

.loading-animation {
    position: fixed;
    width: 110px;
    margin-left: -55px;
    left: 50%;
    bottom: 100px;
}

.loading-center {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 170px;
    margin: -54px 0 0 -85px;
}

.loading-center .loading-logo {
    padding: 0;
    padding-bottom: 30px;
}

.loading-center .loading-animation {
    position: relative;
    bottom: auto;
}


/******************** Loading Page End **************/


/******************** Instant Page End **************/

.btn-instant-m {
    background: #ec0000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-instant-m:hover {
    background: #990000;
}

.btn-instant-video {
    position: absolute;
    z-index: 10;
    top: -13px;
    left: -13px;
    background: none;
    border: none;
    padding: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-instant-video:hover {
    transform: scale(0.9);
}

.contact-opt-box .popover {
    background: #f8f8f8;
    font-size: 11px;
    border: 1px solid #cdcdcd;
    box-shadow: 4px 5px 10px rgba(188, 188, 188, 0.53);
}

.contact-opt-box .popover.top>.arrow {
    display: none;
}

.contact-opt-box .popover .popover-content {
    padding: 6px 8px;
}

.instantmoney-message {
    position: relative;
    padding-top: 30px;
}

.instantmoney-message .form-message {
    padding-left: 15px;
}

.instant-money-form-box {
    position: relative;
    background: #f2f2f2;
    margin-bottom: 2%;
}

.instant-money-form-box .instant-money-form-in {
    padding: 0 35px;
}

.instant-money-form-box .instant-money-form-in .popover {
    z-index: 1003;
}

.instant-money-form-box .instant-money-form-header {
    position: relative;
    padding: 15px;
    padding-right: 105px;
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
}

.instant-money-form-box .instant-money-form-header p {
    padding: 0;
    font-size: 16px;
}

.dis-block {
    display: block;
}

.dis-inline-block {
    display: inline-block !important;
    width: auto;
}

.instant-errors {
    margin-top: 5px;
}

.instant-money-form-box .instant-money-form-header .btn-instant-money-info {
    position: absolute;
    padding: 0;
    right: 50px;
    top: 50%;
    margin-top: -20px;
    /*top: 15px;*/
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 2px solid #ec0000;
    background: #f2f2f2;
    color: #ec0000;
    font-weight: bold;
    font-size: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.instant-money-form-box .instant-money-form-header .btn-instant-money-info:hover {
    color: #fff;
    background: #ec0000;
}

.btn-instant-modal-info {
    position: inherit;
    padding: 0;
    right: 50px;
    top: 50%;
    margin-top: -20px;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 2px solid #ec0000;
    background: #f2f2f2;
    color: #ec0000;
    font-weight: bold;
    font-size: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-instant-modal-info:hover {
    color: #fff;
    background: #ec0000;
}

.instant-money-form-box .instant-money-form {
    position: relative;
    padding: 20px 15px;
    max-width: 100%;
}

.instant-money-form-box .instant-money-form h3.instant-money-headline {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 40px;
    position: relative;
}

.instant-money-form-box .instant-money-form h3.instant-money-headline-blue {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 40px;
    position: relative;
}

.instant-money-form-box .instant-money-form h3.instant-money-headline:before,
.line-effect:before {
    content: '';
    width: 50px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ec0000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.instant-money-form-box .instant-money-form h3.instant-money-headline-blue:before,
.line-effect:before {
    content: '';
    width: 50px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #337ab7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.line-effect:hover:before {
    width: 100% !important;
}

.line-effect {
    position: relative;
}

.instant-money-form-box .instant-money-form .control-label {
    padding-right: 0;
    /* se comenta porque en otros idiomas el texto se queda por debajo del input  */
    /* white-space: nowrap; */
}

.instant-money-form-box .instant-money-form .form-control.mb-15 {
    margin-bottom: 0;
}

.instant-money-form-box .instant-money-form p {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 700;
}

.instant-money-form-box .instant-money-form p.small {
    font-size: 11px;
}

.instant-money-form-box .instant-money-form .card-expir-year {
    padding: 0 15px 0 0;
}

.mx-580 {
    max-width: 580px;
}

.mx-640 {
    max-width: 640px;
}

.mx-680 {
    max-width: 680px !important;
}

.mx-742 {
    max-width: 742px !important;
}

.m-0-auto {
    margin: 0 auto;
}

.instant-money-form-box .instant-money-form .instant-money-detail {
    position: relative;
    padding-top: 30px;
}

.instant-money-form-box .instant-money-form .instant-money-check-icon {
    display: block;
    font-size: 74px;
    color: #bdcd49;
    margin-bottom: 10px;
}

.instant-meney-euro {
    position: relative;
    font-size: 20px;
    /* line-height: 0; */
    vertical-align: middle;
    width: 35px;
    color: #555;
    padding: 0px 0px 0 10px;
}

.instant-meney-euro-inside {
    position: absolute;
    top: 1px;
    right: 40px;
    font-size: 14px;
    vertical-align: middle;
    /* border-left: 1px solid #818181; */
    pointer-events: none;
    width: 35px;
    padding: 5px;
    color: #333333;
    /* color: #555; */
    /* background: #f5f5f5; */
    text-align: center;
}

.modal-instant-money {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.modal-online-payments {
    max-width: 965px;
    position: relative;
}

.modal-online-payments .online-payments {
    background-color: #fff;
    position: relative;
}

.modal-instant-money-iframe {
    max-width: 1100px !important;
}

.instant-money-iframe-modal-box {
    padding: 15px;
    /*min-height:560px;
	max-height:560px;*/
    overflow: hidden;
}

.instant-money-iframe-modal-box iframe {
    width: 100%;
    height: 900px;
    /*height:auto;
	min-height:500px;
	max-height:500px;*/
    border: none;
    overflow: scroll;
}

.instant-money-iframe-modal-box iframe.frame-modal {
    width: 100%;
    height: 420px;
    border: none;
    overflow: scroll;
}

.modal-instant-money .instant-modal-box,
.modal-instant-money .instant-money-legal-modal-box {
    position: relative;
}

.modal-instant-money .instant-money-legal-modal-box h3 {
    margin: 0;
    font-size: 18px;
}

.modal-instant-money .instant-money-legal-modal-box p {
    font-size: 14px;
}

.modal-instant-money .instant-money-legal-modal-box .modal-body {
    padding: 15px 30px;
}

.modal-instant-money .instant-money-legal-modal-box .modal-footer {
    text-align: center;
}

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

.step1-content-box .content-text-pd {
    padding-left: 20px;
    padding-right: 20px;
}

.modal-instant-money .instant-modal-box .instant-modal-cont {
    position: relative;
    background: #ec0000;
    padding: 30px;
    color: #fff;
}

.modal-instant-money .instant-modal-box .instant-modal-cont h4 {
    font-weight: bold;
}

.modal-instant-money .instant-modal-box .instant-modal-cont p {
    font-size: 18px;
}

.modal-instant-money .instant-modal-box .instant-modal-cont p.small {
    font-size: 14px;
}

.modal-instant-money .instant-modal-box .instant-modal-cont p .text-light {
    font-weight: 300;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box {
    position: relative;
    background: #f5f5f5;
    padding: 20px;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-modal-opt-in {
    position: relative;
    padding: 30px;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft:after {
    content: '';
    position: absolute;
    height: 7px;
    width: 45px;
    background: #ec0000;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-ikea:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-ikea:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-ikea:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-ikea:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-ikea:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-ikea:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-ikea:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-ikea:after {
    content: '';
    position: absolute;
    height: 7px;
    width: 45px;
    background: #0077C8;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-travelclub:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-travelclub:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-travelclub:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-travelclub:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-travelclub:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-travelclub:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-travelclub:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-travelclub:after {
    content: '';
    position: absolute;
    height: 7px;
    width: 45px;
    background: #3a75c4;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-cooltra:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-cooltra:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-cooltra:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-cooltra:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-cooltra:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-cooltra:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-cooltra:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-cooltra:after {
    content: '';
    position: absolute;
    height: 7px;
    width: 45px;
    background: #008AFF;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft:after {
    width: 7px;
    height: 45px;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-ikea:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-ikea:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-ikea:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-ikea:after {
    width: 7px;
    height: 45px;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-travelclub:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-travelclub:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-travelclub:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-travelclub:after {
    width: 7px;
    height: 45px;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-cooltra:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-cooltra:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-cooltra:after,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-cooltra:after {
    width: 7px;
    height: 45px;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft:after {
    top: 0px;
    left: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright:after {
    top: 0;
    right: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-ikea:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-ikea:after {
    top: 0px;
    left: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-travelclub:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-travelclub:after {
    top: 0px;
    left: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-cooltra:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topleft-cooltra:after {
    top: 0px;
    left: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-ikea:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-ikea:after {
    top: 0;
    right: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-travelclub:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-travelclub:after {
    top: 0;
    right: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-cooltra:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-topright-cooltra:after {
    top: 0;
    right: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft:after {
    bottom: 0px;
    left: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright:after {
    bottom: 0px;
    right: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-ikea:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-ikea:after {
    bottom: 0px;
    left: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-travelclub:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-travelclub:after {
    bottom: 0px;
    left: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-cooltra:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomleft-cooltra:after {
    bottom: 0px;
    left: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-ikea:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-ikea:after {
    bottom: 0px;
    right: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-travelclub:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-travelclub:after {
    bottom: 0px;
    right: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-cooltra:before,
.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-targeticon-bottomright-cooltra:after {
    bottom: 0px;
    right: 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-modal-opt {
    position: relative;
    padding: 15px 0;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-modal-opt-item {
    position: relative;
    color: #333;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-modal-opt-item i {
    position: relative;
    margin: 0 auto 15px;
}


/******************** Instant Page Start **************/


/******************** Video Tutoriales Page Start **************/

.video-tutorial-cont {
    padding: 15px;
}

.video-tutorial-cont p {
    font-size: 18px;
    line-height: 26px;
}

.video-tutorial-video-box {
    position: relative;
    display: block;
    padding: 15px 0 0;
    color: #333 !important;
}

.video-box img {
    width: 100%;
    max-width: 100%;
    border: 4px solid #c1c1c1;
}

.video-name {
    padding: 10px 0 0;
}


/******************** Video Tutoriales Page End **************/


/******************** Payment Method Change Section Start **************/

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-modal-opt-item.pmc-choose-item {
    position: relative;
    display: block;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-modal-opt-item.pmc-choose-item i {
    position: relative;
    width: 67px;
    height: 67px;
    border: 2px solid #1bb3bc;
    display: block;
    border-radius: 50%;
    text-align: center;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .instant-modal-opt-item.pmc-choose-item i.green {
    border: 2px solid #abc111;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .pmc-card-choose-item {
    position: relative;
    display: block;
    color: #333;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .pmc-card-choose-item i {
    float: left;
    padding: 20px 0;
    padding-left: 150px;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .pmc-card-choose-item p {
    padding-left: 150px;
    padding-right: 50px;
    margin-bottom: 0;
    line-height: normal;
    color: #4d4d4d;
}

.card-force-table.pmc-several-shopping-table .table-bordered>thead>tr>th,
.card-force-table.pmc-several-shopping-table .table-bordered>thead>tr>td {
    font-size: 16px;
    padding: 12px 8px;
}

.card-force-table.pmc-several-shopping-table .table-bordered>tbody>tr:nth-child(odd)>td,
.card-force-table.pmc-several-shopping-table .table-bordered>tbody>tr:nth-child(odd)>th {
    background: #fff;
}

.card-force-table.pmc-several-shopping-table .table-bordered>tbody>tr>td,
.card-force-table.pmc-several-shopping-table .table-bordered>tbody>tr>th {
    padding: 6px 8px;
    font-weight: normal;
}

.card-force-table.pmc-several-shopping-table input[type="checkbox"] {
    position: relative;
    width: 20px;
    height: 20px;
    z-index: 9;
}

.card-force-table.pmc-several-shopping-table input[type="checkbox"]:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #e1e1e1;
    border-radius: 3px;
}

.card-force-table.pmc-several-shopping-table input[type="checkbox"]:checked:before {
    content: '\f00c';
    background: #abc111;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/******************** Payment Method Change Section End **************/


/******************** Cookies Aviso Alert Start **************/

.cookies-magin {
    margin-bottom: 110px;
}

.cookies-aviso-box {
    position: relative;
    width: 100%;
    /* border: 9px solid #eee; */
    background: #fff;
    float: left;
}

.cookies-aviso-box.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.cookies-aviso-box .cookies-aviso-in {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-icon,
.cookies-aviso-box .cookies-aviso-in .cookies-aviso-content {
    display: table-cell;
    width: 100px;
    padding: 15px;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-content {
    width: 100%;
    padding-left: 0;
    vertical-align: top;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-icon {
    text-align: right;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-icon i {
    background: #EC0000;
    padding: 6px 12px;
    color: #fff;
    font-size: 21px !important;
    border-radius: 4px;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-content h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-content p {
    font-size: 11px;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-content a {
    color: #333;
    text-decoration: underline;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-icon i.cookies-close {
    display: none;
    background: none;
    color: #333;
    padding: 0;
    font-size: 15px !important;
    margin-bottom: 10px;
    cursor: pointer;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-content p.close-cookies-sms {
    float: right;
    font-size: 13px !important;
    font-weight: 600;
    margin: 0;
}

.cookies-aviso-box .cookies-aviso-in .cookies-aviso-content p.close-cookies-sms i.fa.fa-times {
    margin-right: 10px;
    font-size: 16px;
    cursor: pointer;
}


/******************** Cookies Aviso Alert End **************/


/******************** Pin Change Section Start **************/

.change-pin-list {
    margin: 0;
    padding: 0 15px;
}

.change-pin-list li {
    list-style: none;
    float: left;
    margin-right: 12.5%;
    width: 25%;
}

.change-pin-list li:last-child {
    margin-right: 0;
}

.pinchange-field {
    position: relative;
}

.pinchange-field input.error {
    border: 1px solid #e99f10;
}

.pinchange-field .pinchange-errors {
    position: relative;
}

.pinchange-field .pinchange-errors p {
    font-size: 11px;
    margin-bottom: 0;
}

.pinchange-field .pinchange-errors button {
    top: -35px !important;
    z-index: 9;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .pinchange-modal-item {
    position: relative;
    display: block;
    color: #333;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .pinchange-modal-item i {
    float: left;
    padding: 70px 0;
    padding-left: 120px;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .pinchange-modal-item p {
    padding-left: 120px;
    padding-right: 0px;
    margin-bottom: 0;
    line-height: normal;
    color: #4d4d4d;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .pinchange-modal-item .pinchange-modal-item-list {
    margin: 0;
    padding: 0;
    padding-top: 15px;
    padding-left: 155px;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .pinchange-modal-item .pinchange-modal-item-list li {
    list-style: none;
    font-weight: 600;
    position: relative;
}

.modal-instant-money .instant-modal-box .instant-modal-opt-box .pinchange-modal-item .pinchange-modal-item-list li:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: -17px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ec0000;
}


/******************** Pin Change Section End **************/


/******************** Preconceived Section Start ******************/

.modal-preconceived {
    width: 100%;
    max-width: 945px;
    padding: 15px;
}

.preconceived-modal-in {
    position: relative;
    background: #fff;
    padding: 20px;
}

.preconceived-modal-in .preconceived-modal-box img {
    width: 100%;
}

.preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont {
    position: relative;
    background: #e9e9eb;
    padding: 40px 15px;
    text-align: center;
}

.preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont h2 {
    margin: 15px;
    font-size: 32px;
    color: #ec0000;
    font-weight: 500;
}

.preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont h3 {
    margin: 0 0 15px;
    font-size: 24px;
    color: #333;
    font-weight: 500;
}

.preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont p {
    margin: 0 0 30px;
    font-size: 20px;
    color: #333;
}


/******************** Preconceived Section End ******************/


/******************** My Campaigns Section Start ******************/

.modal-phone-call .terms-modal-in {
    border-radius: 15px;
    padding: 0;
}

.modal-phone-call .terms-modal-in .modal-phone-call-box {
    position: relative;
}

.modal-phone-call .terms-modal-in .modal-phone-call-box h3 {
    margin: 0;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.modal-phone-call .terms-modal-in .modal-phone-call-box .btn-box.display-table {
    border-top: 1px solid #dcdcdc;
    text-align: center;
}

.modal-phone-call .terms-modal-in .modal-phone-call-box .btn-box.display-table .display-table-cell:first-child {
    border-right: 1px solid #dcdcdc;
}

.modal-phone-call .terms-modal-in .modal-phone-call-box .btn-box.display-table .display-table-cell {
    padding: 10px;
}

.modal-phone-call .terms-modal-in .modal-phone-call-box .btn-box.display-table .display-table-cell a {
    color: #333;
}

.campaigns-opt {
    position: relative;
    white-space: nowrap;
    padding-left: 15px;
}

.campaigns-opt i {
    vertical-align: middle;
    font-style: normal;
    margin-right: 10px;
}

.campaigns-opt span {
    font-weight: 600;
    color: #333;
    vertical-align: middle;
    font-size: 16px;
}

.campaigns-opt .campaigns-notify {
    width: 25px;
    height: 20px;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #ec0000;
    border-radius: 50%;
    line-height: 0;
    vertical-align: middle;
    font-style: normal;
    text-align: center;
    padding: 7px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.campaigns-opt:hover .campaigns-notify {
    background: #ec0000;
    color: #fff;
}

.campaigns-cover {
    position: relative;
    padding: 40px 15px;
}

.steps-nav-box {
    position: relative;
    text-align: center;
}

.steps-nav-box .steps-nav {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 19px;
    font-weight: 700 !important;
}

.steps-nav-box .steps-nav li {
    position: relative;
    list-style: none;
    display: inline-block;
    padding-right: 30px;
    padding-bottom: 15px;
}

.steps-nav-box .steps-nav li:last-child {
    padding-right: 0;
}

.steps-nav-box .steps-nav li:after {
    content: '';
    background: url(../img/icons/arrow-right-gray-icon.png) no-repeat;
    background-size: 10px 18px;
    width: 10px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 10px;
}

.steps-nav-box .steps-nav li:last-child:after {
    display: none;
}

.steps-nav-box .steps-nav li .steps {
    position: relative;
    display: table;
    width: 100%;
}

.steps-nav-box .steps-nav li .steps .steps-state {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    /*border: 1px solid #b8b8b8;*/
    display: inline-block;
    box-shadow: 0px 0px 0px 1px #b8b8b8;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    /*padding: 12px 0;
    line-height: 0;
    margin-right: 5px;*/
    color: #616161;
    display: table-cell;
    vertical-align: middle;
}

.steps-nav-box .steps-nav li .steps .steps-state .steps-checked {
    display: none;
}

.steps-nav-box .steps-nav li.done .steps .steps-state .steps-checked {
    display: block;
}

.steps-nav-box .steps-nav li.done .steps .steps-state .steps-no {
    display: none;
}

.steps-nav-box .steps-nav li.active .steps .steps-state {
    /*border:1px solid #ec0000;*/
    background: #ec0000;
    color: #fff;
    box-shadow: 0px 0px 0px 1px #ec0000;
}

.steps-nav-box .steps-nav li.done .steps .steps-state {
    /*padding: 7px 0;*/
    background: #4D4D4D !important;
    color: #fff;
}

.steps-nav-box .steps-nav li .steps .steps-name {
    font-size: 14px;
    color: #595959 !important;
    display: table-cell;
    vertical-align: middle;
    padding-left: 8px;
    /*padding-left:10px;*/
}

.steps-nav-box .steps-nav li.active .steps .steps-name {
    color: #B30000 !important;
}

.steps-nav-box .steps-nav {
    position: relative;
    margin: 0;
    padding: 0;
}

.steps-nav-box .popover {
    background: #f8f8f8;
    font-size: 11px;
    border: 1px solid #cdcdcd;
    box-shadow: 4px 5px 10px rgba(188, 188, 188, 0.53);
}

.steps-nav-box .popover.top>.arrow {
    display: none;
}

.steps-nav-box .popover .popover-content {
    padding: 6px 8px;
}

.min-w-160 .popover {
    min-width: 160px;
}

.min-w-185 .popover {
    min-width: 185px;
}

.max-w-140 .popover {
    max-width: 140px;
}

.title-style-1 .popover {
    background: #f8f8f8;
    font-size: 11px;
    border: 1px solid #cdcdcd;
    box-shadow: none;
    color: #333;
    box-shadow: 4px 5px 10px rgba(188, 188, 188, 0.53);
}

.title-style-1 .popover.top>.arrow {
    display: none;
}

.title-style-1 .popover.bottom>.arrow {
    display: none;
}

.title-style-1 .popover .popover-content {
    padding: 6px 8px;
}


/******************** My Campaigns Step-1 Start ******************/

.campaigns-step-1-cover {
    position: relative;
}

.campaigns-step-1-cover .head-red-box {
    position: relative;
    background: #ec0000;
    padding: 15px;
    text-align: center;
    color: #fff;
}

.campaigns-step-1-cover .head-red-box h2 {
    margin: 0;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
}

.campaigns-step-1-cover .head-red-box h2 span {
    padding-top: 10px;
    font-size: 45px;
    font-weight: 600;
    display: block;
}

.campaigns-step-1-cover .head-red-box h2 sup {
    font-size: 13px;
    font-weight: 600;
    top: -15px;
}

.campaigns-step-1-cover .head-red-box h3,
.campaigns-step-1-cover .head-red-box h4 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    display: block;
}

.campaigns-step-1-cover .head-red-box h3 i,
.campaigns-step-1-cover .head-red-box h4 i {
    border-radius: 50%;
    background: #fff url(../img/icons/setting-red-icon.svg) no-repeat center center;
    background-size: 31px 31px;
    width: 44px;
    height: 44px;
    display: block;
    margin: 0 auto 10px;
}

.campaigns-step-1-cover .head-red-box p {
    font-size: 16px;
}

.campaigns-step-1-cover .head-red-box p span {
    font-size: 14px;
}

.campaigns-step-1-cover .head-red-box a {
    color: #fff;
}

.campaigns-step-1-cover .campaigns-step-1-main {
    position: relative;
    background: #f4f4f4;
    border-radius: 4px;
    /*padding:20px;*/
    padding: 20px 0px;
}

.heading-line {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-bottom: 12px;
    margin: 0 0 10px;
}

.heading-blue-line {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-bottom: 12px;
    margin: 0 0 10px;
}

.heading-line:before {
    content: '';
    width: 50px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ec0000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.heading-blue-line:before {
    content: '';
    width: 50px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0077C8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.campaigns-loan-list {
    position: relative;
    padding: 0 10px;
}

.campaigns-loan-list .col-sm-4 {
    padding: 0 7px !important;
}

.campaigns-loan-box {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    margin: 50px 0 60px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/*.campaigns-loan-box:hover,*/

.campaigns-loan-box.active {
    z-index: 9;
    box-shadow: 4px 5px 24px #9c9c9c;
    -webkit-box-shadow: 4px 5px 24px #9c9c9c;
    -moz-box-shadow: 4px 5px 24px #9c9c9c;
    -o-box-shadow: 4px 5px 24px #9c9c9c;
    -ms-box-shadow: 4px 5px 24px #9c9c9c;
    transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
}

.campaigns-loan-box .campaigns-loan-month {
    position: relative;
    padding: 20px 15px;
}

.campaigns-loan-box .campaigns-loan-month h3 {
    margin: 0;
    font-size: 25px;
    color: #626262;
}

.campaigns-loan-box .campaigns-loan-month h3 span {
    font-size: 18px;
}

.campaigns-loan-box .campaigns-loan-amount {
    background: #1bb3bc;
    padding: 30px 5px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/*.campaigns-loan-box:hover .campaigns-loan-amount,*/

.campaigns-loan-box.active .campaigns-loan-amount {
    background: #ec0000;
}

.campaigns-loan-box .campaigns-loan-amount h2 {
    margin: 0;
    font-size: 25px;
    /*font-size:30px;*/
    font-weight: bold;
}

.campaigns-loan-box .campaigns-loan-amount h2 .cent {
    font-size: 17px;
    /*font-size:19px;*/
    font-weight: 600;
}

.campaigns-loan-box .campaigns-loan-amount h2 sup {
    font-size: 12px;
    font-weight: normal;
    top: -10px;
}

.campaigns-loan-box .campaigns-loan-amount p {
    font-size: 8px;
    margin-bottom: 0;
}

.campaigns-loan-box .campaigns-loan-amount p a {
    color: #fff;
    text-decoration: underline;
}

.campaigns-loan-box .campaigns-loan-cont {
    position: relative;
    padding: 10px 0;
}

.campaigns-loan-box .campaigns-loan-cont p {
    font-size: 11px;
}

.campaigns-loan-box .campaigns-loan-cont p a {
    color: #333;
    text-decoration: underline;
}

.campaigns-loan-box .btn-white-small {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/*.campaigns-loan-box:hover .btn-white-small,*/

.campaigns-loan-box.active .btn-white-small {
    opacity: 1;
}


/*.campaigns-loan-box:hover .btn-white-small:hover,*/

.campaigns-loan-box.active .btn-white-small:hover {
    background: #fff;
    color: #ec0000 !important;
}

.campaigns-loan-box .btn-white-small.btn-loading {
    background: #fff !important;
    color: #ec0000 !important;
}

.campaigns-loan-box .btn-red,
.campaigns-loan-box .btn-loading {
    padding: 10px 20px;
    font-size: 14px;
    margin-bottom: 10px;
}

.campaigns-loan-box .btn-red span.normal-form-status,
.campaigns-loan-box .btn-loading span.loading-form-status {
    display: block;
}

.campaigns-loan-box .btn-red span.loading-form-status,
.campaigns-loan-box .btn-loading span.normal-form-status {
    display: none;
}

.campaigns-terms {
    position: relative;
}

.campaigns-terms p {
    font-size: 9px;
    margin: 0;
}

.modal-mx-w-760 {
    max-width: 790px !important;
}

.ui-tooltip-text.ui-shadow.ui-corner-all {
    background: white;
    color: black;
    border: 1px solid #ccc;
    padding: 9px 14px;
    font-size: 12px;
}

.modal-terms-register {
    width: 65%;
    max-width: 100%;
    min-height: 100vh;
    padding: 15px;
    transform: translateX(-50%) translateY(-14%) scale(1) !important;
}

.modal-campaigns {
    width: 100%;
    max-width: 100%;
    padding: 15px;
}

.modal-campaigns .campaigns-modal-in {
    position: relative;
    background: #fff;
    padding: 20px;
}

.modal-campaigns .campaigns-modal-in .campaigns-modal-box {
    position: relative;
}

.campaigns-stepon-modal-cont {
    position: relative;
    background: #f2f2f2;
    padding: 15px;
}

.campaigns-stepon-modal-cont h4 {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    margin-bottom: 15px;
}

.campaigns-stepon-modal-cont p {
    font-size: 13px;
    line-height: 21px;
}

.campaigns-yourloan-box {
    position: relative;
    border: 1px solid #c1c1c1;
    background: #fff;
    padding: 15px 30px 60px;
}

.campaigns-yourloan-box .campaigns-yourloan-head {
    position: relative;
    text-align: center;
    padding: 10px 0;
}

.campaigns-yourloan-box .campaigns-yourloan-head h2 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.campaigns-yourloan-box .campaigns-yourloan-head h2 i {
    display: block;
    margin: 0 auto;
    border: 1px solid #54c6cd;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-position: center center;
    margin-bottom: 10px;
}

.campaigns-yourloan-box .campaigns-yourloan-cont h3 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 15px;
}

.campaigns-yourloan-box .campaigns-yourloan-cont p {
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 19px;
}

.campaigns-yourloan-box .campaigns-yourloan-cont p a {
    color: #333;
    text-decoration: underline;
}


/******************** My Campaigns Step-1 End ******************/


/******************** My Campaigns Step-TopUP Start ******************/

.campaigns-step-topup {
    position: relative;
}

.campaigns-step-topup .step-topup-head-red-box {
    /*border-radius:4px;*/
    border-radius: 0px;
    margin-bottom: 15px;
    text-align: left;
}

.campaigns-step-topup .step-topup-head-red-box h2 {
    font-size: 25px;
    padding: 0;
    text-align: center;
}

.campaigns-step-topup .step-topup-head-red-box h1 {
    font-size: 35px;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.campaigns-step-topup .step-topup-head-red-box h1 span {
    font-size: 19px;
    font-weight: normal;
    display: block;
}

.campaigns-step-topup .step-topup-head-red-box p {
    font-size: 14px;
    margin: 0;
}

.campaigns-step-topup .step-topup-head-red-box p i {
    display: block;
    margin-bottom: 5px;
}

.campaigns-step-topup .step-topup-head-red-box .display-table {
    padding-left: 35px;
}

.campaigns-step-topup .step-topup-head-red-box .display-table .display-table-cell:nth-child(2) {
    border-right: 1px solid #fff;
}

.campaigns-step-topup .total-finance-loan-box {
    position: relative;
    text-align: center;
}

.campaigns-step-topup .total-finance-loan-box p {
    font-size: 18px;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list {
    margin: 0;
    padding: 0;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

.campaigns-step-topup ul.total-finance-list.finance-list-box li {
    width: 32%;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li h2 {
    margin: 0;
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 40px;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li h2 span {
    display: block;
    font-weight: normal;
    font-size: 15px;
    color: #333;
    padding-top: 10px;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li:first-child h2 {
    color: #8c8686;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li:nth-child(2) h2 {
    color: #ec0000;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li:nth-child(2) h2 span {
    color: #ec0000;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li:nth-child(3) h2 {
    color: #6a6767;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li:first-child:after,
.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li:nth-child(2):after {
    content: '+';
    font-weight: bold;
    font-size: 24px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 2;
    margin-right: -7px;
}

.campaigns-step-topup .total-finance-loan-box ul.total-finance-list li:nth-child(2):after {
    content: '=';
}

.campaigns-loan-list .camaigns-loan-amount {
    padding-top: 15px;
}

.campaigns-loan-list .camaigns-loan-amount p {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

.campaigns-step-topup .campaigns-loan-box.step-topup-loan-box {
    margin: 30px 0 50px;
}

.campaigns-step-topup .campaigns-loan-box.step-topup-loan-box .campaigns-loan-month {
    padding: 10px 15px;
}

.campaigns-step-topup .campaigns-loan-box.step-topup-loan-box .campaigns-loan-month p {
    font-size: 13px;
    margin-bottom: 5px;
}


/******************** My Campaigns Step-TopUP End ******************/


/******************** My Campaigns Step-2 Start ******************/

.campaigns-step-2-main {
    position: relative;
    background: #f4f4f4;
    padding: 30px 30px;
    /*margin-bottom: 30px;*/
}

.campaigns-step-2-note {
    position: relative;
    padding: 30px 0;
}

.campaigns-step-2-note p {
    padding: 0 30px;
    font-size: 14px;
    line-height: 21px;
}

.campaigns-step-2-note .notification-small-icon {
    position: absolute;
    top: 33px;
    left: 0;
}

.notification-small-icon,
.notification-mid-icon {
    width: 16px;
    height: 16px;
    font-size: 12px;
    display: inline-block;
    color: #ec0000;
    border: 1px solid #ec0000;
    border-radius: 50%;
    line-height: 0;
    vertical-align: middle;
    font-style: normal;
    text-align: center;
    padding: 7px 0;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.notification-small-icon.red,
.notification-small-icon:hover,
.notification-mid-icon.red,
.notification-mid-icon:hover {
    background: #ec0000;
    color: #fff;
}

.notification-mid-icon {
    width: 26px;
    height: 26px;
    font-size: 20px;
    font-weight: normal;
    padding: 12px 0;
}

.mr-0 {
    margin-right: 0 !important;
}

.ml-10 {
    margin-left: 10px;
    /* !important; */
}

.campaigns-pdf-iframe-box {
    position: relative;
    /*border:1px solid #ccc;*/
    border: 0px solid #ccc;
    background: #fff;
    /*padding:15px;*/
    padding: 0px;
    padding-bottom: 0;
    z-index: 0;
}

.campaigns-pdf-iframe-box .campaigns-pdf-iframe-in {
    position: relative;
    /*padding:15px 0 0 15px;
	padding:0px;*/
    padding: 0px 10px;
    border: 1px solid #dbdbdb;
    overflow-y: hidden;
    min-height: 330px;
}

.campaigns-pdf-iframe-box .campaigns-pdf-iframe-in iframe {
    position: relative;
    box-shadow: 0px 0px 8px #aaa5a5;
    overflow-y: auto;
    min-height: 330px;
    vertical-align: top;
}

.campaigns-pdf-iframe-box .campaigns-pdf-iframe-in-protection {
    position: relative;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
    overflow-y: hidden !important;
    min-height: 500px;
    -webkit-overflow-scrolling: touch !important;
}

.campaigns-pdf-iframe-box .campaigns-pdf-iframe-in-protection iframe {
    position: absolute;
    top: 0;
    left: 0;
}

.campaigns-pdf-iframe-box .campaigns-pdf-iframe-in #outerContainer {
    min-height: 330px;
}

.campaigns-pdf-iframe-box .campaigns-pdf-iframe-in iframe img {
    width: 100%;
}

.pd-15 {
    padding: 15px;
}

.pdt-0 {
    padding-top: 0px;
}

.pdl-30 {
    padding-left: 30px;
}

.pdr-0 {
    padding-right: 0;
}

.ml--15-xs {
    margin-left: -15px;
}

.campaigns-step-2-form-box {
    position: relative;
    padding: 15px 0;
}

.campaigns-step-2-form-box p {
    font-size: 14px;
}

.campaigns-step-2-form-box .condition-link {
    text-align: left !important;
    padding: 20px 0;
}

.campaigns-step-2-form-box .condition-link .condition-check-box input[type='checkbox']~.checkbox-img {
    margin-right: 5px;
}

.campaigns-step-2-form-box .btn-red:disabled {
    background: #ec0000;
    opacity: 0.6;
}

.campaigns-step-2-cont {
    position: relative;
}

.campaigns-step-2-cont p {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
}

.pdb-30 {
    padding-bottom: 30px;
}

.print-contract {
    position: relative;
    padding: 15px 0;
    text-align: center;
}

.print-contract h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.print-contract h3 a,
.campaigns-step-2-cont p a {
    color: #333;
    text-decoration: underline;
}


/******************** My Campaigns Step-2 End ******************/


/******************** My Campaigns Step-3 Start ******************/

.campaigns-step-3-form-box {
    position: relative;
    padding: 0;
}

.campaigns-step-3-form-box.contact-form-box .control-label {
    padding-right: 0;
    padding-top: 4px;
}

.campaigns-step-3-form-box.contact-form-box .control-label.heading-line.section-heading {
    font-size: 18px;
    font-weight: 600;
}

.campaigns-step-3-form-box.contact-form-box .control-label.heading-line.section-heading:before {
    left: 15px;
}

.campaigns-step-3-form-box.contact-form-box .control-label.heading-blue-line.section-heading {
    font-size: 18px;
    font-weight: 600;
}

.campaigns-step-3-form-box.contact-form-box .control-label.heading-blue-line.section-heading:before {
    left: 15px;
}

.campaigns-step-3-form-box.contact-form-box .contact-from-fileupload.notify .form-control,
.campaigns-step-3-form-box.contact-form-box .contact-select-box.notify .form-control {
    width: calc(100% - 75px);
    height: 32px;
}

.campaigns-step-3-form-box.contact-form-box .contact-from-fileupload.notify input[type="file"],
.campaigns-step-3-form-box.contact-form-box .contact-from-fileupload.notify button,
.campaigns-step-3-form-box.contact-form-box .contact-select-box.notify button {
    height: 32px;
    right: 75px;
}

.campaigns-step-3-form-box.contact-form-box .contact-from-fileupload.notify input[type="file"] {
    z-index: 3;
    width: calc(100% - 75px);
}

.campaigns-step-3-form-box.contact-form-box .contact-select-box.notify button.btn-edit {
    right: 38px;
    pointer-events: auto;
    cursor: pointer;
}

.campaigns-step-3-form-box.contact-form-box .contact-select-box.notify button.btn-undo {
    right: 10px;
    pointer-events: auto;
    cursor: pointer;
}

.campaigns-step-3-form-box.contact-form-box .contact-select-box.notify button.btn-undo .undo-line-red-icon {
    transition: all 0.5s;
}

.campaigns-step-3-form-box.contact-form-box .contact-select-box.notify button.btn-undo:hover .undo-line-red-icon {
    transform: scale(1.5);
}

.campaigns-step-3-form-box.contact-form-box .contact-from-fileupload.notify .notification-small-icon {
    position: absolute;
    top: 8px;
    right: 46px;
}

.campaigns-step-3-form-box.contact-form-box .form-control {
    font-size: 14px;
}

.campaigns-step-3-form-box.contact-form-box .editable-wrap {
    width: 100%;
}

.campaigns-step-3-form-box.contact-form-box .editable-wrap .form-group {
    margin: 0;
}

.campaigns-step-3-form-box.contact-form-box .editable-wrap input:focus {
    color: #333;
    border: 1px solid #818181;
}

.campaigns-step-3-form-box.contact-form-box .editable-wrap input.ng-dirty.ng-invalid {
    color: #ec0000;
    border: 1px solid #ec0000;
}

.campaigns-step-3-form-box.contact-form-box .xeditable-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.campaigns-step-3-form-box.contact-form-box .editable-error {
    display: none;
}

.campaigns-step-3-form-box.contact-form-box .xeditable-btn .btn-primary {
    background: #ec0000;
    border: none;
    color: #fff;
    right: 30px !important;
    padding: 6px 10px;
    width: 35px;
    pointer-events: auto;
}

.campaigns-step-3-form-box.contact-form-box .xeditable-btn .btn-default {
    background: #fff;
    border: 1px solid #818181;
    color: #333;
    right: -15px !important;
    padding: 5px 10px;
    width: 35px;
    pointer-events: auto;
}

.campaigns-step-3-form-box.contact-form-box .contact-from-fileupload.notify button.btn-modified-check,
.campaigns-step-3-form-box.contact-form-box .contact-from-fileupload.notify .modified-sms {
    display: none;
}

.campaigns-file-type {
    position: relative;
    padding: 25px 0;
}

.campaigns-file-type p {
    font-size: 12px;
    margin: 0;
}

.campaigns-file-type p a {
    font-size: 13px;
    color: #333;
    text-decoration: underline;
}

.campaigns-file-type p i {
    margin-right: 10px;
}

.pdt-30 {
    padding-top: 30px;
}

.pdtb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pdlr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.campaigns-step-3-1,
.campaigns-step-3-2 {
    position: relative;
    padding-right: 40px;
}

.campaigns-step-3-2 .condition-link {
    text-align: left;
    display: inline-block;
    /*padding-bottom:0;*/
}

.campaigns-step-3-form-box.contact-form-box textarea.form-control {
    height: auto;
    resize: none;
}

.campaigns-step-3-form-box.contact-form-box .control-label span {
    font-size: 12px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-30 {
    margin-left: 30px;
}

.modal-campaign-stepthree {
    max-width: 790px !important;
    top: 40px;
}

.modal-campaign-stepthree h3 {
    font-size: 19px !important;
    margin: 0 0 15px;
}

.modal-campaign-stepthree p {
    font-size: 14px !important;
}

.modal-campaign-stepthree .campaigns-stepon-modal-cont {
    max-height: 480px;
    overflow-y: auto;
}


/******************** My Campaigns IBAN Edit ******************/

.modal-campaign-edit-iban {
    max-width: 790px !important;
    top: 40px;
}

.modal-campaign-edit-iban h3 {
    font-size: 19px;
    margin: 0 0 15px;
}

.modal-campaign-edit-iban .campaigns-stepon-modal-cont {
    max-height: 480px;
    overflow-y: auto;
}


/******************** My Campaigns IBAN End ******************/


/******************** My Campaigns Step-3 End ******************/


/******************** My Campaigns Step-4 Start ******************/

.campaigns-step-4-main {
    position: relative;
}

.campaigns-step-4-main .campaigns-step-4-1 iframe {
    min-height: 700px;
}

.campaigns-step-4-main .logalty-head {
    position: relative;
    background: #ec0000;
    padding: 3px 15px;
}

.campaigns-step-4-main .logalty-head .logalty-logo {
    position: relative;
}

.campaigns-step-4-main .logalty-head .logalty-logo img {
    width: 70px;
}

.campaigns-step-4-main .campaigns-gray-box {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #e9e9e9;
}

.campaigns-step-4-main .campaigns-gray-box img {
    width: 100%;
    cursor: pointer;
}

.pd-35 {
    padding: 35px;
}

.campaigns-logalty-generales-box {
    position: relative;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}

.campaigns-logalty-generales-heading {
    position: relative;
    border-bottom: 1px solid #f6f6f6;
    border-radius: 4px 4px 0 0;
    background: #fff;
    padding: 10px 10px;
}

.campaigns-logalty-generales-heading h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.campaigns-logalty-generales-cont {
    position: relative;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    padding: 10px 10px;
    max-height: 255px;
    overflow-y: auto;
}

.campaigns-logalty-generales-cont p {
    font-size: 12px;
}

.campaigns-logalty-generales-cont .bullet-list {
    margin: 0;
    padding: 0;
}

.campaigns-logalty-generales-cont .bullet-list {
    padding-left: 30px;
    font-size: 12px;
}

.campaigns-logalty-generales-cont .bullet-list p {
    font-size: 12px;
    margin: 0;
}

.campaigns-logalty-generales-foot {
    position: relative;
    background: #f5f5f5;
    padding: 10px 10px;
    border-radius: 0 0 4px 4px;
}

.campaigns-logalty-generales-foot .condition-link {
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.campaigns-logalty-generales-foot .condition-link span {
    font-weight: 600;
}

.mr-5 {
    margin-right: 5px;
}

.campaigns-step-4-main .campaigns-logalty-generales-foot .btn-h32 {
    padding-right: 15px !important;
}

.campaigns-step-4-main .campaigns-logalty-generales-foot .btn-h32 i.fa-caret-right {
    padding-left: 5px;
    font-size: 20px;
    line-height: 0;
    vertical-align: middle;
}

.campaigns-step-4-main .campaigns-logalty-generales-foot .btn-h32:disabled {
    background: #ec0000;
    opacity: 0.6;
}

.pdl-45 {
    padding-left: 45px;
}


/******************** My Campaigns Step-4 End ******************/


/******************** My Campaigns Step-5 Start ******************/

.campaigns-step-5-main {
    position: relative;
}

.campaigns-step-5-main .instant-money-form-box .instant-money-form .instant-money-check-icon {
    color: #abc111;
}

.campaigns-step-5-main .instant-money-form-box .instant-money-form .instant-money-detail p {
    padding-bottom: 0;
}

.campaigns-step-5-main .instant-money-form-box .instant-money-form .campaigns-footer-legal p {
    font-size: 19px;
    font-weight: 700;
    margin: 0;
}

.campaigns-error-message {
    background: #f5f5f5;
}

.campaigns-error-message .block-body {
    padding: 45px 35px 75px;
    text-align: center;
}

.campaigns-error-message .block-body p {
    font-size: 14px;
    margin: 20px 0 35px;
    line-height: 23px;
}

.campaigns-error-message .block-body h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
}

.campaigns-error-message .block-body .btn-h42 {
    padding: 9px 45px !important;
}


/******************** My Campaigns Step-5 End ******************/


/******************** My Campaigns Step-6 Start ******************/

.campaigns-step-6-main {
    position: relative;
}

.campaigns-step-6-main .instant-money-form-box .instant-money-form .instant-money-check-icon.setting-white-icon {
    width: 62px;
    height: 62px;
    background: #abc111 url(../img/icons/setting-white-icon.svg) no-repeat center center;
    background-size: 31px 31px;
    display: block;
    border-radius: 50%;
    margin: 0 auto 10px;
}

.campaigns-step-6-main .instant-money-form-box .instant-money-form .instant-money-detail p {
    padding-bottom: 0;
}

.campaigns-step-6-main .instant-money-form-box .instant-money-form .instant-money-detail p a {
    color: #333;
}


/******************** My Campaigns Step-6 End ******************/


/******************** My Campaigns Section when no Campaings available Start ******************/

.no-campaigns-image-wrap {
    position: relative;
}

.no-campaigns-image-wrap img {
    width: 100%;
}

.rectangle-box-wrapper {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 9;
    color: #fff;
    width: auto;
}

.rectangulo-box {
    position: absolute;
    max-width: 243px;
}

.rectangle-text {
    padding: 38px 0 39px 25px;
}

.rectangulo-box p {
    margin-bottom: 0px;
}

.rectangle-text p {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
}

.rectangle-text h2 {
    margin-top: 0;
    font-size: 64px;
    font-weight: bold;
}

.solo-text {
    margin-top: 60px;
}

.solo-text p {
    font-size: 26px;
    line-height: 26px;
}

.solo-text p span {
    font-size: 18px;
    color: #fff;
}

.solo-text p span a {
    color: #fff;
    text-decoration: underline;
}

.Solicítalo-button {
    padding-top: 90px;
}


/******************** My Campaigns Section when no Campaings available End ******************/


/******************** My Campaigns Section End ******************/


/******************** FadeIn/FadeOut Effect Start **********/

.fade-effect {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.fade-effect.ng-enter,
.fade-effect.ng-leave {
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.fade-effect.ng-enter,
.fade-effect.ng-leave.ng-leave-active {
    /*position:absolute;*/
    transform: translate(0, -50px);
    opacity: 0;
    display: block !important;
}

.fade-effect.ng-leave,
.fade-effect.ng-enter.ng-enter-active {
    transform: translate(0, 0px);
    opacity: 1;
}

.fade-effect.ng-hide {
    opacity: 0;
    display: block !important;
    position: absolute;
}


/******************** FadeIn/FadeOut Effect End **********/


/******************** Slide Come/Slide Out Effect Start **********/

.slide-effect {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.slide-effect:first-child,
.slide-effect:nth-child(2),
.slide-effect:nth-child(3),
.slide-effect:nth-child(4),
.slide-effect:nth-child(5),
.slide-effect:nth-child(6) {
    transform: translateX(0%);
    transition: all 0.3s ease-in-out;
}

.slide-effect:nth-child(2) {
    transition: all 0.3s 0.1s ease-in-out;
}

.slide-effect:nth-child(3) {
    transition: all 0.3s 0.2s ease-in-out;
}

.slide-effect:nth-child(4) {
    transition: all 0.3s 0.3s ease-in-out;
}

.slide-effect:nth-child(5) {
    transition: all 0.3s 0.4s ease-in-out;
}

.slide-effect:nth-child(6) {
    transition: all 0.3s 0.5s ease-in-out;
}

.slide-effect.ng-enter:first-child,
.slide-effect.ng-enter:nth-child(2),
.slide-effect.ng-enter:nth-child(3),
.slide-effect.ng-enter:nth-child(4),
.slide-effect.ng-enter:nth-child(5),
.slide-effect.ng-enter:nth-child(6) {
    opacity: 0;
}

.slide-effect.ng-enter:first-child {
    transform: translateX(10%);
    transition: all 0.3s 0.1s ease-in-out;
}

.slide-effect.ng-enter:nth-child(2) {
    transform: translateX(16%);
    transition: all 0.3s 0.2s ease-in-out;
}

.slide-effect.ng-enter:nth-child(3) {
    transform: translateX(24%);
    transition: all 0.3s 0.3s ease-in-out;
}

.slide-effect.ng-enter:nth-child(4) {
    transform: translateX(32%);
    transition: all 0.3s 0.4s ease-in-out;
}

.slide-effect.ng-enter:nth-child(5) {
    transform: translateX(40%);
    transition: all 0.3s 0.5s ease-in-out;
}

.slide-effect.ng-enter:nth-child(6) {
    transform: translateX(48%);
    transition: all 0.3s 0.6s ease-in-out;
}


/******************** Slide Come/Slide Out Effect End **********/


/******************** All Modals Animation Effect Start **********/


/*.modal .modal-dialog{
    transform: scale(0) translate(0) !important;
}
.modal.in .modal-dialog{
    transform: scale(1) translate(0) !important;
}
.modal.fade.in-add {
  -webkit-transition: all .3s ease-out;
       -o-transition:      all .3s ease-out;
          transition:         all .3s ease-out;
}
.modal.fade.in-add .modal-dialog{
	-webkit-transition: all 0.3s 0.1s ease-out !important;
       -o-transition:      all 0.3s 0.1s ease-out !important;
          transition:         all 0.3s 0.1s ease-out !important;
}

.modal-content{
	animation:modal-faddIn-Effect 1s 0.2s;
}*/


/*sign in*/

.modal.fade {
    -webkit-perspective: 1300px;
    -ms-perspective: 1300px;
    -o-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
}

.modal.fade .modal-dialog {
    -webkit-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    -o-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: transform 0.3s ease, opacity 0.3s ease;
    -o-transition: transform 0.3s ease, opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}


/*sign in*/


/*.modal.fade.in .modal-dialog{
	transform: rotateY(-70deg);
	transform-style: preserve-3d;
	perspective: 800px;
	-webkit-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}*/


/* For Display Table Modals Start */

.modal-dialog.modal-video .modal-content {
    animation: none;
}


/*.modal.fade.in .modal-dialog .modal-content{
	animation:modal-faddIn-Effect 2s 0.2s;
}
.modal.fade.in-add .modal-dialog.modal-video{
	display:block;
}*/


/* For Display Table Modals End */

.modal-content .preconceived-modal-in .preconceived-modal-box img,
.modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont,
.modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont h2,
.modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont h3,
.modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont p,
.modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont .btn-red {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont .btn-red {
    transform: scale(0);
}

.modal.fade.in .modal-dialog .preconceived-modal-in .preconceived-modal-box img,
.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont,
.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont h2,
.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont h3,
.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont p,
.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont .btn-red {
    opacity: 1;
    -webkit-transition: all .3s 1.2s ease-out;
    -o-transition: all .3s 1.2s ease-out;
    transition: all .3s 1.2s ease-out;
}

.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont {
    -webkit-transition: all .3s 1.5s ease-out;
    -o-transition: all .3s 1.5s ease-out;
    transition: all .3s 1.5s ease-out;
}

.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont h2 {
    -webkit-transition: all .3s 1.8s ease-out;
    -o-transition: all .3s 1.8s ease-out;
    transition: all .3s 1.8s ease-out;
}

.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont h3 {
    -webkit-transition: all .3s 2s ease-out;
    -o-transition: all .3s 2s ease-out;
    transition: all .3s 2s ease-out;
}

.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont p {
    -webkit-transition: all .3s 2.2s ease-out;
    -o-transition: all .3s 2.2s ease-out;
    transition: all .3s 2.2s ease-out;
}

.modal.fade.in .modal-dialog .modal-content .preconceived-modal-in .preconceived-modal-box .preconceived-modal-cont .btn-red {
    transform: scale(1);
    -webkit-transition: all .3s 2.5s ease-out;
    -o-transition: all .3s 2.5s ease-out;
    transition: all .3s 2.5s ease-out;
}


/*.modal.fade.in-remove{
	-webkit-transition: all .3s .5s ease-out;
       -o-transition:      all .3s .5s ease-out;
          transition:         all .3s .5s ease-out;
}
.modal.fade.in-remove .modal-dialog{
	-webkit-transition: all .3s .8s ease-out;
       -o-transition:      all .3s .8s ease-out;
          transition:         all .3s .8s ease-out;
}*/

.modal.in .modal-dialog.modal-preconceived .modal-content * {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


/*.modal-content  *{
	opacity:0;
	 -webkit-transition:all .3s ease-out;
       -o-transition:      all .3s ease-out;
          transition:         all .3s ease-out;
}*/

.modal.fade.in .modal-dialog.modal-preconceived .modal-content * {
    opacity: 1;
    -webkit-transition: all .3s .5s ease-out;
    -o-transition: all .3s .5s ease-out;
    transition: all .3s .5s ease-out;
}


/*.modal.fade.in-remove{
	-webkit-transition: all .3s .2s ease-out;
       -o-transition:      all .3s .2s ease-out;
          transition:         all .3s .2s ease-out;
}
.modal.fade.in-remove .modal-dialog{
	-webkit-transition: all .3s .5s ease-out;
       -o-transition:      all .3s .5s ease-out;
          transition:         all .3s .5s ease-out;
}*/


/*
@keyframes modal-faddIn-Effect {
  0 {
    transform:scale(0.1);
  }
  40% {
    transform:scale(1.1);
  }
  80% {
    transform:scale(1);
  }
  100% {
    transform:scale(1);
  }
}*/


/******************** All Modals Animation Effect End **********/


/* loader animation */

.loader-sk {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    position: relative;
}

.loader-sk.loader-sk-small {
    width: 20px;
    height: 20px;
}

.loader-sk.loader-sk-mobile {
    width: 24px;
    height: 24px;
    background: #fcfcfc;
}

.card-force-table .table-bordered>tbody>tr:nth-child(even) .loader-sk.loader-sk-mobile {
    background: #f6f6f6;
}

.loader-sk .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.loader-sk .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #ec0000;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.loader-sk .loader-sk2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.loader-sk .loader-sk3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.loader-sk .loader-sk4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.loader-sk .loader-sk5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.loader-sk .loader-sk6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.loader-sk .loader-sk7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.loader-sk .loader-sk8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.loader-sk .loader-sk9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.loader-sk .loader-sk10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.loader-sk .loader-sk11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.loader-sk .loader-sk12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.loader-sk .loader-sk2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.loader-sk .loader-sk3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.loader-sk .loader-sk4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.loader-sk .loader-sk5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.loader-sk .loader-sk6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.loader-sk .loader-sk7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.loader-sk .loader-sk8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.loader-sk .loader-sk9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.loader-sk .loader-sk10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.loader-sk .loader-sk11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.loader-sk .loader-sk12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/* protection modal */

h4.mt-20 {
    margin-top: 15px;
}

.table-protection {
    margin: 10px auto 0px;
    max-width: 830px;
}

.table-protection tr td {
    padding: 12px 26px 12px 6px;
    border-color: #e0dede;
    background: #fff;
}

.table-protection tr td:first-child {
    padding: 12px 26px;
    background: #e9e9e9;
}
.swiper-pagination-bullet {
    margin-left: 12px  !important;
    margin-right: 12px  !important;
}
/* Estilo para el placeholder del input con la clase custom-placeholder */
.custom-placeholder::placeholder {
    color: #4D5151; /* Color del texto del placeholder */
  }
  
  
  /* Para navegadores WebKit (Chrome, Safari, etc.) */
  .custom-placeholder::-webkit-input-placeholder {
    color: #4D5151; /* Color del texto del placeholder */
  }
  
  /* Para Firefox */
  .custom-placeholder::-moz-placeholder {
    color: #4D5151; /* Color del texto del placeholder */
  }
  
  /* Para Internet Explorer 10+ */
  .custom-placeholder:-ms-input-placeholder {
    color: #4D5151; /* Color del texto del placeholder */
  }
  
  /* Para Microsoft Edge */
  .custom-placeholder::-ms-input-placeholder {
    color: #4D5151; /* Color del texto del placeholder */
  }

.accesibility-distance{
    margin-left: 12px  !important;
    margin-right: 12px  !important;
}

:host ::ng-deep .swiper-pagination-bullet {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.table-protection tr td ul {
    margin: 0px;
    padding-left: 32px;
}

.table-protection tr td ul li {
    padding-left: 10px;
    font-size: 12px;
    color: #979797;
}

.table-protection tr td ul li p {
    margin: 0px;
    font-size: 12px;
    line-height: 21px;
    color: #333;
}

.table-protection tr td ul li a {
    color: #ec0000;
    cursor: pointer;
}

.table-protection tr td ul li a.btn-collapse {
    margin-left: 10px;
    font-weight: 600;
}

.table-protection tr td ul li a.btn-link {
    text-decoration: underline;
    font-size: 13px;
}

.table-protection tr td ul li a:hover {
    color: #ec0000;
}

.table-protection tr td ul li a.btn-link:hover {
    text-decoration: none;
}

.table-protection tr td ul li a i {
    margin-right: 4px;
    font-size: 12px;
}

.table-protection tr td ul li div.protection-info-block {
    margin: 10px -8px -8px -50px;
    padding: 0px 10px;
    background: #fff;
    border: 1px solid #fff;
    overflow-y: hidden;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.table-protection tr td ul li div.protection-info-block.open {
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    max-height: 285px;
}

.table-protection tr td ul li div.protection-info-block.closed {
    max-height: 0px;
}

.table-protection tr td ul li:not(:only-child):not(:last-child) div.protection-info-block {
    margin-bottom: 8px;
}

.table-protection tr td ul li div.protection-info-block div {
    padding: 20px;
    max-height: 245px;
    overflow-y: auto;
}

.table-protection tr td ul li div.protection-info-block div::-webkit-scrollbar {
    width: 6px;
}

.table-protection tr td ul li div.protection-info-block div::-webkit-scrollbar-track {
    border-width: 0;
    background: #f5f5f5;
}

.table-protection tr td ul li div.protection-info-block div::-webkit-scrollbar-thumb {
    width: 6px;
    border-width: 0;
    border-color: none;
    background-color: #dedede;
    border-radius: 6px;
}

.table-protection tr td ul li div.protection-info-block div h5 {
    margin: 0px 0px 20px;
    color: #333;
    font-weight: bold;
}

.table-protection tr td ul li div.protection-info-block div p {
    margin-bottom: 20px;
}

.table-protection tr td ul li div.protection-info-block div p:last-child {
    margin-bottom: 0px;
}


/* / protection modal */


/* Amount Limits */

.amount-limit-block {
    margin: 40px 10px;
    padding: 25px 15px 35px;
    background: #f5f5f5;
    border: 1px solid #cacaca;
    border-radius: 10px;
    text-align: center;
}

.amount-limit-block p {
    margin: 0px 0px 25px;
    font-size: 19px;
    font-weight: bold;
    line-height: 28px;
    color: #6E6E6E;
    min-height: 84px;
}

.amount-limit-block .btn {
    font-size: 19px !important;
    font-weight: bold !important;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(184, 176, 176, 0.25);
    box-shadow: 5px 5px 10px 0 rgba(184, 176, 176, 0.25);
}

.amount-limit-block .icon {
    margin: 0px auto 15px;
    width: 190px;
    height: 100px;
}

.icon-amount-limit-1 {
    background: url('../img/icons/amount-limits-1.png') no-repeat;
}

.icon-amount-limit-2 {
    background: url('../img/icons/amount-limits-2.png') no-repeat;
}

.icon-amount-limit-3 {
    background: url('../img/icons/amount-limits-3.png') no-repeat;
}

.amount-limit-change-block,
.amount-limit-message {
    margin: 40px 10px;
    background: #f5f5f5;
}

.amount-limit-change-block .block-head {
    margin-bottom: 25px;
    padding: 35px;
    background: #ec0000;
    text-align: center;
}

.amount-limit-change-block .block-head p {
    margin: 0px;
    font-size: 30px;
    color: #fff;
}

.amount-limit-change-block .block-head p span {
    font-size: 42px;
    font-weight: bold;
}

.amount-limit-change-block .block-head p span sup {
    margin-left: 5px;
}

.amount-limit-change-block .block-body {
    padding: 15px 35px 35px;
}

.amount-limit-change {
    margin: 20px 10px 0px;
    text-align: center;
}

.amount-limit-change .icon-arrow {
    position: absolute;
    left: -5px;
    top: 122px;
    font-size: 40px;
    color: #bfb8b8;
}

.amount-limit-change .btn {
    margin-bottom: 12px;
    width: 190px;
    max-width: 100%;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(184, 176, 176, 0.25);
    box-shadow: 5px 5px 10px 0 rgba(184, 176, 176, 0.25);
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 22px;
}

.amount-limit-change>div {
    margin-bottom: 22px;
    padding: 20px 25px;
    background: #fff;
    border-radius: 10px;
    text-align: left;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(184, 176, 176, 0.25);
    box-shadow: 5px 5px 10px 0 rgba(184, 176, 176, 0.25);
}

.amount-limit-change>div .badge {
    margin-bottom: 20px;
    padding: 2px 9px;
    background: #f2f2f2;
    font-size: 15px;
    line-height: 26px;
    font-weight: bold;
    color: #265d73;
}

.amount-limit-change>div .badge.badge-blue {
    background: #265d73;
    color: #fff;
}

.amount-limit-change>div ul {
    margin: 0px;
}

.amount-limit-change>div ul li {
    margin: 0px 0px 10px;
}

.amount-limit-change>div ul li>.icon,
.amount-limit-change>div ul li>p {
    display: inline-block;
    vertical-align: middle;
}

.amount-limit-change>div ul li>.icon {
    margin: 0px 10px 0px 0px;
    padding: 0px;
    background-color: #f2f2f2;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.amount-limit-change-icon-1 {
    background-image: url('../img/icons/amount-limit-change-icon-1.png');
}

.amount-limit-change-icon-2 {
    background-image: url('../img/icons/amount-limit-change-icon-2.png');
}

.amount-limit-change-icon-3 {
    background-image: url('../img/icons/amount-limit-change-icon-3.png');
}

.amount-limit-change>div ul li>p {
    margin: 0px;
    font-size: 15px;
    line-height: 21px;
    color: #000;
}

.amount-limit-change>div ul li>p small {
    display: block;
    font-size: 11px;
    line-height: 15px;
}

.amount-limit-change .amount-limit-eroski .form-group {
    margin: 0px;
    width: 100px;
}

.amount-limit-change .amount-limit-eroski .form-group .input-group {
    background: #f8f8f8;
    border: 2px solid #265d73;
    border-radius: 3px;
}

.amount-limit-change .amount-limit-eroski .form-group .input-group .form-control {
    background: #f8f8f8;
    border: 0px;
    box-shadow: none;
    text-align: right;
    height: 31px;
    font-size: 18px;
    font-weight: bold;
    color: #265d73;
    padding-left: 2px;
    padding-right: 0px;
    line-height: 1;
}

.amount-limit-change .amount-limit-eroski .form-group .input-group .form-control::placeholder {
    color: #1bb3bc;
}

.amount-limit-change .amount-limit-eroski .form-group .input-group .input-group-addon {
    background: none;
    border: 0px;
    padding-left: 5px;
    padding-right: 8px;
}

.amount-limit-change .amount-limit-eroski .form-group .input-group .input-group-addon span {
    margin-right: 5px;
    margin-top: 2px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #265d73;
}

.amount-limit-change .amount-limit-eroski .form-group .input-group .input-group-addon i {
    margin-top: 3px;
    color: #265d73;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}

.amount-limit-change .amount-limit-cortefiel .form-group {
    margin: 0px;
    width: 100px;
}

.amount-limit-change .amount-limit-cortefiel .form-group .input-group {
    background: #f8f8f8;
    border: 2px solid #1bb3bc;
    border-radius: 3px;
}

.amount-limit-change .amount-limit-cortefiel .form-group .input-group .form-control {
    background: #f8f8f8;
    border: 0px;
    box-shadow: none;
    text-align: right;
    height: 31px;
    font-size: 18px;
    font-weight: bold;
    color: #1bb3bc;
    padding-left: 2px;
    padding-right: 0px;
    line-height: 1;
}

.amount-limit-change .amount-limit-cortefiel .form-group .input-group .form-control::placeholder {
    color: #1bb3bc;
}

.amount-limit-change .amount-limit-cortefiel .form-group .input-group .input-group-addon {
    background: none;
    border: 0px;
    padding-left: 5px;
    padding-right: 8px;
}

.amount-limit-change .amount-limit-cortefiel .form-group .input-group .input-group-addon span {
    margin-right: 5px;
    margin-top: 2px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #1bb3bc;
}

.amount-limit-change .amount-limit-cortefiel .form-group .input-group .input-group-addon i {
    margin-top: 3px;
    color: #1bb3bc;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}

.amount-limit-change>div.amount-limit-change-new {
    /*background: #ec0200;*/
    background: url('../img/al-bg.jpg') no-repeat 100% 100% #ec0200;
}

.amount-limit-change>div.amount-limit-change-new ul li>p {
    color: #fff;
}

.amount-limit-change>div ul li.changed p {
    font-size: 19px;
    font-weight: bold;
}

.amount-limit-change>div ul li.changed p b {
    font-size: 24px;
}

.amount-limit-change>div ul li.changed p .icon {
    margin-right: 6px;
    font-size: 24px;
}

.amount-limit-change>div.amount-limit-change-new ul li>p a.icon {
    margin-left: 10px;
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 50%;
    font-size: 14px;
    line-height: 20px;
    color: #ec0000;
    font-style: normal;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.amount-limit-change>div.amount-limit-change-new ul li>p a:hover {
    background: #ec0000;
    color: #fff;
}

.amount-limit-change>div.amount-limit-change-new .badge {
    background: #cc0000;
    color: #fff;
}

.amount-limit-change>div.amount-limit-change-new .amount-limit-change-icon-1 {
    background-image: url('../img/icons/amount-limit-change-icon-1-red.png');
}

.amount-limit-change>div.amount-limit-change-new .amount-limit-change-icon-2 {
    background-image: url('../img/icons/amount-limit-change-icon-2-red.png');
}

.amount-limit-change>div.amount-limit-change-new .amount-limit-change-icon-3 {
    background-image: url('../img/icons/amount-limit-change-icon-3-red.png');
}

.amount-limit-change .popover {
    font-size: 11px;
    line-height: 15px;
    color: #333;
}

.amount-limit-change-block .block-body .limits-head {
    text-align: center;
}

.amount-limit-change-block .block-body .limits-head p {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.amount-limit-change-block .block-body .limits-head .list-limits {
    margin: 0px;
}

.amount-limit-change-block .block-body .limits-head .list-limits li {
    margin: 10px 5px;
    position: relative;
}

.amount-limit-change-block .block-body .limits-head .list-limits li a {
    display: inline-block;
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 76px;
    font-weight: bold;
    color: #414141;
    border-radius: 10px;
    min-width: 244px;
}

.amount-limit-change-block .block-body .limits-head .list-limits li.active a {
    border: 3px solid #1bb3bc;
    color: #1bb3bc;
    line-height: 72px;
}

.amount-limit-change-block .block-body .limits-head .list-limits li .icon {
    position: absolute;
    background: #1bb3bc;
    right: -2px;
    top: -7px;
    width: 22px;
    height: 22px;
    font-weight: 12px;
    line-height: 22px;
    border-radius: 50%;
    color: #fff;
    opacity: 0;
}

.amount-limit-change-block .block-body .limits-head .list-limits li.active .icon {
    opacity: 1;
}

.amount-limit-change-block .form-sms {
    margin: 35px 0px;
    text-align: center;
}

.amount-limit-change-block .form-sms p.form-sms-title {
    margin: 0px 0px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.amount-limit-change-block .form-sms .form-group {
    margin-bottom: 25px;
}

.amount-limit-change-block .form-sms .control-label {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    text-align: right;
    display: inherit;
}

.amount-limit-change-block .form-sms .form-control {
    border-radius: 0px;
    border-color: #818181;
    box-shadow: none !important;
    color: #333;
}

.amount-limit-change-block .form-sms .btn {
    margin: 0px 0px 0px 25px;
}

.amount-limit-message .block-body {
    padding: 45px 35px;
    text-align: center;
}

.amount-limit-message .block-body .icon {
    margin: 0px auto 25px;
    width: 70px;
    height: 70px;
    background: #bece4a;
    border-radius: 50%;
    font-size: 40px;
    line-height: 70px;
    color: #fff;
    text-align: center;
}

.amount-limit-message .block-body p {
    margin: 0px 0px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.amount-limit-message .block-body p:last-child:not(:first-child) {
    margin-bottom: 0px;
}

.amount-limit-message .block-body h4 {
    margin: 0px 0px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.amount-limit-message .block-body .message-block {
    margin-top: 20px;
    padding: 35px 15px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.amount-limit-message .block-body .message-block h4 {
    font-size: 24px;
    font-weight: 600;
    color: #ec0000;
}

.amount-limit-message .block-body .message-block p {
    font-size: 16px;
    font-weight: normal;
}

.amount-limit-message .block-body .btn {
    -webkit-box-shadow: 5px 5px 10px 0 rgba(184, 176, 176, 0.25);
    box-shadow: 5px 5px 10px 0 rgba(184, 176, 176, 0.25);
}

.amount-limit-p {
    margin: 0px 0px 40px;
    text-align: center;
    font-size: 13px;
    color: #333333;
}

.amount-limit-p a {
    font-weight: bold;
    color: #333333;
}

.amount-limit-change-block+p {
    margin-top: -30px;
}

p.notification {
    margin: 20px 0px 0px;
    padding: 8px 10px;
    background: #dedede;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 26px;
}

p.notification i {
    margin-right: 10px;
}


/* Movements table new style */

.table-movements thead tr th {
    padding: 14px 32px;
    background: #ee4c4c;
    font-size: 19px;
    color: #fff;
    font-weight: 700;
    border-bottom: 0;
    text-align: left;
}

.table-movements>.table {
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.table-movements>.table>tbody>tr>td {
    padding: 0;
    border-top: 0px;
}

.table-movements>.table>tbody>tr>td i {
    /*cursor: pointer;*/
    font-size: 12px;
    color: #8d8d8d;
    margin: 0px auto 0 0;
}

.table-movements>.table>tbody>tr>td>.table tr.detalle-info td {
    background: #f9f9f9;
    color: #9e3667;
}

.table-movements>.table>tbody>tr>td>.table tr.detalle-info td p {
    margin: 0px;
    padding: 0px;
    font-size: 19px;
    font-weight: bold;
}

.table-movements>.table>tbody>tr>td>.table tr.detalle-info td p b {
    font-weight: bold;
}

.table-movements>.table>tbody>tr>td>.table tr.detalle-info td p.inline {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.table-movements>.table>tbody>tr>td>.table tr.detalle-info td p span {
    color: #9e3667;
    font-size: 	19px;
    font-weight: 700;
}

.table-movements>.table>tbody>tr>td>.table tr.detalle-info {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    height: 100%;
}

.table-movements>.table>tbody>tr>td>.table tr.detalle-info.ng-hide {
    height: 0;
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.table-movements>.table>tbody>tr>td>.table {
    margin: 0px;
}

.table-movements>.table>tbody>tr>td>.table tr td {
    padding: 14px 32px;
    font-size: 14px;
    color: #474747;
}

.table-movements>.table>tbody>tr>td>.table tr td span {
    color: #ec2424;
    font-size: 19px;
    font-weight: 700;
}

.table-movements .cards-outstanding-balance p {
    padding: 10px 0;
    text-align: center;
}

.table-movements tfoot.movements-loader-box.ng-hide {
    opacity: 0;
}

.table-movements tfoot.movements-loader-box {
    opacity: 1;
}

.table-movements tfoot.movements-loader-box.ng-hide-remove {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.table-movements tbody tr.ng-move,
.table-movements tbody tr.ng-enter,
.table-movements tbody tr.ng-leave {
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.table-movements tbody tr.ng-leave.ng-leave-active,
.table-movements tbody tr.ng-move,
.table-movements tbody tr.ng-enter {
    opacity: 0;
}

.table-movements tbody tr.ng-leave,
.table-movements tbody tr.ng-move.ng-move-active,
.table-movements tbody tr.ng-enter.ng-enter-active {
    opacity: 1;
}

.movements-filter-block {
    margin: 10px 0px 20px;
}

.movements-filter-block .dropdown {
    cursor: pointer;
    margin-right: 16px;
}

.movements-filter-block .dropdown .form-control {
    padding: 8px 12px;
    background: #fcfcfc;
    border: 1px solid #e5e5e5;
    border-right: 0;
    box-shadow: none !important;
    cursor: pointer;
    height: 37px;
    border-radius: 0;
}

.movements-filter-block .dropdown input.form-control {
    min-width: 190px;
}

.movements-filter-block .dropdown .input-group-addon {
    padding: 10px 22px 10px 8px;
    background: #fcfcfc;
    border: 1px solid #e5e5e5;
    border-left: 0;
    color: #ed3131;
    border-radius: 0;
}

.movements-filter-block .dropdown.open .form-control,
.movements-filter-block .dropdown.open .input-group-addon {
    border-color: #ccc;
}

.movements-filter-block .btn-link {
    margin: 0px;
    padding: 0px;
    color: #787878;
    text-decoration: none;
    font-size: 19px;
    font-weight: bold;
    line-height: 39px;
}

.movements-filter-block .btn-link i {
    margin-right: 6px;
    font-size: 19px;
}

.movements-filter-block .btn-link:hover {
    color: #ed3131;
}

.movements-filter-block .tools {
    text-align: right;
}

.movements-filter-block .tools .btn {
    display: inline-block;
    width: 39px;
    height: 39px;
    cursor: pointer;
}

.movements-filter-block .tools .btn.btn-print {
    background: url('../img/icons/print-icon.png') no-repeat;
}

.movements-filter-block .tools .btn.btn-pdf {
    background: url('../img/icons/pdf-icon.png') no-repeat;
}

.movements-filter-block .tools .btn.btn-xls {
    background: url('../img/icons/xls-icon.png') no-repeat;
}

.movements-filter-block .tools .btn.btn-download {
    background: url('../img/icons/download-icon.png') no-repeat;
}

.movements-search-modal,
.movements-search-modal .modal-content {
    border-radius: 6px;
}

.movements-search {
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.movements-search .modal-header {
    padding-bottom: 4px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 6px 6px 0 0;
}

.movements-search .modal-header .close {
    color: #737373;
    opacity: 1;
}

.movements-search .modal-header .modal-title {
    margin-bottom: 28px;
    font-size: 22px;
    font-weight: 600;
    color: #333333;
}

.movements-search .modal-header .form-group {
    margin-bottom: 0px;
}

.movements-search .modal-header .form-group .radio label {
    padding-left: 3px;
    font-size: 19px;
    line-height: 20px;
    font-weight: bold;
    color: #737373;
}

.movements-search .modal-header .form-group .radio input[type="radio"]:checked+label {
    color: #ec0000;
}

.movements-search .radio {
    margin: 0;
    padding: 0;
    display: block;
    height: 28px;
}

.movements-search .radio input[type="radio"] {
    margin: 0;
    display: none;
    width: 22px;
}

.movements-search .radio label {
    padding-left: 3px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #737373;
}


/* .movements-search .radio input[type="radio"]+label {} */

.movements-search .radio input[type="radio"]+label:before {
    padding: 2px;
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #737373;
    margin-right: 8px;
    margin-top: 3px;
    font-family: 'FontAwesome';
    font-size: 6px;
    font-weight: normal;
    line-height: 9px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
}

.movements-search .radio input[type="radio"]:checked+label:before {
    content: "\f111";
    color: #ec0000;
}

.movements-search .modal-body {
    padding-top: 30px;
    border-radius: 0 0 6px 6px;
}

.movements-search .modal-body .form-group {
    margin: 0px auto 30px;
    width: 80%;
    text-align: left;
}

.movements-search .modal-body .form-group .control-label {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.movements-search .modal-body .form-group .input-group {
    width: 100%;
}

.movements-search .modal-body .form-group .input-group input[type="text"] {
    padding: 6px 12px;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #c2c2c2;
    border-radius: 0;
    font-size: 15px;
}

.movements-search .modal-body .form-group .input-group .input-group-addon {
    padding: 17px 12px;
    background: url('../img/icons/date.png') no-repeat 50% 50%;
    border: none;
    border-bottom: 1px solid #c2c2c2;
    border-radius: 0;
}

.movements-search .modal-body .form-group .input-group .error-field {
    position: absolute;
    bottom: -18px;
    width: 100%;
    z-index: 10;
}

.movements-search .modal-body .form-group .input-group-datepicker .dropdown-menu {
    border-radius: 0;
    padding: 0;
}

.movements-search .modal-body .form-group .input-group-datepicker table thead th,
.daterangepicker .calendar-table th {
    background: #cecece;
    font-size: 12px;
    color: #333333;
    padding: 4px 0;
    border-radius: 0px;
}

.movements-search .modal-body .form-group .input-group-datepicker table thead tr:first-child th,
.daterangepicker .calendar-table table thead tr:first-child th {
    border-bottom: 1px solid #fff;
}

.movements-search .modal-body .form-group .input-group-datepicker table thead .btn-default,
.daterangepicker .calendar-table th {
    background: #cecece;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

@media screen and (min-width: 768px) {
    .movements-search .modal-body {
        padding-top: 50px;
        border-radius: 0 0 6px 6px;
    }
    .movements-search .modal-body .form-group {
        margin: 0px auto 50px;
        width: 80%;
        text-align: left;
    }
}

.daterangepicker td.in-range {
    background-color: #19b3bc1c;
}

.movements-search .modal-body .form-group .input-group-datepicker table thead th small,
.daterangepicker .calendar-table table thead tr:last-child th {
    font-size: 9px;
    text-transform: uppercase;
}

.movements-search .modal-body .form-group .input-group-datepicker table tbody .btn-default,
.daterangepicker .calendar-table table tbody td,
.daterangepicker .calendar-table td.start-date.end-date {
    border: none;
    border-radius: 0;
}

.movements-search .modal-body .form-group .input-group-datepicker table tbody .btn-default.active,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker .ranges li.active {
    background: #1bb3bc;
    box-shadow: none;
}

.movements-search .modal-body .form-group .input-group-datepicker table tbody .btn-default.active .text-info,
.daterangepicker .calendar-table table tbody .btn-default.active {
    color: #fff;
}

.movements-search .modal-body .form-group.buttons-group {
    text-align: center;
}

.movements-search .modal-body .form-group.buttons-group .btn-link {
    margin-right: 20px;
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}

.movements-search .modal-body .form-group.buttons-group .btn-red {
    padding-left: 50px;
    padding-right: 50px;
}

.movements-search .modal-body .form-group .limite-btn {
    font-size: 19px;
    line-height: 40px;
    color: #b1b1b1;
    font-weight: 600;
    border: 2px solid #b1b1b1;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.movements-search .modal-body .form-group .limite-btn.active {
    border-color: #ec0000;
    color: #ec0000;
}

.movements-search .modal-body .form-group .limite-btn i {
    opacity: 0;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 21px;
    height: 21px;
    background: #ec0000;
    color: #fff;
    border-radius: 50%;
    font-size: 19px;
    line-height: 21px;
}

.movements-search .modal-body .form-group .limite-btn.active i {
    opacity: 1;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    text-decoration: none
}

.daterangepicker {
    border-radius: 0;
    padding: 0;
}

.daterangepicker:before,
.daterangepicker:after,
.daterangepicker .drp-selected {
    display: none;
}


/*.wraper.bg-header.no-printable {
	position: relative;
	width: 100%;
	z-index: 1002;
}*/

.iframe-cover {
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 76px;
    width: 100%;
    z-index: -1;
}

.modal .iframe-cover {
    height: 100%;
}

.campaigns-pdf-iframe-box .campaigns-pdf-iframe-in iframe {
    position: relative;
    z-index: 1;
}

.iframe-pdf-button {
    width: 80px;
    height: 80px;
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
    z-index: 3;
}


/* Online Payments Feature */


/* btns */

.online-payments-block .btn {
    margin: 0px;
    padding: 10px 25px;
    font: 500 16px/22px 'Arial';
    border-radius: 25px;
    color: #ffffff;
    transition: all 300ms ease-in-out;
    outline: none;
}

.online-payments-block .btn:hover,
.online-payments-block .btn:focus,
.online-payments-block .btn:active {
    outline: 0 !important;
    color: #ffffff;
}

.online-payments-block .btn-icon i {
    margin-right: 10px;
    float: left;
}

.online-payments-block .btn-red {
    background: #ec0000;
    color: #ffffff;
}

.online-payments-block .btn-red:hover {
    background: #990000;
    color: #ffffff;
}

.online-payments-block .btn-gray {
    background: #929292;
    color: #ffffff;
}

.online-payments-block .btn-gray:hover {
    background: #727a79;
    color: #ffffff;
}

.online-payments-block [type="radio"]:checked,
.online-payments-block [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.online-payments-block [type="radio"]:checked+label,
.online-payments-block [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 14px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #666;
    min-height: 14px;
}

.online-payments-block [type="radio"]:checked+label:before,
.online-payments-block [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #747474;
}

.online-payments-block [type="radio"]:checked+label:before {
    background: #ec0000;
}

.online-payments-block [type="radio"]:checked+label:after,
.online-payments-block [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #fff;
    border: 4px solid #ec0000;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.online-payments-block [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.online-payments-block [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.online-payments-block [type="radio"]:checked+label span,
.online-payments-block [type="radio"]:not(:checked)+label span {
    font-size: 14px;
    font-weight: 400;
}

.online-payments-block [type="radio"]:checked+label span span,
.online-payments-block [type="radio"]:not(:checked)+label span span {
    font-weight: 600;
}

.online-payments-block h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.online-payments-block .online-payments-panel {
    margin-bottom: 20px;
    background: #f2f2f2;
}

.online-payments-block .online-payments-panel .block-head {
    padding: 18px 26px 18px 36px;
    border-bottom: 1px solid #dfdfdf;
}

.online-payments-block .online-payments-panel .block-head .icon-info-old {
    float: right;
    width: 41px;
    height: 41px;
    color: #ec0000;
    border: 2px solid #ec0000;
    border-radius: 50%;
    text-align: center;
    font-size: 19px;
    line-height: 37px;
    font-weight: bold;
    cursor: pointer;
}

.online-payments-block .online-payments-panel .block-head .icon-info-old:hover {
    background-color: #ec0000;
    color: #fff;
}

.online-payments-block .online-payments-panel .block-head p {
    margin: 0px;
    font-size: 16px;
    /*line-height: 41px;*/
    max-width: 85%;
    min-height: 41px;
}

.online-payments-block .online-payments-panel .block-body {
    padding: 12px 36px;
}

.online-payments-block .online-payments-panel .block-body-ikea {
    padding: 12px 36px;
}

.online-payments-block .online-payments-panel .block-body-cooltra {
    padding: 12px 36px;
}

.online-payments-block .online-payments-panel .block-body.block-body-padding {
    padding-top: 32px;
}

.online-payments-block .online-payments-panel .block-body-ikea.block-body-padding {
    padding-top: 32px;
}

.online-payments-block .online-payments-panel .block-body-cooltra.block-body-padding {
    padding-top: 32px;
}

.online-payments-block .online-payments-panel .block-body h3 {
    margin: 0px 0px 30px;
    font-size: 16px;
    line-height: 54px;
    position: relative;
}

.online-payments-block .online-payments-panel .block-body-ikea h3 {
    margin: 0px 0px 30px;
    font-size: 16px;
    line-height: 54px;
    position: relative;
}

.online-payments-block .online-payments-panel .block-body-cooltra h3 {
    margin: 0px 0px 30px;
    font-size: 16px;
    line-height: 54px;
    position: relative;
}

.online-payments-block .online-payments-panel .block-body h3 span {
    font-weight: bold;
    text-transform: uppercase;
}

.online-payments-block .online-payments-panel .block-body-ikea h3 span {
    font-weight: bold;
    text-transform: uppercase;
}

.online-payments-block .online-payments-panel .block-body-cooltra h3 span {
    font-weight: bold;
    text-transform: uppercase;
}

.online-payments-block .online-payments-panel .block-body h3:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 4px;
    background: #ec0000;
    border: none;
    left: 0;
    bottom: 0;
}

.online-payments-block .online-payments-panel .block-body-ikea h3:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 4px;
    background: #0077C8;
    border: none;
    left: 0;
    bottom: 0;
}

.online-payments-block .online-payments-panel .block-body-travelclub h3:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 4px;
    background: #3a75c4;
    border: none;
    left: 0;
    bottom: 0;
}

.online-payments-block .online-payments-panel .block-body-cooltra h3:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 4px;
    background: #008AFF;
    border: none;
    left: 0;
    bottom: 0;
}

.online-payments-block .online-payments-panel .block-body .block-body-info {
    margin-bottom: 30px;
}

.online-payments-block .online-payments-panel .block-body-ikea .block-body-info {
    margin-bottom: 30px;
}

.online-payments-block .online-payments-panel .block-body-cooltra .block-body-info {
    margin-bottom: 30px;
}

.online-payments-block .online-payments-panel .block-body .block-body-info h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body-ikea .block-body-info h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body-travelclub .block-body-info h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body-cooltra .block-body-info h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body .block-body-info p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body-ikea .block-body-info p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body-travelclub .block-body-info p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body-cooltra .block-body-info p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body .block-body-info p span {
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body-ikea .block-body-info p span {
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body-cooltra .block-body-info p span {
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body .block-body-info.block-body-info-card h4 {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 22px;
}

.online-payments-block .online-payments-panel .block-body-ikea .block-body-info.block-body-info-card h4 {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 22px;
}

.online-payments-block .online-payments-panel .block-body-cooltra .block-body-info.block-body-info-card h4 {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 22px;
}

.online-payments-block .online-payments-panel .block-body .block-body-info.block-body-info-card p {
    margin-bottom: 15px;
    line-height: 22px;
}

.online-payments-block .online-payments-panel .block-body-ikea .block-body-info.block-body-info-card p {
    margin-bottom: 15px;
    line-height: 22px;
}

.online-payments-block .online-payments-panel .block-body-cooltra .block-body-info.block-body-info-card p {
    margin-bottom: 15px;
    line-height: 22px;
}

.online-payments-block .online-payments-panel .block-body .card-block {
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 15px;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block {
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 15px;
}

.online-payments-block .online-payments-panel .block-body-travelclub .card-block {
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 15px;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block {
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 15px;
}

.online-payments-block .online-payments-panel .block-body .card-block .popover,
.online-payments-block .online-payments-panel .block-body .message-block .popover {
    width: 400px;
    left: 35px !important;
    border-radius: 5px;
    font-size: 11px;
    line-height: 19px;
    color: #000;
    background-color: #f8f8f8;
    border-color: #d9d9d9;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .popover,
.online-payments-block .online-payments-panel .block-body-ikea .message-block .popover {
    width: 400px;
    left: 35px !important;
    border-radius: 5px;
    font-size: 11px;
    line-height: 19px;
    color: #000;
    background-color: #f8f8f8;
    border-color: #d9d9d9;
}

.online-payments-block .online-payments-panel .block-body-travelclub .card-block .popover,
.online-payments-block .online-payments-panel .block-body-travelclub .message-block .popover {
    width: 400px;
    left: 35px !important;
    border-radius: 5px;
    font-size: 11px;
    line-height: 19px;
    color: #000;
    background-color: #f8f8f8;
    border-color: #d9d9d9;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .popover,
.online-payments-block .online-payments-panel .block-body-cooltra .message-block .popover {
    width: 400px;
    left: 35px !important;
    border-radius: 5px;
    font-size: 11px;
    line-height: 19px;
    color: #000;
    background-color: #f8f8f8;
    border-color: #d9d9d9;
}

.online-payments-block .online-payments-panel .block-body .card-block .popover .arrow,
.online-payments-block .online-payments-panel .block-body .message-block .popover .arrow {
    display: none;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .popover .arrow,
.online-payments-block .online-payments-panel .block-body-ikea .message-block .popover .arrow {
    display: none;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .popover .arrow,
.online-payments-block .online-payments-panel .block-body-cooltra .message-block .popover .arrow {
    display: none;
}

.online-payments-block .online-payments-panel .block-body .card-block p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body-travelclub .card-block p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.online-payments-block .online-payments-panel .block-body .card-block .form {
    margin-bottom: 0px;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .form {
    margin-bottom: 0px;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .form {
    margin-bottom: 0px;
}

.online-payments-block .online-payments-panel .block-body .card-block .form-group {
    text-align: left;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .form-group {
    text-align: left;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .form-group {
    text-align: left;
}

.online-payments-block .online-payments-panel .block-body .card-block .form-group .control-label {
    padding-top: 0px;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-align: left;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .form-group .control-label {
    padding-top: 0px;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-align: left;
}

.online-payments-block .online-payments-panel .block-body-travelclub .card-block .form-group .control-label {
    padding-top: 0px;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-align: left;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .form-group .control-label {
    padding-top: 0px;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-align: left;
}

.online-payments-block .online-payments-panel .block-body .card-block .form-group p.invalid {
    margin: 4px 0px 0px;
    color: #e99f10;
    font-weight: 400;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .form-group p.invalid {
    margin: 4px 0px 0px;
    color: #e99f10;
    font-weight: 400;
}

.online-payments-block .online-payments-panel .block-body-travelclub .card-block .form-group p.invalid {
    margin: 4px 0px 0px;
    color: #3aa4d2;
    font-weight: 400;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .form-group p.invalid {
    margin: 4px 0px 0px;
    color: #e99f10;
    font-weight: 400;
}


.online-payments-block .online-payments-panel .block-body .card-block .form-group .form-control {
    margin: 0px;
    height: 22px;
    font-size: 12px;
    box-shadow: none;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .form-group .form-control {
    margin: 0px;
    height: 22px;
    font-size: 12px;
    box-shadow: none;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .form-group .form-control {
    margin: 0px;
    height: 22px;
    font-size: 12px;
    box-shadow: none;
}

.online-payments-block .online-payments-panel .block-body .card-block .form-group a {
    text-decoration: underline;
    font-size: 12px;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .form-group a {
    text-decoration: underline;
    font-size: 12px;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .form-group a {
    text-decoration: underline;
    font-size: 12px;
}

.online-payments-block .online-payments-panel .block-body .card-block .form-group:last-child {
    margin-bottom: 0px;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .form-group:last-child {
    margin-bottom: 0px;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .form-group:last-child {
    margin-bottom: 0px;
}

.online-payments-block .online-payments-panel .block-body .card-block .amount-group .form-control {
    padding-right: 16px;
    text-align: right;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .amount-group .form-control {
    padding-right: 16px;
    text-align: right;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .amount-group .form-control {
    padding-right: 16px;
    text-align: right;
}

.online-payments-block .online-payments-panel .block-body .card-block .amount-group i {
    font-style: normal;
    position: absolute;
    top: 0;
    right: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #555;
}

.online-payments-block .online-payments-panel .block-body-ikea .card-block .amount-group i {
    font-style: normal;
    position: absolute;
    top: 0;
    right: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #555;
}

.online-payments-block .online-payments-panel .block-body-travelclub .card-block .amount-group i {
    font-style: normal;
    position: absolute;
    top: 0;
    right: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #bab7af;
}

.online-payments-block .online-payments-panel .block-body-cooltra .card-block .amount-group i {
    font-style: normal;
    position: absolute;
    top: 0;
    right: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #555;
}

.online-payments-block .online-payments-panel .block-body .message-block {
    padding: 20px 0px 10px;
    text-align: center;
}

.online-payments-block .online-payments-panel .block-body-ikea .message-block {
    padding: 20px 0px 10px;
    text-align: center;
}

.online-payments-block .online-payments-panel .block-body-cooltra .message-block {
    padding: 20px 0px 10px;
    text-align: center;
}

.online-payments-block .online-payments-panel .block-body .message-block.message-block-padding {
    padding-top: 50px;
}

.online-payments-block .online-payments-panel .block-body-ikea .message-block.message-block-padding {
    padding-top: 50px;
}

.online-payments-block .online-payments-panel .block-body-cooltra .message-block.message-block-padding {
    padding-top: 50px;
}

.online-payments-block .online-payments-panel .block-body .message-block .icon {
    margin-bottom: 20px;
}

.online-payments-block .online-payments-panel .block-body-ikea .message-block .icon {
    margin-bottom: 20px;
}

.online-payments-block .online-payments-panel .block-body-cooltra .message-block .icon {
    margin-bottom: 20px;
}

.online-payments-block .online-payments-panel .block-body .message-block h4 {
    margin: 0px 0px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body-ikea .message-block h4 {
    margin: 0px 0px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body-travelclub .message-block h4 {
    margin: 0px 0px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body-cooltra .message-block h4 {
    margin: 0px 0px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body .message-block p {
    font-size: 14px;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body-ikea .message-block p {
    font-size: 14px;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body-travelclub .message-block p {
    font-size: 14px;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body-cooltra .message-block p {
    font-size: 14px;
    color: #333333;
}

.online-payments-block .online-payments-panel .block-body form {
    margin-bottom: 20px;
}

.online-payments-block .online-payments-panel .block-body-ikea form {
    margin-bottom: 20px;
}

.online-payments-block .online-payments-panel .block-body-cooltra form {
    margin-bottom: 20px;
}

.online-payments-block .online-payments-panel .block-body .form-group .form-control {
    margin: 0px auto;
    max-width: 170px;
    border-color: #818181;
    border-radius: 0px;
    box-shadow: none;
}

.online-payments-block .online-payments-panel .block-body-ikea .form-group .form-control {
    margin: 0px auto;
    max-width: 170px;
    border-color: #818181;
    border-radius: 0px;
    box-shadow: none;
}

.online-payments-block .online-payments-panel .block-body-travelclub .form-group .form-control {
    margin: 0px auto;
    max-width: 170px;
    border-color: #bab7af;
    border-radius: 0px;
    box-shadow: none;
}

.online-payments-block .online-payments-panel .block-body-cooltra .form-group .form-control {
    margin: 0px auto;
    max-width: 170px;
    border-color: #818181;
    border-radius: 0px;
    box-shadow: none;
}


.online-payments-block .online-payments-panel .block-body .form-group .invalid {
    margin: 2px auto 0px;
    max-width: 170px;
    color: #e99f10;
    font-weight: 400;
}

.online-payments-block .online-payments-panel .block-body-ikea .form-group .invalid {
    margin: 2px auto 0px;
    max-width: 170px;
    color: #e99f10;
    font-weight: 400;
}

.online-payments-block .online-payments-panel .block-body-travelclub .form-group .invalid {
    margin: 2px auto 0px;
    max-width: 170px;
    color: #3aa4d2;
    font-weight: 400;
}

.online-payments-block .online-payments-panel .block-body-cooltra .form-group .invalid {
    margin: 2px auto 0px;
    max-width: 170px;
    color: #e99f10;
    font-weight: 400;
}

.online-payments-block .list-select {
    margin-bottom: 30px;
}

.online-payments-block .list-select li {
    margin-bottom: 20px;
}

.online-payments-block .list-select li [type="radio"]:checked+label,
.online-payments-block .list-select li [type="radio"]:not(:checked)+label {
    padding-left: 29px;
    font-size: 16px;
    font-weight: 600;
}

.online-payments-block .list-select-mobile li {
    padding: 10px 0px;
    border-bottom: 1px solid #d2d2d2;
}

.online-payments-block .list-select-mobile li:last-child {
    border-bottom: 0px;
}

.online-payments-block .list-select-mobile li p {
    margin: 0px;
    padding-right: 30px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.online-payments-block .list-select-mobile li p span {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

.online-payments-block .list-select-mobile li .icon {
    float: right;
    width: 22px;
    height: 22px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    color: #fff;
    background-color: #ec0000;
    border-radius: 50%;
}

.online-payments-block .btns-group {
    margin: 0px 0px 30px;
    text-align: right;
}

.online-payments-block .btns-group .btn {
    margin-left: 20px;
}

.online-payments-block .btns-group.text-center {
    text-align: center;
}

.online-payments-block .btns-group.text-center .btn {
    margin: 0px 24px;
}

.online-payments-block .online-payments-panel table {
    margin-bottom: 25px;
}

.online-payments-block .online-payments-panel table thead tr th {
    padding: 12px 20px 12px 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    background: #ec0000;
    text-transform: uppercase;
    border-color: #bcb9b9;
    border-bottom: none;
}

.online-payments-block .online-payments-panel table tbody tr td {
    padding: 8px 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #474747;
    border-color: #bcb9b9;
    background-color: #fff;
}

.online-payments-block .online-payments-panel table tbody tr:nth-child(even) td {
    background-color: #f6f6f6;
}

.online-payments-block .online-payments-panel table tbody tr:hover td,
.online-payments-block .online-payments-panel table tbody tr:nth-child(even):hover td {
    background-color: #cdcaca;
    color: #848181;
    cursor: pointer;
}

.online-payments-block .online-payments-panel table tbody tr td .radio {
    margin: 2px 0px 0px;
}

.online-payments-block table tbody tr td .radio [type="radio"]:checked+label:before,
.online-payments-block table tbody tr td .radio [type="radio"]:not(:checked)+label:before {
    background: #ec0000;
    top: 0px;
}

.online-payments-block table tbody tr td .radio [type="radio"]:checked+label:after,
.online-payments-block table tbody tr td .radio [type="radio"]:not(:checked)+label:after {
    top: 0px;
}

.online-payments-block .online-payments-panel table.table-mobile thead tr th {
    text-align: center;
}

.online-payments-block .online-payments-panel table.table-mobile tbody tr td {
    vertical-align: middle;
    padding: 6px 10px;
    border-right-width: 0px;
    border-left-width: 0px;
}

.online-payments-block .online-payments-panel table.table-mobile tbody tr td:first-child {
    border-left-width: 1px;
}

.online-payments-block .online-payments-panel table.table-mobile tbody tr td:last-child {
    border-right-width: 1px;
}

.online-payments-block .online-payments-panel table.table-mobile tbody tr td p {
    margin: 0px;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    font-weight: 400;
}

.online-payments-block .online-payments-panel table.table-mobile tbody tr td span.price {
    color: #ec0000;
    font-size: 13px;
}

.online-payments-block .online-payments-panel table.table-mobile tbody tr td .icon,
.online-payments-block .online-payments-panel .message-block i {
    width: 22px;
    height: 22px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    color: #fff;
    background-color: #ec0000;
    border-radius: 50%;
}

.online-payments-block .online-payments-panel .message-block .icon-block {
    display: inline-block;
    position: relative;
}

.online-payments-block .online-payments-panel .message-block .icon-block i {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    font-size: 18px;
}

.online-payments-block .online-payments-panel .message-block .icon-block .popover {
    display: block;
    width: auto;
    top: -5px;
    padding: 3px;
    white-space: nowrap;
}

.online-payments-block .method-select-block {
    padding: 0px 30px;
}

.online-payments-block .method-select-block b {
    display: block;
    margin: 20px auto;
    font-size: 14px;
}

.online-payments-block .method-select-block span {
    font-size: 11px;
}

.online-payments-block .method-select-block .method-select-item {
    margin: 0 15px;
    padding: 11px 10px 6px;
    background: #ffffff;
    border: 1px solid #a6b3b4;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: border .2s linear, padding .2s linear;
    -o-transition: border .2s linear, padding .2s linear;
    -ms-transition: border .2s linear, padding .2s linear;
    transition: border .2s linear, padding .2s linear;
}

.online-payments-block .method-select-block .form-group {
    margin-left: 15px;
    margin-right: 15px;
}

.online-payments-block .online-payments-panel .method-select-block .form-group .form-control {
    font-size: 13px;
    border: 1px solid #a6b3b4;
    border-radius: 2px;
    box-shadow: none;
    max-width: 100%;
}

.online-payments-block .intl-tel-input label {
    display: none !important;
}

.online-payments-block .method-select-block .method-select-item i {
    position: absolute;
    right: -11px;
    top: -11px;
    color: #1bb3bc;
    font-size: 24px;
    line-height: 20px;
    background: #ffffff;
    border-radius: 50%;
    opacity: 0;
}

.online-payments-block .method-select-block .method-select-item .icon {
    margin: 5px auto 10px;
    width: 52px;
    height: 35px;
}

.online-payments-block .method-select-block .method-select-item .icon-1 {
    background: url('../img/icons/method-1.png');
}

.online-payments-block .method-select-block .method-select-item .icon-2 {
    background: url('../img/icons/method-2.png');
}

.online-payments-block .method-select-block .method-select-item .icon-3 {
    background: url('../img/icons/method-3.png');
}

.online-payments-block .method-select-block .method-select-item p {
    margin: 0px;
    color: #333333;
    line-height: normal !important;
}

.online-payments-block .method-select-block .method-select-item.active {
    padding: 9px 10px 4px;
    background: #ffffff;
    border: 3px solid #1bb3bc;
    -webkit-box-shadow: 0 0 15px 0 rgba(135, 135, 135, .55);
    box-shadow: 0 0 15px 0 rgba(135, 135, 135, .55);
}

.online-payments-block .method-select-block .method-select-item.active .icon {
    background-position: 0 35px;
}

.online-payments-block .method-select-block .method-select-item.active i {
    opacity: 1;
}

.online-payments-block .method-select-block .method-select-item.active p {
    color: #1bb3bc;
    font-weight: 600;
}

.online-payments-block .method-select-items-block {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.online-payments-block .method-select-items-block .method-select-item {
    height: 100%;
}

.card-menu-block.ng-enter,
.online-payments-panel .block-body.ng-enter,
.online-payments-panel .icon-block .popover.ng-enter,
.online-payments-panel .icon-block .popover.ng-leave {
    -webkit-transition: opacity ease-in-out 0.5s;
    -moz-transition: opacity ease-in-out 0.5s;
    -ms-transition: opacity ease-in-out 0.5s;
    -o-transition: opacity ease-in-out 0.5s;
    transition: opacity ease-in-out 0.5s;
}

.card-menu-block.ng-enter,
.online-payments-panel .block-body-ikea.ng-enter,
.online-payments-panel .icon-block .popover.ng-enter,
.online-payments-panel .icon-block .popover.ng-leave {
    -webkit-transition: opacity ease-in-out 0.5s;
    -moz-transition: opacity ease-in-out 0.5s;
    -ms-transition: opacity ease-in-out 0.5s;
    -o-transition: opacity ease-in-out 0.5s;
    transition: opacity ease-in-out 0.5s;
}

.card-menu-block.ng-enter,
.online-payments-panel .block-body-cooltra.ng-enter,
.online-payments-panel .icon-block .popover.ng-enter,
.online-payments-panel .icon-block .popover.ng-leave {
    -webkit-transition: opacity ease-in-out 0.5s;
    -moz-transition: opacity ease-in-out 0.5s;
    -ms-transition: opacity ease-in-out 0.5s;
    -o-transition: opacity ease-in-out 0.5s;
    transition: opacity ease-in-out 0.5s;
}

.card-menu-block.ng-enter,
.card-menu-block.ng-leave.ng-leave-active,
.online-payments-panel .icon-block .popover.ng-enter,
.online-payments-panel .icon-block .popover.ng-leave.ng-leave-active,
.online-payments-panel .block-body.ng-enter,
.online-payments-panel .block-body.ng-leave-active {
    opacity: 0;
}

.card-menu-block.ng-enter,
.card-menu-block.ng-leave.ng-leave-active,
.online-payments-panel .icon-block .popover.ng-enter,
.online-payments-panel .icon-block .popover.ng-leave.ng-leave-active,
.online-payments-panel .block-body-ikea.ng-enter,
.online-payments-panel .block-body-ikea.ng-leave-active {
    opacity: 0;
}

.card-menu-block.ng-enter,
.card-menu-block.ng-leave.ng-leave-active,
.online-payments-panel .icon-block .popover.ng-enter,
.online-payments-panel .icon-block .popover.ng-leave.ng-leave-active,
.online-payments-panel .block-body-cooltra.ng-enter,
.online-payments-panel .block-body-cooltra.ng-leave-active {
    opacity: 0;
}

.card-menu-block.ng-leave,
.card-menu-block.ng-enter.ng-enter-active,
.online-payments-panel .icon-block .popover.ng-leave,
.online-payments-panel .icon-block .popover.ng-enter.ng-enter-active,
.online-payments-panel .block-body.ng-leave,
.online-payments-panel .block-body.ng-enter-active {
    opacity: 1;
}

.card-menu-block.ng-leave,
.card-menu-block.ng-enter.ng-enter-active,
.online-payments-panel .icon-block .popover.ng-leave,
.online-payments-panel .icon-block .popover.ng-enter.ng-enter-active,
.online-payments-panel .block-body-ikea.ng-leave,
.online-payments-panel .block-body-ikea.ng-enter-active {
    opacity: 1;
}

.card-menu-block.ng-leave,
.card-menu-block.ng-enter.ng-enter-active,
.online-payments-panel .icon-block .popover.ng-leave,
.online-payments-panel .icon-block .popover.ng-enter.ng-enter-active,
.online-payments-panel .block-body-cooltra.ng-leave,
.online-payments-panel .block-body-cooltra.ng-enter-active {
    opacity: 1;
}


/********* Seed analytics modal start*******/

.modal-term .seed-analytics-modal-in {
    text-align: center;
    font-size: 14px;
    line-height: normal;
    max-height: 600px;
    height: auto;
}

.modal-term .seed-analytics-modal-in.small-seed-analytics-modal-in {
    text-align: center;
    font-size: 14px;
    line-height: normal;
    max-height: 400px;
    -webkit-transition: all 0.5s 0.5s;
    -moz-transition: all 0.5s 0.5s;
    -ms-transition: all 0.5s 0.5s;
    -o-transition: all 0.5s 0.5s;
    transition: all 0.5s 0.5s;
}

.modal-term .seed-analytics-modal-in h4,
.modal-term .seed-analytics-modal-in a,
.modal-term .seed-analytics-modal-in p span.text-red {
    color: #e90000;
    font-weight: bold;
}

.modal-term .seed-analytics-modal-in h4 {
    font-size: 18px;
}

.modal-term .seed-analytics-modal-in a {
    text-decoration: underline;
}

.modal-term .seed-analytics-modal-in img {
    max-width: 70px;
    margin: 10px auto 0;
}

.modal-term .seed-analytics-modal-in .btn.btn-red {
    padding: 9px 40px;
    font-size: 16px;
}

.modal-term .seed-analytics-modal-in p {
    line-height: normal;
}

.modal-term .seed-analytics-modal-in .details {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
}

.modal-term .seed-analytics-modal-in .details p {
    margin: 0 auto 10px;
    padding-top: 20px;
}

.modal-term .seed-analytics-modal-in .main-info {
    opacity: 1;
    height: 100%;
    margin-top: 20px;
}

.modal-term .seed-analytics-modal-in .main-info.ng-hide {
    height: 0;
    opacity: 0;
    transform: translateY(-50px);
    /* -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; */
}

.modal-term .seed-analytics-modal-in .details {
    opacity: 1;
    height: 100%;
    /* -webkit-transition: all  0.5s 0.5s;
	-moz-transition: all  0.5s 0.5s;
	-ms-transition: all  0.5s 0.5s;
	-o-transition: all  0.5s 0.5s;
	transition: all  0.5s 0.5s; */
}

.modal-term .seed-analytics-modal-in .details.ng-hide {
    height: 0;
    opacity: 0;
    transform: translateY(10px);
}

.seed-analytics-modal-in .switch-label {
    color: #ebebeb;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: 0;
}

.seed-analytics-modal-in .switch-label span:first-child {
    margin-left: 3px;
}

.seed-analytics-modal-in .switch-label span:last-child {
    margin-left: 12px;
}

.seed-analytics-modal-in .switch-block {
    display: inline-block;
    position: relative;
    /* padding: 25px 0 0; */
    margin: 0 auto;
}

.btn-switch {
    width: 54px;
    height: 24px;
    /* background: #ebebeb; */
    position: relative;
    border: none;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-switch:after {
    content: '';
    position: absolute;
    right: 10px;
    z-index: 0;
}

.btn-switch:before {
    content: '';
    position: absolute;
    left: 10px;
    z-index: 0;
}

.btn-switch i {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    left: 27px;
    background: #cfcfcf;
}

.btn-switch span {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 54px;
    height: 24px;
    background: #ebebeb;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn-switch input[type=checkbox] {
    visibility: hidden;
}

.btn-switch input[type=checkbox]:checked+i {
    left: 1px;
    background: #e90000;
}

.btn-switch input[type=checkbox]:checked+i {
    left: 1px;
    background: #e90000;
}

.pin {
    color: #1bb3bc;
    font-size: 250%;
    text-decoration-line: underline;
}

.control-label {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding: 2px 0px;
    /* padding: 2px 15px; */
}

.direc-input-control {
    width: 100%;
}


/** init css rules change direction **/

.changeDirection .col-xs-1,
.changeDirection .col-sm-1,
.changeDirection .col-md-1,
.changeDirection .col-lg-1,
.changeDirection .col-xs-2,
.changeDirection .col-sm-2,
.changeDirection .col-md-2,
.changeDirection .col-lg-2,
.changeDirection .col-xs-3,
.changeDirection .col-sm-3,
.changeDirection .col-md-3,
.changeDirection .col-lg-3,
.changeDirection .col-xs-4,
.changeDirection .col-sm-4,
.changeDirection .col-md-4,
.changeDirection .col-lg-4,
.changeDirection .col-xs-5,
.changeDirection .col-sm-5,
.changeDirection .col-md-5,
.changeDirection .col-lg-5,
.changeDirection .col-xs-6,
.changeDirection .col-sm-6,
.changeDirection .col-md-6,
.changeDirection .col-lg-6,
.changeDirection .col-xs-7,
.changeDirection .col-sm-7,
.changeDirection .col-md-7,
.changeDirection .col-lg-7,
.changeDirection .col-xs-8,
.changeDirection .col-sm-8,
.changeDirection .col-md-8,
.changeDirection .col-lg-8,
.changeDirection .col-xs-9,
.changeDirection .col-sm-9,
.changeDirection .col-md-9,
.changeDirection .col-lg-9,
.changeDirection .col-xs-10,
.changeDirection .col-sm-10,
.changeDirection .col-md-10,
.changeDirection .col-lg-10,
.changeDirection .col-xs-11,
.changeDirection .col-sm-11,
.changeDirection .col-md-11,
.changeDirection .col-lg-11,
.changeDirection .col-xs-12,
.changeDirection .col-sm-12,
.changeDirection .col-md-12,
.changeDirection .col-lg-12 {
    padding-right: 2px;
    padding-left: 2px;
}

.changeDirection .row {
    margin-bottom: 10px;
}

.changeDirection .label-error {
    margin: 0;
    color: #e99f10;
    font-size: 11px;
    line-height: 15px;
}

.btn-ACEPTAR .btn-gray {
    background: #999999;
    color: white;
    padding: 3px 8px !important;
    max-width: 120px;
    width: 100%;
    font-size: 12px !important;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 20px;
}

.changeDirection .btn-ACEPTAR .btn-loading {
    background: #999999;
    color: white;
    padding: 3px 8px !important;
    max-width: 120px;
    width: 100%;
    font-size: 12px !important;
    border-radius: 25px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}


/** css change direction **/


/** init css rules change IBAN **/

.rulesIBAN .row {
    margin-bottom: 25px;
    margin-right: 0px;
    margin-left: 0px;
}

.rulesIBAN .pad-bottom {
    border-bottom: 1px solid #d6d6d6;
    margin-right: 0px;
    margin-left: 0px;
}

.rulesIBAN .online-bill-payment-box p {
    font-size: 14px;
}

.rulesIBAN .pad-bottom-15 {
    padding-bottom: 15px;
}

.rulesIBAN .btn-ACEPTAR .btn {
    background: #EC0000;
    /*float: right;*/
    color: white;
    /*padding: 7px;
    width: 96px;*/
    padding: 6px 16px;
    max-width: 120px;
    width: 100%;
    font-size: 16px;
    border-radius: 25px;
}

.rulesIBAN .btn-ACEPTAR .btn-loading {
    background: #999999;
    /*float: right;*/
    color: white;
    /*padding: 7px;
    width: 96px;*/
    padding: 6px 16px;
    max-width: 120px;
    width: 100%;
    font-size: 12px;
    border-radius: 25px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}

.rulesIBAN .btn-ACEPTAR .btn-gray {
    background: #999999;
    color: white;
    padding: 6px 16px !important;
    max-width: 120px;
    width: 100%;
    font-size: 12px !important;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 20px;
}

.rulesIBAN .beneficiary-box-in {
    padding: 15px 10px;
    background: #f2f2f2;
    border: none;
    margin: 15px 0px;
}

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

.rulesIBAN .col-xs-2 .btn-instant-money-info {
    position: absolute;
    padding: 0;
    right: 31px;
    top: 50%;
    /*top: 15px;*/
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 2px solid #ec0000;
    background: #f2f2f2;
    color: #ec0000;
    font-weight: bold;
    font-size: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.rulesIBAN .col-xs-2 .btn-instant-modal-info {
    position: inherit;
    padding: 0;
    right: 31px;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 2px solid #ec0000;
    background: #f2f2f2;
    color: #ec0000;
    font-weight: bold;
    font-size: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.popupChangeIban .buttonClose {
    position: absolute;
    z-index: 5000;
    border: none;
    background: none;
    color: #949494;
    font-weight: bolder;
    font-size: 18px;
    left: 95%;
    padding-top: 10px;
}

.popupChangeIban .buttonClose-white {
    position: absolute;
    z-index: 5000;
    border: none;
    background: none;
    color: #fff;
    font-weight: bolder;
    font-size: 18px;
    left: 95%;
    padding-top: 10px;
}

.popupChangeIban .pd-15 {
    padding: 0px !important;
}

.popupChangeIban .instant-modal-box .instant-modal-cont {
    position: relative;
    background: #DEEDF2;
    padding: 30px;
    padding-bottom: 1px;
    color: #333333;
}

.popupChangeIban .instant-modal-box .instant-modal-cont-red {
    position: relative;
    background: #ec0000;
    padding: 30px;
    padding-bottom: 1px;
    color: #fff;
}

.changeDirection .message-block .icon {
    margin-bottom: 20px;
}

.changeDirection .message-block {
    padding: 20px 0px 10px;
    text-align: center;
}

.popupChangeIban .bar-chart-sky-blue-icon {
    background: url(../img/icons/bar-chart-sky-blue-icon.svg) no-repeat center center;
    background-size: 39px 22px;
    width: 39px;
    height: 22px;
    /* border: 1px solid black; */
    margin-left: 35%;
    padding: 40px 40px;
    display: block;
    border-radius: 100%;
    background-color: #deedf2;
}

.popupChangeIban .bar-chart-phone-red-icon {
    background: url(../img/icons/phone-red-icon.svg) no-repeat center center;
    width: 39px;
    height: 22px;
    margin-left: 40%;
    padding: 40px 40px;
    display: block;
    border-radius: 100%;
    background-color: #fff;
}

.popupChangeIban .bar-chart-phone-blue-icon {
    background: url(../img/icons/phone-blue-icon.svg) no-repeat center center;
    width: 39px;
    height: 22px;
    margin-left: 40%;
    padding: 40px 40px;
    display: block;
    border-radius: 100%;
    background-color: #fff;
}

.popupChangeIban .calendar-green-icon {
    background: url(../img/icons/calendar-green-icon.svg) no-repeat center center;
    background-size: 39px 22px;
    width: 39px;
    height: 22px;
    /* border: 1px solid black; */
    margin-left: 35%;
    padding: 40px 40px;
    display: block;
    border-radius: 100%;
    background-color: #deedf2;
}

.popupChangeIban .instant-modal-box .instant-modal-opt-box {
    position: relative;
    background: #ffffff;
    padding: 20px;
}

.popupChangeIban .terms-modal-in h2 {
    font-weight: 600;
    font-size: 21px;
    padding-bottom: 25px;
    margin: 0;
}

.popupChangeIban .row {
    margin-left: 0px;
    margin-right: 0px;
}

.popupChangeIban .col-bckc-blue {
    padding-left: 0px;
    min-height: 50px;
    background: #deedf2;
}

.popupChangeIban .col-bckc-red {
    padding-left: 0px;
    min-height: 50px;
    background: #ec0000;
    color: #fff;
}

.popupChangeIban .col-bckc-white {
    padding-left: 0px;
    min-height: 50px;
    background: #ffffff;
}

.popupChangeIban .p-baner-col-8 {
    padding-left: 30px;
    font-size: 18px;
}

.rulesIBAN .pad-left {
    padding-left: 100px;
}

@media (max-width: 480px) {
    .popupChangeIban .p-baner-col-8 {
        padding-left: 14px;
        font-size: 14px;
    }
    .rulesIBAN .pad-left {
        padding-left: 0px;
    }
    .popupChangeIban .instant-modal-box .instant-modal-cont {
        padding-bottom: 1px !important;
    }
    .popupChangeIban .instant-modal-box .instant-modal-cont-red {
        padding-bottom: 1px !important;
    }
    .popupChangeIban .buttonClose {
        position: absolute;
        z-index: 5000;
        border: none;
        background: none;
        color: #949494;
        font-weight: bolder;
        font-size: 18px;
        left: 90%;
        padding-top: 10px;
    }
    .popupChangeIban .buttonClose-white {
        position: absolute;
        z-index: 5000;
        border: none;
        background: none;
        color: #fff;
        font-weight: bolder;
        font-size: 18px;
        left: 90%;
        padding-top: 10px;
    }
    .rulesIBAN .col-xs-2 .btn-instant-money-info {
        position: absolute;
        padding: 0;
        right: 0px;
        top: 50%;
        /*top: 15px;*/
        width: 40px;
        height: 40px;
        border-radius: 50px;
        border: 2px solid #ec0000;
        background: #f2f2f2;
        color: #ec0000;
        font-weight: bold;
        font-size: 20px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .rulesIBAN .col-xs-2 .btn-instant-modal-info {
        position: inherit;
        padding: 0;
        right: 0px;
        top: 50%;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        border: 2px solid #ec0000;
        background: #f2f2f2;
        color: #ec0000;
        font-weight: bold;
        font-size: 20px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .rulesIBAN .loan-amortization-table,
    .online-bill-payment-box {
        position: relative;
        padding: 0px 0;
    }
}


/** css change IBAN **/

.color-dor {
    color: #CFAF7F;
}

.positi-ini {
    position: initial !important;
}

.marg-top-10 {
    margin-top: 10px !important;
}

.marg-left-15 {
    margin-left: 15px !important;
}


/** css change email **/

.fontSize-12 {
    font-size: 12px !important;
}


/** css change email **/


/********* Seed analytics modal end*******/


/*css tarjetas onOff*/

.text-red-cards {
    color: #ec0000;
    padding-left: 200%;
}

.text-green-cards {
    color: #abc123;
    padding-left: 250%;
}

.display-table-col-4 {
    width: 50px;
    margin: 50px auto;
}

.btn-switch {
    position: relative;
    display: block;
    width: 50px;
    height: 25px;
    cursor: pointer;
    background-color: #C5C5C5;
    /*#f27878;*/
    border: 2px solid #C5C5C5;
    /*#f27878;*/
    border-radius: 40px;
}

.btn-switch .btn-switch-circle {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border-radius: 40px;
}

.btn-switch-mobile .btn-switch-circle-mobile {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 40px;
}

.btn-switch-mobile {
    position: relative;
    display: block;
    width: 40px;
    height: 20px;
    cursor: pointer;
    background-color: #C5C5C5;
    /*#f27878;*/
    border: 2px solid #C5C5C5;
    /*#f27878;*/
    border-radius: 40px;
}

.btn-switch--on {
    background-color: #ABC123;
    /*#80cdbe;*/
    border: 2px solid #ABC123;
    /*#80cdbe;*/
}

.btn-switch--on .btn-switch-circle--on {
    left: auto;
    right: 0;
}

.texto-tarjeta-usuario {
    margin: 0;
    font-size: 16px;
    padding-bottom: 5px !important;
}

.text-green-cards-usuario {
    padding-left: 0px;
    color: #abc123;
}

.color-apagado {
    color: #4C5152;
    /*#999999;*/
}

.color-encendido {
    color: #44520A;
    /*#ABC14D;*/
}

.centrarTexto {
    text-align: center;
}

.btn-close-onOff {
    position: absolute;
    top: 125px;
    right: 221px;
    z-index: 99;
    height: 31px;
    background-color: #ec0000;
    /*background: #c10101;*/
    border: none;
    border-radius: 5%;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.btn-gray-light-small {
    background: #999;
    width: auto;
    display: inline-block;
    border-radius: 25px;
    color: #fff !important;
    border: none;
    padding: 4px 20px;
    font-size: 15px;
    font-weight: 300;
    height: 39px;
}

.btn-red-light-small {
    background: #ec0000;
    width: auto;
    display: inline-block;
    border-radius: 25px;
    color: #fff !important;
    border: none;
    padding: 4px 20px;
    font-size: 15px;
    font-weight: 300;
    height: 39px;
}

.posicion-texto-sms {
    margin: 48px 0px 0px 48px;
}

.posicion-input-sms {
    margin: 22px 0px 0px 87px;
}

.form-control-sms {
    display: block;
    width: 80%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.ancho-box-sms {
    height: 300px;
    background-color: #f2f2f2;
}

.ancho-box-sms-mobile {
    height: 232px;
    background-color: #f2f2f2;
}

.texto-tarjeta-modal-sms {
    font-size: 12px;
}

.padding-tarjetas-button-text {
    padding-top: 15px;
}

.btn-close-onOff-mobile {
    margin: 5% 0% 0% 39%;
    z-index: 99;
    height: 31px;
    background-color: #ec0000;
    border: none;
    border-radius: 5%;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}


/*fin css tarjetas onOff*/


/* css fersua no precon */

.campaignsNoPrecon .form-control-placeholder-fixed {
    font-size: 10px !important;
    background: #ffffff !important;
    top: -8px !important;
    z-index: 997 !important;
    right: auto !important;
    left: 18px !important;
}

.campaignsNoPrecon .form-control.ng-empty {
    color: #6d6d6d;
}

.campaignsNoPrecon .form-control {
    padding: 6px 12px;
    box-shadow: none !important;
    font-size: 12px;
    font-weight: 600;
    color: #424242;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.campaignsNoPrecon .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #424242;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.campaignsNoPrecon .form-group .form-control-placeholder {
    position: absolute;
    top: 12px;
    left: 6px;
    right: 3px;
    padding: 0px 6px;
    font-size: 12px;
    line-height: 16px;
    color: #6d6d6d;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 300ms ease 0s;
    -khtml-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    text-align: left;
}

.campaignsNoPrecon .form-group label {
    margin: 0px;
    display: block;
    padding: 0px;
    font-size: 12px;
    line-height: 40px;
    color: #6d6d6d;
    font-weight: normal;
    text-align: right;
}

.campaignsNoPrecon .validation-popover {
    margin: 5px 0px;
    padding: 10px 15px;
    position: absolute;
    width: 100%;
    background: #fde1be;
    border: 1px solid #f99e29;
    font-size: 12px;
    color: #999999;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -khtml-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    z-index: 998;
    left: 0;
}

.campaignsNoPrecon .validation-popover:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 15px;
    width: 0;
    height: 0;
    border-bottom: 4px solid #f99e29;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.campaignsNoPrecon label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}


/* line 270, src/sass/includes/bootstrap/_forms.scss */

.campaignsNoPrecon .form-control.ng-dirty.ng-invalid {
    padding-right: 24px;
    background: url("../images/warning.png") no-repeat 96% 50% #ffffff;
    border-width: 2px;
    border-color: #f99e29;
}

.campaignsNoPrecon .validation-popover:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 15px;
    width: 0;
    height: 0;
    border-bottom: 4px solid #f99e29;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.campaignsNoPrecon .form-control.ng-dirty.ng-invalid:focus {
    border-color: #f99e29;
}

.campaignsNoPrecon .main-content .content-wrapper {
    margin-bottom: 30px;
    padding: 12px;
    padding-top: 0px;
    background: #ffffff;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}


/* line 10, src/sass/includes/structure/_main-content.scss */

.campaignsNoPrecon .main-content .content-wrapper .content-inner {
    padding: 0px 22px;
}


/* line 39, src/sass/includes/structure/_main-content.scss */

.campaignsNoPrecon .main-content .content-wrapper:last-of-type {
    margin-bottom: 0px;
}

.campaignsNoPrecon .input-group-addon {
    background: #ffff;
    border-radius: 0px;
}

.campaignsNoPrecon .main-wrapper h3 {
    margin: 0px 0px 10px;
    padding: 10px 0px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #999999;
    position: relative;
}

.campaignsNoPrecon .main-wrapper h3 i {
    margin-left: 10px;
    font-size: 26px;
    color: #ff0f1e;
    vertical-align: middle;
    display: none;
    cursor: pointer;
}

.campaignsNoPrecon .main-wrapper h3+hr {
    margin: -10px 0px 20px;
    background: #ff0f1e;
    border: none;
    width: 46px;
    height: 3px;
    text-align: left;
}

.campaignsNoPrecon p.attention {
    margin: 30px 0px;
    padding: 0px 0px 0px 60px;
    font-size: 12px;
    line-height: 16px;
    background: url(../img/attention.png) no-repeat 2px 50%;
    min-height: 32px;
}

.campaignsNoPrecon .form-group.form-group-checkbox {
    min-height: 20px;
}

.campaignsNoPrecon .form-group {
    margin-bottom: 12px;
    position: relative;
    min-height: 40px;
}

.campaignsNoPrecon .form-group.form-group-checkbox .checkbox {
    height: 20px;
}

.campaignsNoPrecon .checkbox,
.radio {
    margin: 0;
    padding: 0;
    display: block;
    height: 28px;
}

.campaignsNoPrecon .radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.campaignsNoPrecon .checkbox input[type="checkbox"],
.checkbox input[type="radio"],
.radio input[type="checkbox"],
.radio input[type="radio"] {
    margin: 0 !important;
    width: 18px;
}

.campaignsNoPrecon .radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -20px;
    margin-top: 4px \9;
}

.campaignsNoPrecon input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.campaignsNoPrecon .checkbox.checkbox-left input[type="checkbox"]+label,
.radio.checkbox-left input[type="checkbox"]+label {
    text-align: left;
}

.campaignsNoPrecon .checkbox input[type="checkbox"]+label,
.radio input[type="checkbox"]+label {
    padding-left: 0;
}

.campaignsNoPrecon .checkbox label,
.radio label {
    margin-bottom: 0;
    font-size: 10px;
    font-weight: normal;
    line-height: 18px;
    color: #ff0f1e;
}

.campaignsNoPrecon .form-group label {
    margin: 0px;
    display: block;
    padding: 0px;
    font-size: 12px;
    line-height: 40px;
    color: #6d6d6d;
    font-weight: normal;
    text-align: right;
}

.campaignsNoPrecon .radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.campaignsNoPrecon .checkbox input[type="checkbox"]+label span,
.radio input[type="checkbox"]+label span {
    display: inline-block;
    vertical-align: top;
    vertical-align: top;
    padding-left: 20px;
}

.campaignsNoPrecon .checkbox label.grey-color span,
.checkbox label.grey-color a,
.radio label.grey-color span,
.radio label.grey-color a {
    font-size: 14px;
    color: #9a9a9a;
}

.campaignsNoPrecon .checkbox label.grey-color a,
.radio label.grey-color a {
    text-decoration: underline;
}

.campaignsNoPrecon .checkbox label.grey-color span,
.checkbox label.grey-color a,
.radio label.grey-color span,
.radio label.grey-color a {
    font-size: 14px;
    color: #9a9a9a;
}


/* line 577, src/sass/styles.scss */

.campaignsNoPrecon button.btn-red.btn-h42.dis-inline-block .text-default {
    display: block;
}


/* line 580, src/sass/styles.scss */

.campaignsNoPrecon button.btn-red.btn-h42.dis-inline-block .text-loader {
    display: none;
}

.campaignsNoPrecon button.btn-red.btn-h42.dis-inline-block.btn-loader {
    background-color: #c2c2c2;
}


/* line 577, src/sass/styles.scss */

.campaignsNoPrecon button.btn-red.btn-h42.dis-inline-block.btn-loader .text-default {
    display: none;
}


/* line 580, src/sass/styles.scss */

.campaignsNoPrecon button.btn-red.btn-h42.dis-inline-block.btn-loader .text-loader {
    display: block;
}

.campaignsNoPrecon .btn-primary {
    color: #ffffff !important;
    background-color: #ff0f1e !important;
    border-color: #ff0f1e !important;
}

.campaignsNoPrecon .btn-primary:hover {
    color: #ffffff !important;
    background-color: #db000e !important;
    border-color: #db000e !important;
}

.campaignsNoPrecon .input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.campaignsNoPrecon .form-control.ng-empty {
    font-weight: 400;
    color: #6d6d6d;
}

.campaignsNoPrecon .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.campaignsNoPrecon .input-group.open .form-control {
    border-color: #b3b3b3;
    z-index: 1001;
}

.campaignsNoPrecon .input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.campaignsNoPrecon .open>.dropdown-menu {
    display: block;
}

.campaignsNoPrecon .input-group.dropdown .dropdown-menu {
    width: 100%;
}

.campaignsNoPrecon .dropdown-menu {
    padding: 10px 0px;
    background: #ffffff;
    border: 1px solid #b3b3b3;
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.21);
    -khtml-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.21);
    -ms-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.21);
    -o-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.21);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.21);
    max-height: 400px;
    overflow-y: auto;
    z-index: 1004;
}

.campaignsNoPrecon .input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.campaignsNoPrecon .dropdown-menu::-webkit-scrollbar {
    width: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.campaignsNoPrecon .dropdown-menu::-webkit-scrollbar-thumb {
    width: 5px;
    border-width: 0;
    border-color: none;
    background-color: #ff0f1e;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.campaignsNoPrecon .loan-purpose-list ol .loan-purpose {
    cursor: pointer;
}

.campaignsNoPrecon .loan-purpose-list ol .loan-purpose .img {
    margin: 0 auto 20px;
    width: 145px;
    height: 145px;
    max-width: 100%;
    background: #ffffff;
    border: 1px solid #cccccc;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 6px 0;
    -khtml-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 6px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 6px 0;
    -ms-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 6px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 6px 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 6px 0;
    -webkit-transition: border-color 300ms;
    -khtml-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    -ms-transition: border-color 300ms;
    -o-transition: border-color 300ms;
    transition: border-color 300ms;
}

.campaignsNoPrecon .loan-purpose-list ol .loan-purpose .img img {
    -webkit-transition: all 300ms ease 0s;
    -khtml-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.campaignsNoPrecon .loan-purpose-list ol .loan-purpose span {
    font-size: 16px;
    line-height: 18px;
    color: #424242;
    display: block;
    -webkit-transition: color 300ms;
    -khtml-transition: color 300ms;
    -moz-transition: color 300ms;
    -ms-transition: color 300ms;
    -o-transition: color 300ms;
    transition: color 300ms;
}

.campaignsNoPrecon .loan-purpose-list ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    padding: 0;
}

.campaignsNoPrecon ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.campaignsNoPrecon .form-block .row {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 15px;
}

.campaignsNoPrecon .loan-purpose-list {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}


/* line 577, src/sass/styles.scss */

.campaignsNoPrecon button.btn.btn-primary.btn-loader .text-default {
    display: none;
}


/* line 580, src/sass/styles.scss */

.campaignsNoPrecon button.btn.btn-primary.btn-loader .text-loader {
    display: block;
}

.campaignsNoPrecon .loan-purpose-list ol .loan-purpose.active .img,
.loan-purpose-list ol .loan-purpose:hover .img {
    border-width: 2px;
    border-color: #ff0f1e;
}

.campaignsNoPrecon .dropdown-menu li a {
    padding: 4px 16px;
    font-size: 12px;
    line-height: 20px;
    white-space: normal;
    cursor: pointer;
}

.campaignsNoPrecon .form-group.money-group span.currency {
    padding: 6px 12px;
    position: absolute;
    right: 25px;
    top: 2px;
    line-height: 26px;
    color: #424242;
    font-size: 12px;
}

.campaignsNoPrecon .form-group.money-group input.form-control {
    text-align: right;
    padding-right: 45px;
}

.campaignsNoPrecon .form-control.ng-not-empty {
    font-weight: 600;
    color: #424242;
    text-transform: uppercase;
}

.campaignsNoPrecon label.mobile-label {
    display: none;
}

.campaignsNoPrecon .input-group-addon:before {
    content: "";
    background: #cccccc;
    width: 1px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 5px;
}

.campaignsNoPrecon .input-group-addon {
    cursor: pointer;
}

.campaignsNoPrecon .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.campaignsNoPrecon .list-features li {
    margin: 25px 0px;
}

.campaignsNoPrecon .list-features li .icon {
    margin: 0px 15px;
    padding: 0px;
    width: 40px;
    height: 40px;
    background: #00b4bc;
    text-align: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.campaignsNoPrecon .list-features li span,
.list-features li p {
    display: inline-block;
    vertical-align: middle;
}

.campaignsNoPrecon .list-features li p {
    margin: 0px;
    width: calc(95% - 70px);
}

.campaignsNoPrecon .list-features li .icon i {
    font-size: 20px;
    color: #ffffff;
    line-height: 40px;
}

.campaignsNoPrecon .message-block {
    min-height: 420px;
    margin: 0px;
    padding: 40px 0px;
    text-align: center;
}

.campaignsNoPrecon .message-block .icon.icon-success {
    border-color: #adc52e;
    color: #adc52e;
}

.campaignsNoPrecon .message-block .icon {
    margin: 0px auto 40px;
    padding: 0px;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #ffffff;
    border: 2px solid #adc52e;
    font-size: 32px;
    line-height: 76px;
    color: #adc52e;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.campaignsNoPrecon .message-block p {
    margin-bottom: 15px;
    text-align: center;
}

.campaignsNoPrecon .message-block .icon-primary {
    margin: 0px auto 40px;
    padding: 0px;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #ffffff;
    border: 2px solid #ec0000;
    font-size: 32px;
    line-height: 76px;
    color: #ec0000;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.campaignsNoPrecon .validation-popover-iban {
    margin: 5px 0px;
    padding: 0px 15px;
    position: absolute;
    width: 100%;
    background: #fde1be;
    border: 1px solid #f99e29;
    font-size: 12px;
    color: #999999;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -khtml-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
    z-index: 998;
    left: 0;
}

.campaignsNoPrecon .main-content .content-wrapper .buttons-group {
    margin: 30px 0px 20px;
    text-align: right;
}

.campaignsNoPrecon .tp-14 {
    top: 14px;
}

.less-border-35 {
    margin-top: -35px;
}

.no-capitalize {
    font-size: 18px;
    text-transform: none !important;
    margin: 0;
}


/* Pantalla de error Cortefiel*/

.main-wrapper-error .main-image {
    text-align: left;
}

.main-wrapper-error .main-image img {
    margin: 0 0 40px 20px;
    width: 80%;
}

.main-wrapper-error {
    background: white;
}


/** css end change no precon **/


/** css change iframe **/

@media (max-width: 480px) {
    .instant-money-iframe-modal-box iframe {
        width: 1000%;
        height: 1000px;
        /*height:auto;
	min-height:500px;
	max-height:500px;*/
        border: none;
        overflow: scroll;
    }
    .iframeRedys {
        -ms-zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.55);
        -webkit-transform-origin: 0 0;
    }
}


/* ->COOKIES IEI201990196 */

.modal-term .seed-analytics-modal-in {
    text-align: center;
    font-size: 14px;
    line-height: normal;
    max-height: 600px;
    height: auto;
}

.modal-term .seed-analytics-modal-in.small-seed-analytics-modal-in {
    text-align: center;
    font-size: 14px;
    line-height: normal;
    max-height: 400px;
    -webkit-transition: all 0.5s 0.5s;
    -moz-transition: all 0.5s 0.5s;
    -ms-transition: all 0.5s 0.5s;
    -o-transition: all 0.5s 0.5s;
    transition: all 0.5s 0.5s;
}

.modal-term .cookies-config h4,
.modal-term .cookies-config a,
.modal-term .cookies-config p span.text-red {
    color: #e90000;
    font-weight: bold;
}

.modal-term .cookies-config h4 {
    font-size: 18px;
}


/* .modal-term .cookies-config a {
	text-decoration: underline;
} */

.modal-term .cookies-config img {
    max-width: 70px;
    margin: 10px auto 0;
}

.modal-term .cookies-config .btn.btn-red {
    padding: 9px 40px;
    font-size: 16px;
}

.modal-term .cookies-config p {
    line-height: normal;
}

.modal-term .cookies-config .details .container-fluid {
    padding: 0;
}

.modal-term .cookies-config .details {
    /* display: flex; */
    padding-top: 20px;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    /* max-width: 510px; */
}

.modal-term .cookies-config .details p {
    margin: 0 auto 10px;
    padding-top: 20px;
}


/* .modal-term .cookies-config .details .panel-collapse {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
} */

.modal-term .cookies-config .main-info {
    opacity: 1;
    height: 100%;
    margin-top: 20px;
}

.modal-term .cookies-config .main-info.ng-hide {
    height: 0;
    opacity: 0;
    transform: translateY(-50px);
    /* -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; */
}

.modal-term .cookies-config .details {
    opacity: 1;
    height: 100%;
}

.modal-term .cookies-config .details.ng-hide {
    height: 0;
    opacity: 0;
    transform: translateY(10px);
}

.cookies-config .switch-label {
    color: #ebebeb;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: 0;
}

.cookies-config .switch-label span:first-child {
    margin-left: 3px;
}

.cookies-config .switch-label span:last-child {
    margin-left: 12px;
}

.cookies-config .switch-block {
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

.cookie-consent-container {
    margin-top: 1rem;
    margin-right: 3%;
    display: flex;
    justify-content: center;
    max-width: 96%;
}

.cookie-consent-container .col-sm-6 {
    padding-bottom: 15px;
}

.cookies-aviso-box.cookies-config {
    max-width: 90vw;
    text-align: center;
    font-size: 12px;
    line-height: normal;
    height: auto;
}

.cookies-aviso-box img {
    max-width: 70px;
    margin: 10px auto 0;
}

.cookies-aviso-box .cookies-links {
    text-decoration: none;
}

.btn-cookie-consent {
    cursor: pointer;
    background-color: #EC0000;
    color: #FFF;
    font-size: 14px !important;
    text-decoration: none;
    padding: 0.3125rem 1.25rem;
    margin-left: 1rem;
}

.details .row {
    width: 100%;
}

.details .container-fluid p.cookie-detail {
    padding-top: 0;
}

.details span.allways-on {
    font-size: 14px;
    color: #fff;
    background-color: #EC0000;
    padding: 5px;
}

.details-row i,
.details-row span {
    vertical-align: middle;
}

#accordion .panel,
#accordion .panel-heading,
#accordion .panel-title,
#accordion .panel-body {
    border: 0;
}

#accordion .panel {
    box-shadow: none;
}

#accordion .panel .panel-heading {
    border-radius: 0;
}

#accordion .panel .panel-heading {
    text-align: left;
}

#accordion .panel .panel-heading .panel-title a {
    text-decoration: none;
    padding: 1em 0;
}

#accordion .panel .panel-heading .panel-title a span {
    float: right;
    width: 50px;
}

#accordion .panel .panel-heading .panel-title a span:after {
    content: "\2014";
    color: #1B5062;
    font-size: 20px;
}

#accordion .panel .panel-heading .panel-title a.collapsed span:after {
    content: "+";
}

#accordion .panel-collapse.in-add,
#accordion .panel-collapse.in-add-active,
#accordion .panel-collapse.in-remove,
#accordion .panel-collapse.in-remove-active {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#accordion .panel-collapse.in-add,
#accordion .panel-collapse.in-add-active {
    opacity: 1;
}

#accordion .panel-collapse.in-remove,
#accordion .panel-collapse.in-remove-active {
    opacity: 0;
}

#accordion .panel-collapse {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

body a,
body a:active,
body a:hover,
a,
a:active,
a:hover {
    color: red;
    font-size: 19px;
    font-weight: 700;
}


/* ->COOKIES IEI201990196 */

.global-notification-box p {
    margin: 0;
    font-size: 12px;
    cursor: pointer;
}

.global-notification-box p span {
    display: block;
    font-size: 13px;
}

.md-drppicker .dropdowns {
    background-image: none;
    width: 30px;
}


/* JCC */

:root {
    --color-green: #b0bf46;
    --color-grey: #808080;
    --color-button: #fdffff;
    --color-black: #000;
}

.switch-button {
    display: inline-block;
}

.switch-button .switch-button__checkbox {
    display: none;
}

.switch-button .switch-button__label {
    background-color: var(--color-grey);
    width: 5rem;
    height: 3rem;
    border-radius: 3rem;
    display: inline-block;
    position: relative;
}

.switch-button .switch-button__label:before {
    transition: .2s;
    display: block;
    position: absolute;
    width: 3rem;
    height: 3rem;
    background-color: var(--color-button);
    content: '';
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 1px var(--color-black);
}

.switch-button .switch-button__checkbox:checked+.switch-button__label {
    background-color: var(--color-green);
}

.switch-button .switch-button__checkbox:checked+.switch-button__label:before {
    transform: translateX(2rem);
}

@media (max-width: 480px) {
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }
    app-footer .container .p-grid {
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media (max-width: 370px) {
    .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 .global-mycard-payment-externalDown .global-mycard-payment-externalDownButton a {
        font-size: 11px !important;
    }
}

@media (max-width: 410px) {
    .global-mycard-cover .global-mycard-cont-box .global-mycard-payment-box.payment-share-col3 .global-mycard-payment-externalDown .global-mycard-payment-externalDownButton a {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .logo-ikea img {
        padding-top: 0px;
    }
    .logo-ikea {
        width: 100%;
        margin: 0 auto;
        max-width: 164px;
        padding: 8px 15px;
        background-color: white;
    }
}

@media (max-width: 767px) {
    .md-drppicker {
        z-index: 9999 !important;
    }
    .md-drppicker.shown {
        transform: scale(0.8) !important;
    }
}

.btn-red-circle-mailbox {
    
    padding-left: 0;
    padding-right: 0;
    width: 37px;
    height: 37px;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.btn-red-circle-mailbox:hover {
    background: #990000;
}
.btn-red-circle-mailbox:hover,
.btn-red-circle-mailbox:active,
.btn-red-circle-mailbox:visited,
.btn-red-circle-mailbox:focus {
    color: #fff;
    background: #999999;
}