@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);
}
/* ===============================================================================
COLOUR REFERENCE SHEET
----------------------
Brand Primary Color,Login Button, Sidebar Bg Color  : #002663 (Midnight Blue);
Bradcrumbs Bg Color, subnavigation/Links            : #006890 (Dark Aqua);
Promotion Area Bg Color, Sidebar Text Color         : #8ad4e3 (Cornflower);
Promotion Area Regular Text Color                   : #222222 (Text Gray);
Product/Service Box Title Color                     : #4d4f53 (Title Dark Gray)
Error Alerts                                        : #a33f1f (Dark Orange)
Sidebar link color                                  : #90D7E7 (Light Aqua)
================================================================================== */
.brandColorBG {
  background: #002663;
}
.brandColor {
  color: #002663;
}
/*Home Page*/
/*@menu-purple:#862074;
@benefit: #00a8cc;*/
/*@fast-credit-total:@text-input-border;*/
/*digital-loans*/
/*digitalissuing*/
/*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;
}
.smart-form input[type=radio] + label {
  background-image: url(/statics/img/contactUsRadioOff.png);
}
.smart-form input[type=radio]:checked + label {
  background-image: url(/statics/img/contactUsRadioOn.png);
}
.smart-form input[type=checkbox] + label {
  background-image: url(/statics/img/contactUsUnchecked.png);
}
.smart-form input[type=checkbox]:checked + label {
  background-image: url(/statics/img/contactUsChecked.png);
}
.smart-form .form-group.checkbox > label .checkbox-txt:before {
  color: #002663;
}
.smart-form .form-group > label:before {
  color: #002663;
}
.smart-form .form-group > .form-control {
  background-color: #f4f4f4;
  border: 1px solid gainsboro;
  color: #616161;
}
.smart-form .form-group > .form-control:focus {
  border: 1px solid gainsboro;
}
.smart-form .form-group > button,
.smart-form .form-group > a {
  background-color: #002663;
  color: white;
}
.smart-form .form-group .phone-number-wrap > .form-control {
  background-color: #f4f4f4;
  border: 1px solid #dfdfdf;
  color: #616161;
}
.smart-form .form-group input,
.smart-form .form-group input:active,
.smart-form .form-group input:visited,
.smart-form .form-group input:focus {
  background-color: #f4f4f4;
  border: 1px solid #dfdfdf;
  color: #616161;
}
.contact-form__lbl.contact-form__lbl--full-width {
  border-top: 1px solid #dfdfdf;
}
.ng-submitted .ui-select-container.ng-invalid {
  border: 1px solid #dfdfdf;
}
.smart-form .ng-invalid {
  border: 1px solid #dfdfdf;
}
.ui-select-container.ng-invalid.ng-touched {
  border: 1px solid #dfdfdf;
}
.contact-content__nav-tabs > li > a {
  background-color: white;
}
.ng-submitted .form-control.ng-invalid,
.ng-submitted .select2-container.ng-invalid,
.datepicker-holder .input-group .form-control:focus,
#phonePrefixSelect-abandon > div,
.form-control.ng-invalid.ng-touched,
.select2-container.ng-invalid.ng-touched {
  border: 1px solid #dfdfdf;
}
#contactUsForm > div.dynamic-fields-wrapper.col-xs-12 > div > div.block.datepickercomponentblocktype > div > div > div > ul > li > div > table {
  border: none;
}
#contactUsForm > div.dynamic-fields-wrapper.col-xs-12 > div > div.block.datepickercomponentblocktype > div > div > div > ul {
  border: 1px solid #dfdfdf;
}
#datepicker-369-6720-title strong,
.datepicker-holder .dropdown-menu table > thead tr > th:nth-child(2) > .btn-default {
  color: black;
}