/*
    Theme Name: Z login Support
    Theme URI: http://www.burotijs.nl/
    Description: Z login Support theme Version 1.0 By Buro Tijs
    Author: BuroTijs
    Author URI: http://www.burotijs.nl/
    Version: 1.0
    Template: genesis
    License: GPL-2.0+
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--- Font Face ---*/
@font-face {
  font-family: 'NeurialGrotesk-Bold';
  src: url('../../../ad/Content/fonts/NeurialGrotesk-Bold.eot') format('embedded-opentype'),  url('../../../ad/Content/fonts/NeurialGrotesk-Bold.otf')  format('opentype'),
         url('../../../ad/Content/fonts/NeurialGrotesk-Bold.woff') format('woff'), url('../../../ad/Content/fonts/NeurialGrotesk-Bold.ttf')  format('truetype'), url('../../../ad/Content/fonts/NeurialGrotesk-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NeurialGrotesk-Light';
  src: url('../../../ad/Content/fonts/NeurialGrotesk-Light.eot') format('embedded-opentype'),  url('../../../ad/Content/fonts/NeurialGrotesk-Light.otf')  format('opentype'),
         url('../../../ad/Content/fonts/NeurialGrotesk-Light.woff') format('woff'), url('../../../ad/Content/fonts/NeurialGrotesk-Light.ttf')  format('truetype'), url('../../../ad/Content/fonts/NeurialGrotesk-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SFProDisplay-Bold';
  src: url('../../../ad/Content/fonts/SFProDisplay-Bold.eot') format('embedded-opentype'),  url('../../../ad/Content/fonts/SFProDisplay-Bold.otf')  format('opentype'),
         url('../../../ad/Content/fonts/SFProDisplay-Bold.woff') format('woff'), url('../../../ad/Content/fonts/SFProDisplay-Bold.ttf')  format('truetype'), url('../../../ad/Content/fonts/SFProDisplay-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SFProDisplay-Regular';
  src: url('../../../ad/Content/fonts/SFProDisplay-Regular.eot') format('embedded-opentype'),  url('../../../ad/Content/fonts/SFProDisplay-Regular.otf')  format('opentype'),
         url('../../../ad/Content/fonts/SFProDisplay-Regular.woff') format('woff'), url('../../../ad/Content/fonts/SFProDisplay-Regular.ttf')  format('truetype'), url('../../../ad/Content/fonts/SFProDisplay-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*--- Common Css ---*/
body, html {background: #fff none repeat scroll 0 0; color: #48565e; font-family: 'SFProDisplay-Regular'; font-weight: normal;}

ul, ul li, ol, ol li {list-style: none; padding: 0px; margin: 0px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {padding: 0px; margin: 0px; color: #0174c3; font-weight: normal; letter-spacing: 0px;}
h1, .h1 {font-size: 36px; line-height: 40px; font-family: 'NeurialGrotesk-Light'; }
h2, .h2 {font-size: 24px; line-height: 36px;  font-family: 'NeurialGrotesk-Bold'; font-weight: bold;}
h3, .h3 {font-size: 24px; line-height: 36px; font-weight: 300;}
h4, .h4 {font-size: 18px; line-height: 30px;  font-family: 'NeurialGrotesk-Bold'; font-weight: bold;}
h5, .h5 {font-size: 18px; line-height: 30px; font-weight: 300;}
h6, .h6 {font-size: 16px; line-height: 28px;  font-family: 'NeurialGrotesk-Bold'; font-weight: bold;}

.alert-msg,.input-grp, .text-link-btn,.small-checklist .checkbox-label > p {font-family: 'SFProDisplay-Regular';}
.checklist-header label, .new-login-header h1 strong,.share-checklist .main-title,.main-btn,.input-label,.share-checklist .title  {font-family: 'NeurialGrotesk-Bold'}
.new-login-header h1 {padding: 0; font-family: 'NeurialGrotesk-Light'; margin-bottom: 5px; font-size: 22px; line-height: 32px; }
p > a,
.input-label {color: #0174c3; }

.input-grp {border:1px solid #c0dcf4; color: #575757; font-family: 'SFProDisplay-Regular'; }
a, a:focus, a:hover {text-decoration: none; outline: none;}
a {color: #000000; }
p {color: #48565e; font-family: 'SFProDisplay-Regular'; }


select {background: transparent url(images/select-arrow.svg) no-repeat scroll center right 20px; padding-right: 50px; }

:hover, :visited, :active, :focus {outline: none; }

::-webkit-input-placeholder {color: rgba(87,87,87, 0.62); opacity: 1; font-family: 'SFProDisplay-Regular'; font-weight: 300; }
::-moz-placeholder {color: rgba(87,87,87, 0.62); opacity: 1; font-family: 'SFProDisplay-Regular'; font-weight: 300; }
:-ms-input-placeholder {color: rgba(87,87,87, 0.62); opacity: 1; font-family: 'SFProDisplay-Regular'; font-weight: 300; }
:-moz-placeholder {color: rgba(87,87,87, 0.62); opacity: 1; font-family: 'SFProDisplay-Regular'; font-weight: 300; }

::-moz-selection {color: #fff; background: #000000; }
::selection {color: #fff; background: #000000; }

header, section, footer {position: relative; display: inline-block; width: 100%; }
.header-logo {margin-top: 24px;}
.checkbox-list input[type="checkbox"]:checked + .checkbox-label::after {background-color: #0174c3; border-color:#0174c3;}
.nav-normal li a ,.nav-lang li a{font-family: 'SFProDisplay-Regular'; color:#0174c3;}
.nav-lang li a::after {background-color: #0174c3;}

.share-checklist .checkbox-label {background-color: #f1f7ff;}
.main-btn{ background-color:#69bb55; }
.main-btn:hover,.main-btn:active{ background-color:#6ec859;}
.disabled-btn {  border: 1px solid #0174c3 ; background-color: #fff; color: #0174c3; cursor: not-allowed; box-shadow: none;}
.checklist-header {background-color: #0174c3;}
.checkbox-list input[type="checkbox"].readonly + label::before {color: #b7b7b7;}
.small-checklist .checkbox-label > p {margin-bottom: 0;}

.login-banner {z-index: 1;}
.login-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;height: 540px;background-image: url('../../../ad/Content/images/banner-image-qv.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;z-index: -1;}
.login-banner .new-login-header h1,
.login-banner .new-login-header .text-link-btn{color: #fff}

.checkbox-list input[type="radio"] + .checkbox-label::before {top: 24px; left: 20px; content: ''; width: 16px; height: 16px; border: 5px solid #0174c3; background-color: transparent; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; visibility: hidden;}
.checkbox-list input[type="radio"] + .checkbox-label::after {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-sizing: border-box;border-color:#575757;}
.checkbox-list input[type="radio"]:checked + .checkbox-label::before {opacity: 1; visibility: visible;}
.checkbox-list input[type="radio"]:checked + .checkbox-label::after {background-color: transparent; border-color: transparent; }

.group-select-list .checkbox-label {width: 100%; background-color: #f1f7ff; padding: 18px 20px 18px 57px; }

/*--- Button ---*/
.button {font-family: 'SFProDisplay-Regular'; font-weight: 300; border: 1px solid transparent; height: 48px; line-height: 46px; text-align: center; font-size: 18px; min-width: 213px; padding: 0 20px; color: #fff; display: inline-block; background-color: #6e00ee; background-image: -webkit-linear-gradient(left,#6e00ee 0%,#3edac5 50%,#6e00ee 100%); background-image: linear-gradient(to right, #6e00ee 0%,#3edac5 50%,#6e00ee 100%); background-size: 200% 100%; }
.button:hover {color: #fff; background-color: #3edac5; background-position: 100% 0; }
.button:active {background-color: #de5c00; }

.button-outline, .modal input[type="submit"].button {background-color: transparent; border-color: #000000; color: #000000; background-image: none;}
.button-outline:hover, .modal input[type="submit"].button:hover {color: #000000; background-color: transparent;}
.button-outline:active, .modal input[type="submit"].button:active {background-color: transparent; }

.button-light, .button-light:hover, .button-light:active {border-color: #d4d6dc; color: #192631; background-color: #fff;}

.button-small {height: 38px; line-height: 36px; padding: 0px 15px; min-width: initial; font-size: 14px; }
.button-small:hover {background-color: #de5c00; }
.button-small:active {background-color: #cf5702; }

.button i {vertical-align: middle; margin-right: 15px; position: relative;}
.icon-thumbsup-outline-orange { top: -2px; }

.button i::before {line-height: 46px;}
.button-small i::before {line-height: 36px;}
.button i.ion-ios-arrow-right {margin-left: 5px; margin-right: 0px;}

.new-login-part {background-color:#eff6fc; }
.req-input {color: #0174c3;}

/*--- Alert ---*/
.alert, .main-form .gform_wrapper div.validation_error, .gform_confirmation_wrapper  {border: 1px solid #000; font-size: 14px; line-height: 28px; padding: 9px 52px 9px 60px; position: relative; font-weight: normal; text-align: left; opacity: 1;}
.alert-success, .alert-success:hover, .gform_confirmation_wrapper  {border-color: #789717; background-color: #F1F4E7; color: #789717; }
.alert-danger, .alert-danger:hover, .main-form .gform_wrapper div.validation_error {border-color: #c4122a; background-color: #f9e7e9; color: #c4122a; }
.alert-warning, .alert-warning:hover {border-color: #000000; background-color: #fef0e5; color: #000000; }
.alert-dismissable .close, .alert-dismissible .close {position: absolute; top: 0px; right: 20px; bottom: 0px; margin: auto; color: #192631; }

.alert::before, .main-form .gform_wrapper div.validation_error::before, .gform_confirmation_wrapper::before, .main-form .ginput_container_select::before {display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0px; height: 28px; line-height: 28px; bottom: 0px; left: 0px; margin: auto; width: 60px; text-align: center; }
.alert-success::before, .gform_confirmation_wrapper::before {content: "\f3fd"; font-size: 28px; }
.alert-danger::before, .main-form .gform_wrapper div.validation_error::before {content: "\f100"; }
.alert-warning::before {content: "\f44c"; }

.alert.alert-icon-hidden {padding-left:15px;}
.alert.alert-icon-hidden::before {display: none;}

.nav-lang li.active a {font-family: 'SFProDisplay-Bold'; }


/*--- Footer ---*/
footer {background-color: #fff;}
.footer-logo,.header-logo {max-width: 275px;}
.main-footer {background-color: #fff;}
.footer-left-part p {color:#0174c3; margin-bottom: 0; margin-top: 6px;}
.footer-menu {padding-top: 5px;}
.footer-menu ul li a {color: #0f9dff;}
.footer-menu ul li a:hover{color: #0174c3;}

.new-login-header h2 {font-family: 'NeurialGrotesk-Light', sans-serif; color: #fff; font-size: 20px;}
.new-login-header h2 strong {font-family: 'NeurialGrotesk-Bold', sans-serif; }
.alert-box {background-color: #0174c3;}
.right-icon {color: #0174c3;}

@media only screen and (max-width : 1024px) {
    .header-logo {margin-top: 20px;}
    .footer-logo,.header-logo {max-width: 200px;}
    .footer-left-part p {margin-top: 0;}
    .footer-menu {padding-top: 0;}
}