@font-face {
  font-family: 'Alchemist_OERegular';
  src: url('/Statics/fonts/alchemist_oeregular-webfont.eot');
  src: local('☺'), url('/Statics/fonts/alchemist_oeregular-webfont.woff') format('woff'), url('/Statics/fonts/alchemist_oeregular-webfont.svg#webfontNjGuZ934') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Alchemist_OEBlack';
  src: url('/Statics/fonts/alchemist_oeblack-webfont.eot');
  src: local('☺'), url('/Statics/fonts/alchemist_oeblack-webfont.woff') format('woff'), url('/Statics/fonts/alchemist_oeblack-webfont.svg#webfontMoUSPMga') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Assistant;
  src: url(/Statics/fonts/Assistant-Regular.ttf);
}
@font-face {
  font-family: IC-Pangea;
  src: url(/Statics/fonts/ICPangeaText-Regular.ttf);
}
/* ===============================================================================
COLOUR REFERENCE SHEET
----------------------
Brand Primary Color                                  : #19398a (Jacksons Purple);
Brand Footer Color                                   : #3b3b3b (Mine Shaft);
Login Button, Sidebar Title Color                    : #ee3224 (Pomegranate);
Promotion Area Background Color                      : #ffcfcf (pink);
Promotion Area Font, Product/Service Box Title Color : #333334 (tuna);
================================================================================== */
/*@font-family--base: IC-Pangea ;*/
.brandColorBG {
  background: #19398a;
}
.brandColor {
  color: #19398a;
}
/*Home Page*/
/* rebranding */
/*digital-loans*/
/*rebrandColors*/
.deleteme {
  display: none;
}
.opacity-change,
.opacity-change:hover {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.transition-all {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.disabled-block {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
::-webkit-input-placeholder {
  color: #999999;
  font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
:-moz-placeholder {
  color: #999999;
  font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.placeholder {
  color: #999999;
  font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}
/*** User Select ***/
/*** Rounded corners ***/
/* 
** Custom rounded corners
** Sets a border-radius for each of the 4 corners individually. 
** The values go in a clockwise rotation: top right, bottom right, bottom left, top left. 
*/
/*** Background Cover ***/
/*** Shadow ***/
/*** Box sizing ***/
/*** Opacity ***/
/*** CSS3 Animation ***/
/*.transition (@transition) {
	-webkit-transition: @transition;  
	-moz-transition:    @transition;
	-ms-transition:     @transition; 
	-o-transition:      @transition;  
}*/
.disply-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
}
/*@font-face {
    font-family: 'FbMetali Bold';
    src: url('/Statics/fonts/FbMetali-Bold.otf');
}

@font-face {
    font-family: 'FbMetali Light';
    src: url('/Statics/fonts/FbMetali-Light.otf');
}*/

.styled-select-wrapper {
  background-image: url(/statics/css/themes/isracard/img/down-arrow-select.png) !important;
  background-repeat: no-repeat !important;
  background-position: 5px 14px !important;
  background-size: 10px 9px !important;
}
@media (min-width: 768px) {
  input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #adafaf !important;
  }
  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #adafaf !important;
  }
  input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #adafaf !important;
  }
  input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #adafaf !important;
  }
  input:placeholder-shown {
    color: #adafaf !important;
  }
}
@media (max-width: 767px) {
  input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #adafaf !important;
  }
  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #adafaf !important;
  }
  input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #adafaf !important;
  }
  input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #adafaf !important;
  }
  input:placeholder-shown {
    color: #adafaf !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #adafaf !important;
  }
  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #adafaf !important;
  }
  input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #adafaf !important;
  }
  input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #adafaf !important;
  }
  input:placeholder-shown {
    color: #adafaf !important;
  }
}
.q {
  background: -moz-linear-gradient(90deg, white 0%, black 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, white));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, white 0%, black 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, white 0%, black 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, white 0%, black 100%);
  /* ie10+ */
  background: linear-gradient(0deg, white 0%, black 100%);
  /* w3c */

}
.ng-submitted input.ng-invalid {
  background: linear-gradient(#ee3224, #ee3224), linear-gradient(#ee3224, #ee3224), linear-gradient(#ee3224, #ee3224) !important;
  background-size: 2px 20%, 100% 2px, 2px 20% !important;
  background-position: bottom left, bottom center, bottom right !important;
  background-repeat: no-repeat !important;
  border: none !important;
}
input.ng-invalid.ng-touched {
  background: linear-gradient(#ee3224, #ee3224), linear-gradient(#ee3224, #ee3224), linear-gradient(#ee3224, #ee3224) !important;
  background-size: 2px 20%, 100% 2px, 2px 20% !important;
  background-position: bottom left, bottom center, bottom right !important;
  background-repeat: no-repeat !important;
  border: none !important;
}
.ng-submitted .small-input.ng-invalid {
  background: linear-gradient(#ee3224, #ee3224), linear-gradient(#ee3224, #ee3224), linear-gradient(#ee3224, #ee3224) !important;
  background-size: 2px 20%, 100% 2px, 2px 20% !important;
  background-position: bottom left, bottom center, bottom right !important;
  background-repeat: no-repeat !important;
  border: none !important;
}
.small-input.ng-invalid.ng-touched {
  background: linear-gradient(#ee3224, #ee3224), linear-gradient(#ee3224, #ee3224), linear-gradient(#ee3224, #ee3224) !important;
  background-size: 2px 20%, 100% 2px, 2px 20% !important;
  background-position: bottom left, bottom center, bottom right !important;
  background-repeat: no-repeat !important;
  border: none !important;
}
@media (max-width: 767px) {
  .site-header__logo-link {
    margin-top: 15px;
    margin-left: 2%;
  }
}
.readonly label {
  color: #adafaf;
}
.readonly input {
  color: #adafaf !important;
  background: linear-gradient(#adafaf, #adafaf), linear-gradient(#adafaf, #adafaf), linear-gradient(#adafaf, #adafaf) !important;
  background-size: 2px 20%, 100% 2px, 2px 20% !important;
  background-position: bottom left, bottom center, bottom right !important;
  background-repeat: no-repeat !important;
  border: none !important;
}
.main-page {
  background-color: white;
}
.update-details-wrapper .checked-date .label {
  color: #cbcccc;
}
.update-details-wrapper .update-details-header {
  color: white;
}
.update-details-wrapper .update-details-header .shadow {
  background-color: rgba(0, 0, 0, 0.4);
}
.update-details-wrapper .update-details-header .txt-near-menu-icon {
  color: white;
}
.update-details-wrapper .update-details-content .index-item {
  background-color: white;
  border: 1px solid #19398a;
}
.update-details-wrapper .update-details-content .index-item .index-item-bg {
  color: white;
  background-color: #19398a;
}
.update-details-wrapper .update-details-content .panel-description {
  color: #19398a;
}
.update-details-wrapper .update-details-content .continue-Btn {
  color: #19398a;
  background-color: white;
}
.update-details-wrapper .update-details-content .continue-Btn glyphicon-menu-left {
  color: #19398a;
}
.update-details-wrapper .update-details-content select,
.update-details-wrapper .update-details-content input,
.update-details-wrapper .update-details-content input.ng-untouched {
  background: linear-gradient(#19398a, #19398a), linear-gradient(#19398a, #19398a), linear-gradient(#19398a, #19398a);
  background-size: 2px 20%, 100% 2px, 2px 20%;
  background-position: bottom left, bottom center, bottom right;
  background-repeat: no-repeat;
  border: none;
  color: #19398a;
}
.update-details-wrapper .update-details-content .error-div,
.update-details-wrapper .update-details-content .error-div3,
.update-details-wrapper .update-details-content .error-div2 {
  color: #ee3224;
}
.update-details-wrapper .update-details-content .error-div a,
.update-details-wrapper .update-details-content .error-div3 a,
.update-details-wrapper .update-details-content .error-div2 a {
  color: #ee3224;
}
.update-details-wrapper .update-details-content .description-in-row {
  color: #19398a;
}
.update-details-wrapper .update-details-content .txt-before-channels {
  color: #19398a;
}
.update-details-wrapper .update-details-content .active .checked-img {
  background-image: url("/Statics/img/v-white.png");
}
.update-details-wrapper .update-details-content .choice {
  border: 2px solid #19398a;
  background-color: white;
  color: #19398a;
}
.update-details-wrapper .update-details-content .active {
  background-color: #19398a;
  color: white;
}
.update-details-wrapper .update-details-content .txt-close1 {
  color: #19398a;
}
.update-details-wrapper .update-details-content .txt-close {
  color: #19398a;
}
.update-details-wrapper .update-details-content .center-btn {
  background-color: #19398a;
  color: white;
  border: 1px solid #19398a;
}
.update-details-wrapper .update-details-content .description-in-row-changing {
  color: black;
}
.update-details-wrapper .update-details-content .icon-in-input {
  background-image: url("/Statics/css/themes/isracard/img/phone-desctop.png");
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .update-details-wrapper .update-details-content .icon-in-input {
    background-image: url("/Statics/css/themes/isracard/img/phone-mobile.png");
  }
}
.update-details-wrapper .update-details-content .icon-in-input1 {
  background-image: url("/Statics/css/themes/isracard/img/phone-desctop.png");
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .update-details-wrapper .update-details-content .icon-in-input1 {
    background-image: url("/Statics/css/themes/isracard/img/phone-mobile.png");
  }
}
.update-details-wrapper .update-details-content .icon-in-input2 {
  background-image: url("/Statics/css/themes/isracard/img/envelope-desktop.png");
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .update-details-wrapper .update-details-content .icon-in-input2 {
    background-image: url("/Statics/css/themes/isracard/img/envelope-mobile.png");
  }
}
.update-details-wrapper .update-details-content .acordion-wrapper {
  -webkit-box-shadow: -1px -8px 29px 0px rgba(0, 0, 0, 0.99);
  -moz-box-shadow: -1px -8px 29px 0px rgba(0, 0, 0, 0.99);
  box-shadow: -1px -8px 29px 0px rgba(0, 0, 0, 0.99);
  border: 1px solid #e3e3e3;
  background-color: white;
}
.update-details-wrapper .update-details-content .acordion-wrapper .panel-heading {
  color: #19398a;
  background-color: white;
  border: none;
}
.update-details-wrapper .update-details-content .acordion-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body,
.update-details-wrapper .update-details-content .acordion-wrapper .panel-group .panel-heading + .panel-collapse > .list-group {
  border: none;
}
.update-details-wrapper .update-details-content .acordion-wrapper .panel-group {
  border-bottom: 1px solid #19398a;
}
@media (max-width: 767px) {
  .update-details-wrapper .update-details-content .acordion-wrapper .panel-group {
    border-bottom: 1px solid #c2cae0;
  }
}
.update-details-wrapper .update-details-content .acordion-wrapper .panel-group:last-child {
  border-bottom: 1px solid white;
}
.update-details-wrapper .update-details-content .acordion-wrapper .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.update-details-wrapper .update-details-content .step3-icon .item-menu-button-icon1:hover,
.update-details-wrapper .update-details-content .step3-icon .item-menu-button-icon2:hover,
.update-details-wrapper .update-details-content .step3-icon .item-menu-button-icon3:hover {
  background-color: #d1d7e8;
}
.update-details-wrapper .update-details-content .step3-icon .txt-near-menu-icon {
  color: #19398a;
}
.update-details-wrapper .update-details-content .conditions a {
  color: #19398a;
}
.update-details-wrapper .update-details-content .end-of-step1 {
  margin-top: 0;
  padding-right: 4.5%;
}
.update-details-wrapper .update-details-content .end-of-step1 .form-error {
  color: #ee3224;
}
.update-details-wrapper .update-details-content .end-of-step1 .form-error a {
  color: #ee3224;
}
.update-details-wrapper .update-details-content .end-of-step1 .btn-next {
  background-color: #19398a;
  color: white;
  border: 1px solid #19398a;
}
.update-details-wrapper .update-details-content .end-of-step11 .form-error {
  color: #ee3224;
}
.update-details-wrapper .update-details-content .end-of-step11 .form-error a {
  color: #ee3224;
}
.update-details-wrapper .div-with-select .small-input,
.update-details-wrapper .div-with-select .small-input:focus,
.update-details-wrapper .div-with-select .small-inpit:hover {
  background: linear-gradient(#19398a, #19398a), linear-gradient(#19398a, #19398a), linear-gradient(#19398a, #19398a);
  background-size: 2px 20%, 100% 2px, 2px 20%;
  background-position: bottom left, bottom center, bottom right;
  background-repeat: no-repeat;
  border: none;
  color: #19398a;
}
.update-details-wrapper input[type=checkbox] + label {
  background-image: url(/Statics/css/themes/isracard/img/digitalLoans/wizard/no-checked-icon.png);
}
.update-details-wrapper input[type=checkbox]:checked + label {
  background-image: url(/Statics/css/themes/isracard/img/digitalLoans/wizard/checked-icon.png);
}
.update-details-wrapper label.checkbox-txt,
.update-details-wrapper label.checkbox-txt2 {
  color: #19398a;
}
.update-details-wrapper label.checkbox-txt a,
.update-details-wrapper label.checkbox-txt2 a {
  color: #19398a;
}
.update-details-wrapper label.checkbox-txt-step1 {
  color: black;
}
.update-details-wrapper .no-error {
  color: #19398a !important;
}
.update-details-wrapper .bg-gray {
  background-color: #f2f2f2;
}
.ui-select-choices-row.ng-scope.active {
  background-color: white !important;
  color: black !important;
}
.otp-btn {
  background-color: #19398a;
}
.code-sent-msg .date-container .otp-input-container .input-highlight {
  border-color: #19398a;
}
.code-sent-msg .msg-frame {
  border-color: #19398a;
}
.code-sent-msg .change-login {
  color: #19398a;
}
.code-sent-msg .msg-frame .phone-num {
  color: #19398a;
}
.code-sent-msg .otp-options button {
  color: #19398a;
}
.code-sent-msg .otp-options button:after {
  border-color: #19398a;
}
.otp-error-msg {
  color: #ee3224;
}
.update-details-wrapper .update-details-content .end-of-step1 .form-error .glyphicon {
  display: none;
}
@media (max-width: 767px) {
  .pas-input::placeholder {
    font-size: 12px;
  }
}
.resend-btn {
  color: #19398a;
  border: 1px solid #19398a;
}