@CHARSET "UTF-8";
/* html, body{
  height:100%;
} */



/*---------------------------------------------------------*/
/* ------------Redefining bootstrap brekpoints ------------*/
/*---------------------------------------------------------*/

@media (min-width: 768px) {

    .container {
        width: 750px;
        
    }
    
	.navbar > .container .navbar-brand > img.logo-mobile {
	    display: none;
	}
}

@media (min-width: 992px) {
    .container {
        width: 970px;
       
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
        
    }
} 

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

button, .button, .btn {
    font-size: 14px;
    line-height: 1;
    padding: 11px 23px;
    border-width: 1px;
    border-style: solid;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 5px 23px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-primary {
    background: #d81e05;
    border-color: #d81e05;
    color: #ffffff;
}

.btn-primary:hover:not(:disabled), .btn-primary:focus:not(:disabled) {
    background: #bf1b04;
    color: #ffffff;
}

.btn-secondary{
    background: #ffffff;
    border-color: #d81e05;
    color: #d81e05;
}

.btn-secondary:hover:not(:disabled), .btn-secondary:focus:not(:disabled) {
    box-shadow: inset 0 0 0 2px #d81e05;
}

.btn-tertiary {
    background: #ffffff;
    border-color: #666666;
    color: #666666;
}

.btn-tertiary:hover:not(:disabled), .btn-tertiary:focus:not(:disabled) {
    box-shadow: inset 0 0 0 2px #333333;
    color: #666666;
}

.btn-link {
	padding: 0;
    background: transparent;
    border-color: transparent;
    color: #0968EE;
    cursor: pointer;
}

.btn-link:hover:not(:disabled) {
    text-decoration: underline;
}

.btn-link:disabled {
    border-color: transparent;
}

.btn[disabled], 
button[disabled], 
.button-disabled, 
.btn:disabled:hover, 
button[disabled]:hover, 
button[disabled]:hover {
    cursor: not-allowed;
    color: #777777;
    background: #fafbfd;
    border-color: #D0D0D0;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity = 0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
    font-size: 1em !important;
}
/******* End Buttons Styling **********/


 .overflow-hidden{
    overflow: hidden;
 }

/****** Start Typography **********/
@media (max-width: 767px) {

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Roboto-regular/Roboto-regular.eot');
  src: url('fonts/Roboto-regular/Roboto-regular.eot?#iefix') format('embedded-opentype'),
       local('Roboto'),
       local('Roboto-regular'),
       url('fonts/Roboto-regular/Roboto-regular.woff2') format('woff2'),
       url('fonts/Roboto-regular/Roboto-regular.woff') format('woff'),
       url('fonts/Roboto-regular/Roboto-regular.ttf') format('truetype'),
       url('fonts/Roboto-regular/Roboto-regular.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: url('fonts/Roboto-700/Roboto-700.eot');
  src: url('fonts/Roboto-700/Roboto-700.eot?#iefix') format('embedded-opentype'),
       local('Roboto Bold'),
       local('Roboto-700'),
       url('fonts/Roboto-700/Roboto-700.woff2') format('woff2'),
       url('fonts/Roboto-700/Roboto-700.woff') format('woff'),
       url('fonts/Roboto-700/Roboto-700.ttf') format('truetype'),
       url('fonts/Roboto-700/Roboto-700.svg#Roboto') format('svg');
}



    html, body, 
    h1, h2, h3, h4, h5, h6,
    form, fieldset, table, tr, td, img, 
    input, button, select, textarea, optgroup, option{
        font-family: "Roboto", Arial, Sans-Serif;
    }
}


body {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 24px;
    background-color: #eee;
}

.font12px { font-size: 12px !important; }
.font14px { font-size: 14px !important; }
.font16px { font-size: 16px !important; }
.font18px { font-size: 18px !important; }

h1, .h1, 
h2, .h2, 
h3, .h3, 
h4, .h4, 
h5, .h5, 
h6, .h6 {
    font-size: 26px;
    font-weight: normal;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 24px;
}

h2, .h2 {
    font-size: 24px;
}

h3, .h3 {
    color: #d81e05;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 12px;
}

h4, .h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 12px;
}

h5, .h5 {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 12px;
    color: #555555;
}

h6, .h6 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #555;
}

.body-bold, .bold {
	font-weight: bold;
}

/****** End Typography **********/

/******************* Start Util classes *************/

.borderT { border-top:1px solid #cccccc; }
.borderR { border-right:1px solid #cccccc; }
.borderB { border-bottom:1px solid #ccc }
.borderL { border-left:1px solid #ccc }

.paddingL-12 { padding-left:12px !important; }
.paddingL-24 { padding-left:24px !important; }
.paddingL-36 { padding-left:36px !important; }
.paddingL-48 { padding-left:48px !important; }

.paddingR-12 { padding-right:12px !important; }
.paddingR-19 { padding-right:19px !important; }
.paddingR-24 { padding-right:24px !important; }
.paddingR-31 { padding-right:31px !important; }
.paddingR-36 { padding-right:36px !important; }

.paddingT-6 { padding-top:6px !important;; }
.paddingT-12 { padding-top:12px !important; }
.paddingT-24 { padding-top:24px !important; }
.paddingT-36 { padding-top:36px !important; }
.paddingT-40 { padding-top:40px !important; }

.paddingB-6 { padding-bottom:6px !important; }
.paddingB-12 { padding-bottom:12px !important; }
.paddingB-24 { padding-bottom:24px !important; }

.noPadding { padding:0 !important; }

.padding10 { padding: 10px !important; }
.padding20 { padding: 20px !important; }
.padding30 { padding: 30px !important; }
.padding40 { padding: 40px !important; }

.padding5per { padding: 5% !important; }
.padding10per { padding: 10% !important; }
.padding5-10per { padding: 5% 10% !important; }
.padding5-15per { padding: 5% 15% !important; }
.padding0-20per { padding: 0 20% !important; }
.padding10-20per { padding: 10% 20% !important; }

.marginT-4 { margin-top:4px !important; }
.marginT-8 { margin-top:8px !important; }
.marginT-12 { margin-top:12px !important; }
.marginT-13 { margin-top:13px !important; }
.marginT-24 { margin-top:24px !important; }
.marginT-30 { margin-top:30px !important; }
.marginT-36 { margin-top:36px !important; }
.marginT-54 { margin-top:54px !important; }
.marginT-72 { margin-top:72px; }

.marginT-12-minus { margin-top:-12px !important; }
.marginT-24-minus { margin-top:-24px !important; }
.marginT-36-minus { margin-top:-36px !important; }
.marginT-54-minus { margin-top:-54px !important; }
.marginT-72-minus { margin-top:-72px !important; }

.marginB-2 { margin-bottom:2px !important; }
.marginB-8 { margin-bottom:8px !important; }
.marginB-12 { margin-bottom:12px !important; }
.marginB-24 { margin-bottom:24px !important; }
.marginB-36 { margin-bottom:36px !important; }
.marginB-40 { margin-bottom:40px !important; }
.marginB-54 { margin-bottom:54px !important; }
.marginB-72 { margin-bottom:72px !important; }
.marginB-280 { margin-bottom:280px !important; }

.marginB-12-minus { margin-bottom:-12px !important; }
.marginB-24-minus { margin-bottom:-24px !important; }
.marginB-36-minus { margin-bottom:-36px !important; }

.marginR-24 { margin-right:24px !important; }

.marginauto { margin:0 auto; }

.currency-amount{
    text-align: right;
}


/********** Scotia SMARTIE (Marketing Stuff) Color Classes ********/

.scotia-smartie-red, .red {
	color: #d81e05;
}

.scotia-smartie-purple, .purple {
	color: #663399;
}

.scotia-smartie-blue, .blue {
	color: #27739B;
}

.scotia-smartie-yellow, .yellow {
	color: #ffcc00;
}

.scotia-smartie-gold, .gold {
	color: #947000;
}

.scotia-smartie-orange, .orange {
	color: #D95700;
}

.scotia-smartie-pink, .pink {
	color: #cc0066;
}

.scotia-smartie-maroon, .maroon {
	color: #660000;
}

.scotia-smartie-green, .green {
	color: #666600;
}

/********** Scotia visualization (Charts and Graphs/Tabular data) Color Classes ********/

.scotia-visual-coral {
	color: #ff6969;
}

.scotia-visual-purple {
	color: #9c27b0;
}

.scotia-visual-teal {
	color: #024453;
}

.scotia-visual-eggblue {
	color: #00bcd4;
}

.scotia-visual-green {
	color: #44c365;
}

/********** Scotia Background-colors  ********/

.scotia-bg-lightergray {
	background: #eeeeee;
}

.scotia-bg-white{
background: #fff;
}

.scotia-bg-lightgray {
	background: #cccccc;
}

/********** Scotia Status colors  ********/

.status-yellow {
	color: #FF7E00;
}

.status-red {
	color: #D81E05;
}

.status-green {
	color: #00BB04;
}

.status-ok {
	color: #44C365;
}

.status-warning {
	color: #31708F;
}

.status-error {
	color: #D81E05;
}

/******************* Loader Styling starts *******************/

@keyframes opacity {
	0% { opacity: 1;}
	25% { opacity: .25;}
	100% { opacity: 1;}
}
.loader {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px
}
.loader--smartie {
    margin: 24px 0 12px
}
.loader--smartie .loader--smartie__container {
    width: 120px
}
.loader--smartie .loader--smartie__block {
    width: 32px;
    height: 32px;
    margin: 4px;
}
.loader--smartie--sm .loader--smartie__container {
    width: 30px
}
.loader--smartie--sm .loader--smartie__block {
    width: 8px;
    height: 8px;
    margin: 1px
}
.loader--smartie--md .loader--smartie__container {
    width: 60px
}
.loader--smartie--md .loader--smartie__block {
    width: 16px;
    height: 16px;
    margin: 2px
}
.loader--smartie__container {
    display: flex;
    flex-wrap: wrap;
    margin: 12px auto
}
.loader--smartie__block {
    display: block
}
.loader--smartie__block:nth-child(1) {
    background: #f26464;
    animation: opacity 1.5s infinite 295ms
}
.loader--smartie__block:nth-child(2) {
    background: #fc0;
    animation: opacity 1.5s infinite 331.5ms
}
.loader--smartie__block:nth-child(3) {
    background: #6d4699;
    animation: opacity 1.5s infinite 50.5ms
}
.loader--smartie__block:nth-child(4) {
    background: #7d0d00;
    animation: opacity 1.5s infinite 314ms
}
.loader--smartie__block:nth-child(5) {
    background: #1d97b9;
    animation: opacity 1.5s infinite 436ms
}
.loader--smartie__block:nth-child(6) {
    background: #c06;
    animation: opacity 1.5s infinite 197ms
}
.loader--smartie__block:nth-child(7) {
    background: #b79800;
    animation: opacity 1.5s infinite 73ms
}
.loader--smartie__block:nth-child(8) {
    background: #676900;
    animation: opacity 1.5s infinite 261ms
}
.loader--smartie__block:nth-child(9) {
    background: #d81e05;
    animation: opacity 1.5s infinite 486ms
}
.loader--spinner {
    margin-bottom: 10px;
    font-size: 8rem
}
.loader--spinner--md {
    font-size: 4rem
}
.loader--spinner--sm {
    font-size: 2rem
}

/**************** Loader styling ends *****************/

/*---------------------------------------------------------*/
/*----------------------- NAVBAR --------------------------*/
/*---------------------------------------------------------*/

.navbar {
	margin-bottom: 0;
}



.navbar.navbar-static-top {
    background-color: #fff;
}


.navbar-toggle {
    margin-top: 13px;
    background-color: #fff;
}

  .navbar-toggle .icon-bar {
      background: #d81e05;
  }


.navbar > .container .navbar-brand {
    width: 245px;
    height: 80px;
    background-size: 230px;
}


html[lang="fr"] .navbar > .container .navbar-brand {
        background-size: 275px;
    width: 290px;
}

/* .navbar-nav.navbar-right {
    padding-top: 6px;
    margin-right: 12px;
} */

.navbar-nav.navbar-right a {
   /*  color: #fff; */
    padding-top: 17px;
    text-align: center;
}

@media (max-width: 767px) {

	/* .navbar.navbar-static-top {
	    background-color: #d81e05;
	} */
	
	.navbar > .container .navbar-brand {
	    width: 245px;
	    height: 40px;
	    background-size: 230px;
	}
	
	/* .navbar > .container .navbar-brand > img.logo {
	    display: none;
	} */
	
	.navbar > .container .navbar-brand > img.logo {
	    height: 30px;
	}

	html[lang="fr"] .navbar > .container .navbar-brand {
	    background-size: 195px;
	    width: 210px;
	}
	
	  .navbar-nav.navbar-right a {
	       color: #fff; 
	  }

	.navbar-nav.navbar-right {
	    margin-top: 0;
	}
}
.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.hero-image {
    min-height: 250px;
    background: url("../images/Mortgage-Client_opt.jpg") no-repeat 0 0;
    background-size: 105% auto;
}

@media (max-width: 767px) {
    .hero-image {
        min-height: 125px;
            display: none;
    }

    .navbar-header{
      float: left
    }

    nav#navbar{
      float: right;
    }
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}


/*---------------------------------------*/
/* ------------FORM ELEMENTS ------------*/
/*---------------------------------------*/

legend {
    border-bottom: none;
}

.field-holder {
    position: relative;
    background-color: transparent;
}

.field-holder-radio {}

.field-holder label {
    position: relative;
    width: 100%;
    margin: 0;
    padding-top: 16px;
    padding-right: 23px;
    padding-bottom: 0;
    padding-left: 23px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    color: #000;
    font-weight: bold;
}
.vertical label {
	display: block;
	width: 100% !important;
}

.field-holder input[type=radio], 
.field-holder input[type=checkbox] {
    margin: 0;
}

@media (max-width: 767px) {
  .field-holder-dropdown label, 
  .field-holder-text label
  {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

  button.btn,
  a.btn
  {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    button.btn .fa.fa-angle-right{
     /*  margin-left: -15px; */
    }
}

/*----------------------*/
/* --- INPUT TYPES   ---*/
/*----------------------*/

 input[type=text].no-label, 
 input[type=number].no-label{
  height: 38px;
 }
.field-holder-text input {
    padding: 18px 23px 0 23px;
    border-radius: 2px;
    border: 1px solid #777777;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
    height: 48px;
    color: #000;
    font-size: 16px;
}

.field-holder-text label {
    position: absolute;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 5px;
}

.field-holder-dropdown select {
    padding: 18px 18px 0 21px;
    border-radius: 2px;
    border: 1px solid #777777;
    border: 1px solid #ccc;
    background-color: transparent;
    height: 48px;
    color: #000;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.dropdown-without-label select {
	height: 36px;
    padding: 6px 12px;
}

.field-holder-dropdown select::-ms-expand {
    display: none;
}

.field-holder-dropdown .fa {
  display: none;
    position: absolute;
    top: 1px;
    right: 12px;
    width: 24px;
    height: 46px;
    text-align: center;
    padding-top: 12px;
    background-color: rgba(255, 255, 255, .8);
}

.field-holder-dropdown .fa:before {
    content: "\f0d7";
    position: absolute;
    margin-top: 7px;
    margin-left: 7px;
    display: block;
}

.field-holder-dropdown label {
    position: absolute;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 5px;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.field-holder-dropdown {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 100%;
    background-color: #fff;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjE2cHgiIGhlaWdodD0iMjIzLjg5M3B4IiB2aWV3Qm94PSItNTguOTk5IDU2LjAyNSA2MTYgMjIzLjg5MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNTguOTk5IDU2LjAyNSA2MTYgMjIzLjg5MyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMUYxRjFGIiBkPSJNMTAxLjQzLDI3Ni43OTRjMiwyLDQuNzEzLDMuMTI0LDcuNTQyLDMuMTI0czUuNTQyLTEuMTI0LDcuNTQyLTMuMTI0TDI3My44MiwxMTkuNDgzDQoJYzQuMTY0LTQuMTY2LDQuMTY0LTEwLjkxOSwwLTE1LjA4NWwtNDUuMjUtNDUuMjQ5Yy00LjE2Ni00LjE2Ni0xMC45Mi00LjE2Ni0xNS4wODQsMEwxMDguOTczLDE2My42NTdMNC40NTgsNTkuMTUNCgljLTQuMTY2LTQuMTY2LTEwLjkxOC00LjE2NS0xNS4wODQsMGwtNDUuMjQ4LDQ1LjI0OWMtNC4xNjYsNC4xNjYtNC4xNjYsMTAuOTE5LDAsMTUuMDg1TDEwMS40MywyNzYuNzk0eiIvPg0KPHJlY3QgeD0iLTU4Ljk5OSIgeT0iNTYuMDI1IiBmaWxsPSJub25lIiB3aWR0aD0iNjE2IiBoZWlnaHQ9IjIyMy44OTMiLz4NCjwvc3ZnPg0K")
  }


/*----------------------*/
/* --- RADIO BUTTONS ---*/
/*----------------------*/

.field-radio {
    display: block;
    margin-bottom: 6px;
}

.field-holder-radio label {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 36px;
    cursor: pointer;
    color: #333;
    margin-bottom: 6px;
    width: inherit;
}

@media only screen and (min-device-width : 481px) {
    .field-holder-radio label:not(:first-child) {
        margin-left: 20px;
    }

	.vertical field-holder-radio label {
	    display: block;
	}
	
	.field-holder-radio input[type=radio].sr-only {
	     position: absolute;
	/*top: 0;
	left: 0;
	border: 0;
	z-index: -1; */
	}
	
	.field-holder-radio label span {
	    line-height: 20px;
	    margin-left: -5px;
	}
	
	.field-holder-radio input[type=radio] + label:before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 10px;
	    height: 10px;
	    padding: 0;
	    margin-top: 5px;
	    margin-bottom: 2px;
	    margin-left: 9px;
	    background-color: #D81E05;
	    border-radius: 50%;
	    transition: all .3s;
	    z-index: 10;
	    transform: scale(0);
	}
	
	
	.field-holder-radio input[type=radio]:checked + label:before {
	    background-color: #D81E05;
	    transform: scale(1);
	}
	
	.field-holder-radio input[type=radio][disabled] + label:before,
	.field-holder-radio input[type=radio]:checked[disabled] + label:before {
	    background-color: #f79184;
	    background-color: #d0d0d0;
	}
	
	.field-holder-radio input[type=radio][disabled] + label:after,
	.field-holder-radio input[type=radio]:checked[disabled] + label:after {
	    border-color: #d0d0d0;
	}
	
	.field-holder-radio input[type=radio]:checked + label:after {
	    border-color: #D81E05;
	}
	
	.field-holder-radio input[type=radio] + label:after {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 20px;
	    height: 20px;
	    padding: 0;
	    margin-top: 0px;
	    margin-right: 2px;
	    margin-bottom: 2px;
	    margin-left: 4px;
	    background-color: #FFFFFF;
	    border: 2px solid #777;
	    border-radius: 50%;
	    transition: all .3s;
	    z-index: 5;
	}
	
	.field-holder-radio input[type=radio]:focus + label{
	      outline: thin dotted;
	 
	  outline-offset: 3px;
	  outline-color: rgb(77, 144, 254);
	}
	
	
	.field-holder-radio input[type=radio]:focus + label:after{
	    box-shadow: 0 0 6px 0 rgba(0,0,0,0.4);
	}
}

@media  (max-width : 992px) {
  .btn-block-mobile {
      display: block;
      width: 100%;
  }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){

.btn-block-mobile {
    display: block;
    width: 100%;
}

.field-holder-radio label{
    width: 75px;
    float: left;
    margin: 0;
     padding: 10px 0;
    text-align: center;
    color: #fafafa;
     z-index: 5;
}

.field-holder-radio label span:before,
.field-holder-radio label span:after{
  content: "";
  display: none;
}

.field-holder-radio .switch{
    background: #D0D0D0;
    width: 158px;
    position: relative;
    padding: 4px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.field-holder-radio .switcher{
   /*  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2); */
    width: 75px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 4px;
    background: transparent;
    border-radius: 4px;
    top: 4px;
    transition: all 0.15s linear;
}

.field-holder-radio .switch input[id$=_yes]:checked ~ .switcher{

    left: 4px;
    background: #44c365;
    background: -moz-linear-gradient(top,  #44c365 0%, #1cb53d 100%);
    background: -webkit-linear-gradient(top,  #44c365 0%,#1cb53d 100%);
    background: linear-gradient(to bottom,  #44c365 0%,#1cb53d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44c365', endColorstr='#1cb53d',GradientType=0 );
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
}

.field-holder-radio .switch input[id$=_no]:checked ~ .switcher{
    left: 79px;
    background: #777777;
    background: -moz-linear-gradient(top,  #777777 0%, #555555 100%);
    background: -webkit-linear-gradient(top,  #777777 0%,#555555 100%);
    background: linear-gradient(to bottom,  #777777 0%,#555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#555555',GradientType=0 );
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
}

.field-holder-radio .switch input:not(:checked) + label{
  color: #555;
  text-shadow: 0 1px 0 #fff;
}
.field-holder-radio .switch input:checked + label{
  color: #fff;
  text-shadow: none;
}

.notboolean .field-holder-radio label {
    width: 100px;
  
  }

 .notboolean .field-holder-radio .switch {
    width: 208px;
  }

.notboolean .field-holder-radio .switcher {
  width: 100px;
  }
.notboolean .field-holder-radio .switch input[id$=_no]:checked ~ .switcher {
    left: 104px;
  }

 .notboolean .field-holder-radio .switch input[id$=_no]:checked ~ .switcher {
   background: #00bcd4;
  background: -moz-linear-gradient(left,  #00bcd4 0%, #00bad3 100%);
  background: -webkit-linear-gradient(left,  #00bcd4 0%,#00bad3 100%);
  background: linear-gradient(to right,  #00bcd4 0%,#00bad3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bcd4', endColorstr='#00bad3',GradientType=1 );
  }
}

/*----------------------*/
/* ---- CHECKBOXES-- ---*/
/*----------------------*/

.field-checkbox {
    display: block;
    margin-bottom: 6px;
}

.field-holder-checkbox label {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 36px;
    cursor: pointer;
    color: #333;
}

.field-holder-checkbox input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    z-index: -1;
}

.field-holder-checkbox label span {
    line-height: 20px;
}

.field-holder-checkbox input[type=checkbox] + span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: 0px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 0px;
    background-color: #FFFFFF;
    border: 2px solid #777;
    border-radius: 2px;
    transition: all .3s;
    z-index: 5;
}

.field-holder-checkbox input[type=checkbox]:checked + span:before {
    border-color: #D81E05;
    transition: all .3s;
    background-color: #D81E05;
}

.field-holder-checkbox input:focus + span:before {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}

.field-holder-checkbox input[type=checkbox] + span:after {
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 2px;
    padding-top: 1px;
    padding-left: 1px;
    margin-left: 2px;
    z-index: 10;
    height: 16px;
    width: 16px;
    transform: scale(0);
    transition: all .3s;
}

.field-holder-checkbox input[type=checkbox]:checked + span:after {
    transform: scale(1);
    transition: all .3s;
}


/*----------------------------------------*/
/* ------ ALTERNATIVE FORM STYLING--------*/
/*----------------------------------------*/

.simple-fields .field-holder-dropdown select:not(.initial) {
    padding: 0 18px 0 21px;
}

.simple-fields .field-holder-text input:not(.initial) {
    padding: 0 23px;
}

.simple-fields label:not(.initial) {
    font-weight: normal;
    font-size: 16px;
    padding-top: 12px;
}

label.initial {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width:767px) {
    .simple-fields label:not(.initial) {
        margin-bottom: 0;
        padding-bottom: 0px;
        font-size: 16px;
    }
}

/*----------------------*/
/* ------ ALERTS--------*/
/*----------------------*/

.alert{
      padding: 23px 23px 23px 47px;
      position: relative;
      color: #333;
}

.alert-success:before, 
.alert-info:before, 
.alert-warning:before, 
.alert-danger:before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 23px;
    left: 16px;
    padding-top: 4px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.alert-warning:before {
    content: "\f071";
    color:#8a6d3b ;
}

.alert-success:before {
    content: "\f058";
    color:#3c763d ;
}

.alert-info:before {
    content: "\f05a";
    color:#31708f ;
}

.alert-danger:before {
    content: "\f057";
    color:#a94442 ;
}

/*------------- TABLE------------------*/
table  th{
  color: #666;
}
table.documents-checklist-table th{
  border-top: 2px solid #777 !important;
  border-bottom: 2px solid #ccc !important;
}


.documents-checklist-table >tbody>tr:last-child>td {
    border-bottom: 2px solid #777777;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #d0d0d0;
}

.footer-links {
    position: relative;
    margin: 0;
    padding-left: 10%;
    padding-right: 10%;
} 

.footer-links .footer-link {
    color: #444;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    text-align: center;
} 

@media only screen and (min-width: 992px) {
	
	.footer-links .footer-link::after{
	    content: "|";
	    position: absolute;
	    right: 0px;
	}
	
	.footer-links div:last-child .footer-link:after{
	    content: "";
	}
	
}

select.validate-error,
input.validate-error{
    border: 1px solid #A94442;
}

.validate-error{
    color: #A94442;    
}

span.validate-error{
    padding-top: 0px;
    font-size: 12px;
    display: block;
    height: 28px;
    position: relative;
}


.scotia-bg-lightergray .field-holder-dropdown span.validate-error {
    background-color: #eee;
}

span.validate-error:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    
    content: "\f057";
    margin-right: 5px;
}

div.mandatory:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 9px;
    color: #D81E05; 
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f069";
    margin-right: 5px;
    position: absolute;
    top: 5px;
    left: 5px;
}


/* -----------MRLC SUMMARY------------ */
.summary-block 

{
    /* background-color: #f5f5f5; */
}
.summary-block dl{
 
}
.summary-block .row{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0;
}

.summary-block dt{
    font-weight: bold;
    font-size: 1em;
    display: block;
   /*  width: 175px;
   float: left; */
    text-align: right;
    padding: 12px 5px 2px 0;
    clear: both;
    position: relative;
    background-color: #f5f5f5;
   
}

.summary-block dt:after{
    content: ":";
}

.summary-block dd{
    font-weight: normal;
    font-size: 1.2em;
    padding: 10px 0px 0px 5px;
    color: #000;
  /*   float: left;
  
  width: 275px; */
}


@media  (max-width : 767px) {

    .summary-block dt, .summary-block dd {
        text-align: center;
        padding:0;
    }

    .summary-block dt {
        padding-top: 5px;
        font-weight: normal;
    }

    .summary-block dd{
        padding-bottom: 5px;
        font-weight: bold;
        text-transform: uppercase;
         background-color: #f5f5f5;
    }
}

/* ----------/MRLC SUMMARY------------ */
.borderdivide { border-top:1px solid #ccc; width:50px; margin:0 auto; }
@media (max-width: 411px) {
	.renewal-call-block { width: 100%; display:block; padding-top:10px; }
}

/* --- TOOLTIPS ---*/

.mrlc-tooltip {
	padding: 3px;
}
.popover {
     pointer-events: none; 
}

/* Customer Survey */

.survey-container {
	margin: 0 10% 0 10%;
	text-align: center;
}

.row.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-star {
 	cursor: pointer;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
    font-size: 1.5rem;
    width: 2.5em;
    height: 3em;
    background-image: url(../images/icons/star.svg);
}

.icon-star-selected {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
    font-size: 1.5rem;
    width: 2.5em;
    height: 3em;
    background-image: url(../images/icons/star-select.svg);
}

.icon-star:hover {
    background-image: url(../images/icons/star-select.svg);
}

.rating-container, .rating-container div {
    align-content: center;
    text-align: center;
    font-weight: bold;
    width: 70px;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 8px;
}

.rating-container input:focus + label {
  outline: 1px dotted black;
}

.rating-button {
	width: 240px;
	display: inline-block;
	margin: 4px 4px 4px 4px;
}

.rating-button label {
  display: block;
  position: relative;
  cursor: pointer;
  border: 1px solid #7849B8;
  border-radius: 24px;
  color: #7849B8;
  background-color: #FFFFFF;
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rating-button input:checked + label span {
  margin-left: 8px;
}

.rating-button input:checked + label {
  color: #FFFFFF;
  background-color: #7849B8;
}

.rating-button input:focus + label {
  outline: 1px dotted black;
}

.rating-button i.fa-check {
   display: none;
}

.rating-button input:checked + label i.fa-check {
   display: inline;
   margin-left: -15px;
}

.rating-top-row {
  margin-top: 24px;
}

.rating-bottom-row {
  margin-top: 12px;
  padding-left: 36px;
  padding-right: 36px;
}

@media screen and (max-width:1199px){
    .survey-container {
		margin: 0 15px 0 15px;
	}
    
    .rating-container {
        width: 62px !important;
    }

    .icon-star {
        width: 2em;
        margin-right: auto;
        margin-left: auto;
    }

    .icon-star-selected {
        width: 2em;
        margin-right: auto;
        margin-left: auto;
    }
	
	.rating-bottom-row {
	  margin-top: 0;
	  padding-left: 0;
	  padding-right: 0;
	}
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.step-list-style {
	margin-bottom: 50px;
}

.step-list-style-h2 {
	margin-bottom: 15px !important;
	font-size: 18px;
	display: inline-block;
    margin-right: 5px;
}


.newtooltip {
  position: relative;
  display: inline-block;
}

.newtooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  left: 28px;
  border: 1px solid #bfbfbf;
  padding: 9px 14px;
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}

.newtooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  border-left-width: 0;
  border-right-color: rgb(0 0 0 / 25%);
}
.newtooltip:hover .tooltiptext {
  visibility: visible;
}

.alert-icons {
    background: url(../images/alert-icons.png) no-repeat top left;
    width: 24px;
    height: 24px;
}

.alert-icons.icon-alert-info-gray-small {
    background-position: -575px -5px;
}

.icon-style {
	width: 20px;
    display: inline-block;
    vertical-align: text-top;
}

.dynamic-top-en {
	top: -34px;
}

.dynamic-top-fr {
	top: -44px;
}