File: C:/inetpub/vhosts/hrreflections.com/httpdocs/content/css/style0.css
.app-loading {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%;
height: 89vh;
z-index: -1
}
.app-loading-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-content: center;
-moz-align-content: center;
-ms-align-content: center;
-o-align-content: center;
align-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
background-position: 50% 50%;
width: 130px
}
.loading-ring {
display: flex;
position: relative;
/* Sized so the flexbox parent can center it (inner elements are absolutely positioned). */
width: 113px;
height: 113px
}
.loading-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 101px;
height: 101px;
margin: 6px;
border: 6px solid #FFF;
border-radius: 50%;
animation: loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #006341 transparent transparent transparent
}
.loading-ring svg {
position: absolute;
margin-top: 25px;
margin-left: 25px
}
.loading-ring div:nth-child(1) {
animation-delay: -0.45s
}
.loading-ring div:nth-child(2) {
animation-delay: -0.3s
}
.loading-ring div:nth-child(3) {
animation-delay: -0.15s
}
@keyframes loading-ring {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg)
}
}
[_nghost-ng-c1305129137] .approveit-container .progress-container .progress-bar-success {
background-color: #0c8450 !important;
border-bottom: none !important;
}
.nid-lib .progress-bar {
box-shadow: none;
}
.progress-bar {
float: left;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
transition: width 0.6s ease;
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] progressbar[_ngcontent-ng-c1305129137] {
margin: 10px 0;
min-width: 100%;
}
.nid-lib .progress {
max-width: 25rem;
overflow: hidden;
height: 4px;
margin-bottom: 50px;
background-color: #eeeeee;
border-radius: 0;
box-shadow: none;
}
[_nghost-ng-c3576352787] {
width: 100%;
display: flex;
}
.approve-it-container[_ngcontent-ng-c1305129137] {
background-color: #fff;
text-align: center;
}
.nid-lib .overlay.alternate {
background-color: #FFF !important;
color: #666;
text-align: left;
}
@media (min-width: 768px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin: 20px 0;
}
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] {
/* width: 100%; */
display: inline-block;
}
@media (min-width: 768px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .progress-container[_ngcontent-ng-c1305129137] {
min-width: 300px;
}
}
[_nghost-ng-c1305129137] .approveit-container .progress-container {
margin-top: 30px;
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .time-left[_ngcontent-ng-c1305129137] {
text-align: left;
color: #333;
font-size: 20px;
}
.approve-it-container[_ngcontent-ng-c1305129137] .margin-top-20[_ngcontent-ng-c1305129137] {
margin-top: 20px;
}
[_ngcontent-ng-c2912084714]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
[_ngcontent-ng-c2912084714]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.spinner-container[_ngcontent-ng-c2912084714] {
animation: _ngcontent-ng-c2912084714_rotate 2s linear infinite;
-webkit-animation: _ngcontent-ng-c2912084714_rotate 2s linear infinite;
z-index: 100
}
.spinner-container[_ngcontent-ng-c2912084714] .path[_ngcontent-ng-c2912084714] {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
stroke: #FFF;
stroke-linecap: round;
animation: _ngcontent-ng-c2912084714_dash 1.5s ease-in-out infinite;
-webkit-animation: _ngcontent-ng-c2912084714_dash 1.5s ease-in-out infinite
}
@keyframes _ngcontent-ng-c2912084714_rotate {
100% {
transform: rotate(360deg)
}
}
@keyframes _ngcontent-ng-c2912084714_dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124
}
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal {
overflow: hidden
}
@media (max-width:376px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal {
padding: 30px 20px
}
}
@media (max-width:767px) and (min-width:376px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal {
padding: 120px 20px
}
}
@media (min-width:768px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay {
overflow: hidden
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .gd-primary-btn,
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .gd-ghost-btn {
max-width: 18rem
}
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay {
max-width: 810px !important;
height: auto;
padding: 20px 30px
}
@media (max-width:767px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay {
height: auto
}
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row {
width: 65%;
margin: auto auto 30px
}
@media (max-width:1023px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row {
width: 100%
}
}
@media (max-width:767px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row {
width: 100%
}
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row .gd-sm-label {
float: left
}
@media (max-width:767px) {
[_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer {
width: 85%;
margin: auto
}
}
@media (max-width:1023px) {
[_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title {
font-size: 14px;
line-height: 21px;
margin-top: 10px
}
}
@media (max-width:767px) {
[_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title {
font-size: 14px;
line-height: 21px
}
}
.approve-it-container[_ngcontent-ng-c1305129137] {
background-color: #fff;
text-align: center
}
@media (min-width:768px) {
.approve-it-container[_ngcontent-ng-c1305129137] {
margin: 0 50px
}
}
.approve-it-container[_ngcontent-ng-c1305129137] .close-icon[_ngcontent-ng-c1305129137] {
position: absolute !important;
right: 18px;
cursor: pointer;
top: 18px
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] {
position: relative
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] {
/* width: 100%;
display: inline-block */
}
@media (min-width:768px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin: 20px 0
}
}
@media (min-width:768px) {}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] {
left: calc(50% - 60px)
}
@media (min-width:768px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] {
left: auto
}
}
@media (max-width:767px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] {
left: calc(50% - 35px)
}
}
@media (min-width:768px) {}
@media (max-width:767px) {}
@media (min-width:768px) {}
@media (max-width:767px) {}
@media (max-width:767px) {}
@media (min-width:768px) {}
@media (min-width:768px) {}
@media (max-width:767px) {}
@media (min-width:768px) {}
@media (max-width:767px) {}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] {
color: #333;
font-family: LibreFranklin, Century Gothic, Helvetica, Arial;
font-size: 20px;
text-align: center
}
@media (max-width:1023px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] {
font-size: 16px;
line-height: 21px
}
}
@media (max-width:767px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] {
font-size: 16px;
margin-top: 10px;
line-height: 21px
}
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] {
color: #333;
font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial;
margin-bottom: 20px;
font-size: 28px;
line-height: 35px;
text-align: center
}
@media (max-width:1023px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] {
font-size: 28px;
line-height: 35px
}
}
@media (max-width:767px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] {
font-size: 22px;
line-height: 27.5px
}
}
@media (max-width:1023px) {}
.approve-it-container[_ngcontent-ng-c1305129137] .margin-bottom-20[_ngcontent-ng-c1305129137] {
margin-bottom: 20px
}
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] {
width: 85%;
margin: 30px auto auto
}
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media (min-width:1024px) {
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] {
-webkit-flex-direction: initial;
-moz-flex-direction: initial;
-ms-flex-direction: initial;
-o-flex-direction: initial;
flex-direction: initial
}
}
@media (max-width:1023px) {
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] .left[_ngcontent-ng-c1305129137],
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] .right[_ngcontent-ng-c1305129137] {
width: 100%
}
}
.overlay-modal[_ngcontent-ng-c215243294] {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
right: 0;
background-color: #000;
background: none #0006;
overflow-x: hidden
}
.overlay-modal[_ngcontent-ng-c215243294] {
bottom: 0
}
.overlay[_ngcontent-ng-c215243294] {
position: relative;
width: 100%;
margin: 0;
background: #0c8953;
overflow-x: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
@media (min-width:768px) {
.overlay[_ngcontent-ng-c215243294] {
height: auto;
width: 80%;
overflow: auto;
left: 50%;
top: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
@media (min-width:1024px) {
.overlay[_ngcontent-ng-c215243294] {
max-width: 680px
}
}
.gd-ghost-btn[_ngcontent-ng-c86863389],
.gd-primary-btn[_ngcontent-ng-c86863389] {
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
-ms-border-radius: .25rem;
-o-border-radius: .25rem;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}
.gd-primary-btn[_ngcontent-ng-c86863389]:hover,
.gd-primary-btn[_ngcontent-ng-c86863389]:active,
.gd-primary-btn[_ngcontent-ng-c86863389]:focus,
.gd-primary-btn[_ngcontent-ng-c86863389]:active:focus {
color: #fff;
background: #09603a;
border-color: transparent;
outline: none
}
.gd-ghost-btn[_ngcontent-ng-c86863389]:hover,
.gd-ghost-btn[_ngcontent-ng-c86863389]:active,
.gd-ghost-btn[_ngcontent-ng-c86863389]:focus,
.gd-ghost-btn[_ngcontent-ng-c86863389]:active:focus {
color: #0c8450;
background: #eee;
border-color: transparent;
outline: none
}
@media (min-width:768px) {}
.btnWithBorder[_ngcontent-ng-c86863389]:hover,
.btnWithBorder[_ngcontent-ng-c86863389]:active,
.btnWithBorder[_ngcontent-ng-c86863389]:focus,
.btnWithBorder[_ngcontent-ng-c86863389]:active:focus {
color: #fff;
background: #0c8450;
border-color: #0c8450;
outline: none
}
button[_ngcontent-ng-c86863389] {
margin-top: 10px
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal {
overflow: hidden
}
@media (max-width:376px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal {
padding: 30px 20px
}
}
@media (max-width:767px) and (min-width:376px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal {
padding: 120px 20px
}
}
@media (min-width:768px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay {
overflow: hidden
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .gd-primary-btn,
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .gd-ghost-btn {
max-width: 18rem
}
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay {
max-width: 810px !important;
height: auto;
padding: 20px 30px
}
@media (max-width:767px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay {
height: auto
}
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row {
width: 65%;
margin: auto auto 30px
}
@media (max-width:1023px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row {
width: 100%
}
}
@media (max-width:767px) {
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row {
width: 100%
}
}
[_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row .gd-sm-label {
float: left
}
@media (max-width:767px) {
[_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer {
width: 85%;
margin: auto
}
}
@media (max-width:1023px) {
[_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title {
font-size: 14px;
line-height: 21px;
margin-top: 10px
}
}
@media (max-width:767px) {
[_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title {
font-size: 14px;
line-height: 21px
}
}
.approve-it-container[_ngcontent-ng-c1305129137] {
background-color: #fff;
text-align: center
}
@media (min-width:768px) {
.approve-it-container[_ngcontent-ng-c1305129137] {
margin: 0 50px
}
}
.approve-it-container[_ngcontent-ng-c1305129137] .close-icon[_ngcontent-ng-c1305129137] {
position: absolute !important;
right: 18px;
cursor: pointer;
top: 18px
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] {
position: relative
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] {
/* width: 100%; */
display: inline-block
}
@media (min-width:768px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin: 20px 0
}
}
@media (min-width:768px) {}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] {
left: calc(50% - 60px)
}
@media (min-width:768px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] {
left: auto
}
}
@media (max-width:767px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] {
left: calc(50% - 35px)
}
}
@media (min-width:768px) {}
@media (max-width:767px) {}
@media (min-width:768px) {}
@media (max-width:767px) {}
@media (max-width:767px) {}
@media (min-width:768px) {}
@media (min-width:768px) {}
@media (max-width:767px) {}
@media (min-width:768px) {}
@media (max-width:767px) {}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] {
color: #333;
font-family: LibreFranklin, Century Gothic, Helvetica, Arial;
font-size: 20px;
text-align: center
}
@media (max-width:1023px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] {
font-size: 16px;
line-height: 21px
}
}
@media (max-width:767px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] {
font-size: 16px;
margin-top: 10px;
line-height: 21px
}
}
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] {
color: #333;
font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial;
margin-bottom: 20px;
font-size: 28px;
line-height: 35px;
text-align: center
}
@media (max-width:1023px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] {
font-size: 28px;
line-height: 35px
}
}
@media (max-width:767px) {
.approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] {
font-size: 22px;
line-height: 27.5px
}
}
@media (max-width:1023px) {}
.approve-it-container[_ngcontent-ng-c1305129137] .margin-bottom-20[_ngcontent-ng-c1305129137] {
margin-bottom: 20px
}
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] {
width: 85%;
margin: 30px auto auto
}
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media (min-width:1024px) {
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] {
-webkit-flex-direction: initial;
-moz-flex-direction: initial;
-ms-flex-direction: initial;
-o-flex-direction: initial;
flex-direction: initial
}
}
@media (max-width:1023px) {
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] .left[_ngcontent-ng-c1305129137],
.approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] .right[_ngcontent-ng-c1305129137] {
width: 100%
}
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/outdated-browser.css?ngGlobalStyle ***!
\*******************************************************************************************************************************************************************************************************************************************/
.outdated-browser-Info {
width: 100%;
height: 100%
}
@media (min-width:768px) {}
@media (min-width:1024px) {}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/intl-tel-input/build/css/intlTelInput.css?ngGlobalStyle ***!
\**************************************************************************************************************************************************************************************************************************************************************/
@media (max-width:500px) {}
@media (min-resolution:192dpi) {}
@media (min-resolution:192dpi) {}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ***!
\*************************************************************************************************************************************************************************************************************************************************/
@media (max-width:768px) {}
@media (max-width:768px) {}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css ***!
\****************************************************************************************************************************************************************************************************************************************************/
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
footer,
header {
display: block
}
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
b {
font-weight: bold
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
button,
input {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button {
text-transform: none
}
button {
-webkit-appearance: button;
cursor: pointer
}
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
* {
box-sizing: border-box
}
*:before,
*:after {
box-sizing: border-box
}
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
line-height: 1.428571429;
background-color: #fff
}
input,
button {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
img {
vertical-align: middle
}
hr {
border: 0
}
h1,
h4 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
h1,
h3 {
margin-top: 20px;
margin-bottom: 10px
}
h4 {
margin-top: 10px;
margin-bottom: 10px
}
@media (min-width:768px) {}
ul {
margin-top: 0;
margin-bottom: 10px
}
@media (min-width:768px) {}
@media (min-width:1024px) {}
@media (min-width:1440px) {}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: " "
}
.container-fluid:after {
clear: both
}
.row {
margin-right: -15px;
margin-left: -15px
}
.row:before,
.row:after {
display: table;
content: " "
}
.row:after {
clear: both
}
.col-md-5,
.col-xs-6,
.col-md-7,
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col-xs-6,
.col-xs-12 {
float: left
}
.col-xs-6 {
width: 50%
}
.col-xs-12 {
width: 100%
}
@media (min-width:768px) {
.col-sm-12 {
float: left
}
.col-sm-12 {
width: 100%
}
}
@media (min-width:1024px) {
.col-md-5,
.col-md-7 {
float: left
}
.col-md-5 {
width: 41.6666666667%
}
.col-md-7 {
width: 58.3333333333%
}
}
@media (min-width:1440px) {
.col-lg-5,
.col-lg-7 {
float: left
}
.col-lg-5 {
width: 41.6666666667%
}
.col-lg-7 {
width: 58.3333333333%
}
}
@media screen and (max-width:767px) {}
label {
max-width: 100%;
margin-bottom: 5px;
font-weight: 700
}
@media screen and (-webkit-min-device-pixel-ratio:0) {}
@media (min-width:768px) {}
@media (min-width:768px) {}
@media (min-width:768px) {}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
@media (min-width:768px) {}
@media (min-width:1024px) {}
@media all and (transform-3d),
(-webkit-transform-3d) {}
@media screen and (min-width:768px) {}
.clearfix:before,
.nid-lib .template-content .logo-cntnr:before,
.template-content .logo-cntnr:before,
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
display: table;
content: " "
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
clear: both
}
@media (max-width:767px) {}
@media (max-width:767px) {}
@media (min-width:768px) and (max-width:1023px) {}
@media (min-width:1024px) and (max-width:1439px) {}
@media (min-width:1024px) and (max-width:1439px) {}
@media (min-width:1440px) {}
@media (min-width:1440px) {}
@media (max-width:767px) {
.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:1023px) {
.hidden-sm {
display: none !important
}
}
@media (min-width:1024px) and (max-width:1439px) {}
@media (min-width:1440px) {}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
html,
body,
ul,
p {
margin: 0;
padding: 0
}
a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
color: #009639;
cursor: pointer
}
hr {
border-top: 1px solid #EEE
}
h1 {
font-size: 100%
}
@media (min-width:768px) {
h3.page-title-secondary {
font-size: 1.875rem
}
}
@media (min-width:768px) {}
.fa-fa-eye-show {
position: relative
}
.fa-fa-eye-show::before {
content: url(../images/img_131eaae8eadb54e1.svg);
width: 100%;
height: 100%;
display: block
}
.fa-fa-eye-hide {
position: relative
}
.fa-fa-eye-hide::before {
content: url(../images/imghide.svg);
width: 100%;
height: 100%;
display: block
}
@media (min-width:768px) {}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.nid-lib .gd-ghost-btn,
.nid-lib .gd-primary-btn,
.gd-primary-btn {
position: relative;
width: 100%;
max-width: 25rem;
height: 50px;
border-radius: 0.25rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
-ms-border-radius: 0.25rem;
-o-border-radius: 0.25rem;
outline: none;
font-weight: bold;
font-size: 1rem;
padding: 0 15px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
text-align: center
}
.btn-disabled {
display: block;
pointer-events: none
}
.gd-primary-btn {
background: #009639;
color: #FFF;
border: none
}
.gd-primary-btn:hover,
.gd-primary-btn:active,
.gd-primary-btn:focus,
.gd-primary-btn:active:focus {
color: #FFF;
background: #007f33;
border-color: transparent;
outline: none
}
.gd-primary-btn:disabled,
.gd-primary-btn[disabled] {
color: #FFF;
background: #D7D7D7;
border-color: transparent;
cursor: not-allowed
}
.gd-ghost-btn:hover,
.gd-ghost-btn:active,
.gd-ghost-btn:focus,
.gd-ghost-btn:active:focus {
color: #009639;
background: #EEE;
border-color: transparent;
outline: none
}
.gd-ghost-btn:disabled,
.gd-ghost-btn[disabled] {
color: #D7D7D7;
background: transparent;
border-color: transparent;
cursor: not-allowed
}
.half-btns .left,
.half-btns .right {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
@media (min-width:768px) {
.half-btns {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between
}
.half-btns .left,
.half-btns .right {
width: 47%
}
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.form-element,
.nid-lib input[type=tel],
input[type=text] {
border: 2px solid #BBB;
width: 100%;
background: #FFF;
color: #666;
outline: none;
height: 50px;
padding: 0 15px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
.form-element:focus,
.nid-lib textarea:focus,
textarea:focus,
input[type=text]:focus,
input[type=textbox]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=search]:focus,
.input-type-div:focus {
border-color: #009639 !important
}
@media (max-width:768px) {}
@media (min-width:768px) {}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.gd-form .gd-form-row label {
display: block;
color: #666
}
.gd-form .gd-form-row .gd-sm-label {
font-size: 0.875rem;
font-weight: normal
}
.gd-form .gd-form-row .icon-field {
position: relative
}
@media (min-width:375px) {}
@media (min-width:768px) {
.gd-form .gd-form-row {
margin-bottom: 30px
}
.gd-form .gd-form-row:last-of-type {
margin-bottom: 60px
}
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
@media (min-width:768px) {}
@media (min-width:1024px) {}
@media (min-width:1440px) {}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
@media (min-width:768px) {}
@media (max-width:767px) {}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
opacity: 0
}
@media screen and (min-width:1024px) {}
@media screen and (max-width:1023px) {}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
::placeholder {
color: #BBB
}
@keyframes loading-ring {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg)
}
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
@media only screen and (min-device-width:320px) {}
@media (min-width:375px) {}
@media (min-width:768px) {}
@media (min-width:1440px) {}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
@media (min-width:768px) {}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0
}
100% {
background-position: 468px 0
}
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
@media (min-width:768px) {}
@media (min-width:1024px) {}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
input[type=text][disabled],
input[type=password][disabled] {
pointer-events: none
}
input[type=text][disabled]:not(.keep-local),
input[type=search][disabled]:not(.keep-local),
input[type=tel][disabled]:not(.keep-local),
input[type=password][disabled]:not(.keep-local),
input[type=email][disabled]:not(.keep-local),
input[type=text][readonly]:not(.keep-local),
input[type=search][readonly]:not(.keep-local),
input[type=tel][readonly]:not(.keep-local),
input[type=password][readonly]:not(.keep-local),
input[type=email][readonly]:not(.keep-local),
input.dp-picker-input[readonly][disabled]:not(.keep-local),
.disable-dropdown:not(.keep-local),
.dropdown-place.disable-dropdown:not(.keep-local) {
color: #666 !important;
border: 2px solid #D7D7D7 !important;
background: #EEE !important
}
label:not(.keep-local) {
color: #333 !important;
font-weight: normal
}
::placeholder,
.ng-select .ng-select-container .ng-value-container .ng-placeholder {}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after,
.nid-lib .template-content .logo-cntnr:after,
.template-content .logo-cntnr:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
@media (min-width:768px) {}
@media (min-width:1024px) {}
* {
outline: none !important
}
@font-face {
font-family: LibreFranklin;
src: url(../fonts/font_e9800c98d80382a9)format("woff2")
}
@font-face {
font-family: LibreFranklinMedium;
src: url(../fonts/font_7e2d8dbc33a5d021)format("woff2")
}
@font-face {
font-family: LibreFranklinBold;
src: url(../fonts/font_c31a9dbd5cb7eab6)format("woff2")
}
html {
height: 100%;
font-size: 16px
}
body {
min-height: 100%;
font-size: 1rem;
font-family: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
color: #666;
letter-spacing: 0.2px;
background: #F9F9F9;
cursor: default
}
@media (min-width:768px) {}
@media (min-width:1440px) {}
@media (min-width:1920px) {}
.nid-lib .gd-ghost-btn,
.nid-lib .gd-primary-btn {
font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
position: relative;
width: 100%;
max-width: initial;
height: 50px;
border-radius: 0.25rem;
outline: none;
font-size: 1rem;
padding: 0 15px;
transition: all 0.2s ease-in-out;
text-align: center
}
.nid-lib [disabled].gd-primary-btn {
cursor: not-allowed
}
.nid-lib .gd-primary-btn {
border: none
}
.nid-lib .gd-primary-btn:hover,
.nid-lib .gd-primary-btn:active,
.nid-lib .gd-primary-btn:focus,
.nid-lib .gd-primary-btn:active:focus {
color: #FFF;
background: #007f33;
border-color: transparent;
outline: none
}
.nid-lib .gd-primary-btn[disabled] {
color: #FFF;
background: #D7D7D7;
border-color: transparent
}
.nid-lib .gd-ghost-btn:hover,
.nid-lib .gd-ghost-btn:active,
.nid-lib .gd-ghost-btn:focus,
.nid-lib .gd-ghost-btn:active:focus {
color: #009639;
background: #EEE;
border-color: transparent;
outline: none
}
.nid-lib .half-btns {
width: 100%
}
.nid-lib .half-btns .left,
.nid-lib .half-btns .right {
margin-bottom: 15px;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
@media (min-width:768px) {
.nid-lib .half-btns {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between
}
.nid-lib .half-btns .left,
.nid-lib .half-btns .right {
width: 47%
}
}
.nid-lib .btnWithBorder {
color: #009639;
background: #FFF;
border: 2px solid #009639
}
.nid-lib .btnWithBorder:hover,
.nid-lib .btnWithBorder:active,
.nid-lib .btnWithBorder:focus,
.nid-lib .btnWithBorder:active:focus {
color: #FFF;
background: #009639;
border-color: #009639;
outline: none
}
.nid-lib input[type=tel] {
border: 2px solid #BBB;
width: 100%;
background: #FFF;
color: #666;
outline: none;
height: 50px;
padding: 0 15px;
border-radius: 0px;
-webkit-appearance: none;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.nid-lib input.ng-valid[type=tel] {
border-color: #78BE20
}
.nid-lib .form-element:focus,
.nid-lib textarea:focus,
.nid-lib input[type=text]:focus,
.nid-lib input[type=textbox]:focus,
.nid-lib input[type=tel]:focus,
.nid-lib input[type=number]:focus,
.nid-lib input[type=search]:focus,
.nid-lib .input-type-div:focus {
border-color: #009639
}
@media (max-width:768px) {}
.nid-lib .gd-form .gd-form-row {
margin-bottom: 20px
}
.nid-lib .gd-form .gd-form-row label {
color: #666;
font-weight: normal
}
.nid-lib input::-webkit-outer-spin-button,
.nid-lib input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.nid-lib ::placeholder {
color: #BBB
}
@keyframes fadeAndFloatIn {
0% {
opacity: 0;
left: 100px
}
100% {
opacity: 1;
left: 0px
}
}
@media (min-width:1024px) {}
@media (min-width:1024px) {}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0
}
100% {
background-position: 468px 0
}
}
.nid-lib h3.page-title-secondary {
font-weight: 300;
letter-spacing: normal;
margin: 0 0 40px
}
@media (min-width:768px) {
.nid-lib h3.page-title-secondary {
font-size: 1.25rem
}
}
@media (min-width:768px) {}
.nid-lib .overlay.alternate {
background-color: #FFF !important;
color: #666;
text-align: left
}
@media (max-width:767px) {}
.nid-lib .nid-lib-icon-ITA {
position: relative
}
.nid-lib .nid-lib-icon-ITA::before {
content: url(../images/img_4678ac91ee813949.svg);
width: 120px;
height: 120px;
display: block
}
.nid-lib .nid-lib-icon-ITAA {
position: relative
}
.nid-lib .nid-lib-icon-ITAA::before {
content: url(../images/verification_shield.svg);
width: 120px;
height: 120px;
display: block
}
.nid-lib .nid-lib-icon-ITAAA {
position: relative
}
.nid-lib .nid-lib-icon-ITAAA::before {
content: url(../images/verification_circle.svg);
width: 120px;
height: 120px;
display: block
}
.nid-lib .nid-lib-icon-approve-it-close::before {
content: url(../images/img_ccb219df3651ffae.svg);
width: 18px;
height: 18px;
display: block
}
@media (min-width:768px) {}
@media (min-width:1024px) {}
@media (min-width:768px) {}
@media (min-width:1024px) {}
.nid-lib *:not(a):focus-visible,
.nid-lib *:not(a):focus {
outline: none
}
@font-face {
font-family: "LibreFranklin";
src: url(../fonts/font_e9800c98d80382a9)format("woff2")
}
@font-face {
font-family: "LibreFranklinMedium";
src: url(../fonts/font_7e2d8dbc33a5d021)format("woff2")
}
@font-face {
font-family: "LibreFranklinBold";
src: url(../fonts/font_c31a9dbd5cb7eab6)format("woff2")
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/snazzy-info-window/dist/snazzy-info-window.css?ngGlobalStyle ***!
\*******************************************************************************************************************************************************************************************************************************************************************/
/*!*********************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/swiper/swiper-bundle.css?ngGlobalStyle ***!
\*********************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: "swiper-icons";
src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-slide {
flex-shrink: 0;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-prev,
.swiper-button-next {
width: calc(var(--swiper-navigation-size)/44*27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
:root {}
.swiper-pagination {
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-horizontal>.swiper-pagination-bullets {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1)
}
:root {}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.css?ngGlobalStyle ***!
\******************************************************************************************************************************************************************************************************************************************************/
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@keyframes fa-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(359deg)
}
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/customer/css/cbe.css?ngGlobalStyle ***!
\***************************************************************************************************************************************************************************************************************************************/
/*!***************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/nouislider/dist/nouislider.css?ngGlobalStyle ***!
\***************************************************************************************************************************************************************************************************************************************************/
/*!******************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css?ngGlobalStyle ***!
\******************************************************************************************************************************************************************************************************************************************************/
[_ngcontent-ng-c3012965625]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix[_ngcontent-ng-c3012965625]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
[_ngcontent-ng-c3012965625]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix[_ngcontent-ng-c3012965625]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.clearfix[_ngcontent-ng-c3012965625] {
display: block
}
.app-transform__none[_ngcontent-ng-c3012965625] {
transform: none !important
}
.scroll-page[_ngcontent-ng-c3012965625] {
padding-top: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
@media (min-width:460px) {}
@media (min-width:767px) {}
@media (min-width:768px) {}
@media (min-width:1023px) {}
@media (min-width:1440px) {}
.scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] {
overflow: hidden;
background: #FFF;
min-height: calc(100vh - 375px)
}
@media (min-width:460px) {
.scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] {
min-height: calc(100vh - 375px)
}
}
@media (min-width:767px) {
.scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] {
min-height: calc(100vh - 376px)
}
}
@media (min-width:768px) {
.scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] {
min-height: calc(100vh - 212px)
}
}
@media (min-width:1023px) {
.scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] {
min-height: calc(100vh - 212px)
}
}
@media (min-width:1440px) {
.scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] {
min-height: calc(100vh - 212px)
}
}
.scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] {
height: 325px
}
@media (min-width:460px) {
.scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] {
height: 325px
}
}
@media (min-width:768px) {
.scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] {
height: 50px
}
}
@media (min-width:1023px) {
.scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] {
height: 50px
}
}
@media (min-width:1440px) {
.scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] {
height: 50px
}
}
.scroll-page[_ngcontent-ng-c3012965625] app-footer.hide-mobile[_ngcontent-ng-c3012965625] {
display: none
}
@media (min-width:768px) {
.scroll-page[_ngcontent-ng-c3012965625] app-footer.hide-mobile[_ngcontent-ng-c3012965625] {
display: block
}
}
app-pre-auth-header[_ngcontent-ng-c3012965625] {
display: block;
background-color: #FFF
}
app-pre-auth-header.secondaryHeaderHeight[_ngcontent-ng-c3012965625] {
height: 50px
}
.page-content-footer-wrapper[_ngcontent-ng-c3012965625] {
transition-duration: 0.5s;
width: 100%;
float: left
}
.clear-right[_ngcontent-ng-c3012965625] {
clear: right
}
@media (max-width:767px) {
.page-content-footer-wrapper[_ngcontent-ng-c3012965625] {
width: 100%
}
}
@media (min-width:768px) {
app-pre-auth-header.secondaryHeaderHeight[_ngcontent-ng-c3012965625] {
height: 79px
}
}
@media screen and (min-width:320px) and (max-width:1024px) {}
@media screen and (max-width:767px) {}
@media (min-width:1024px) {}
@media screen and (min-width:768px) and (max-width:1024px) {}
@media (min-width:531px) and (max-width:767px) {}
#top[_ngcontent-ng-c3012965625],
#bottom[_ngcontent-ng-c3012965625],
#left[_ngcontent-ng-c3012965625],
#right[_ngcontent-ng-c3012965625] {
background: #78BE20;
position: fixed;
z-index: 9999;
transition: width 0.15s ease-in-out
}
#left[_ngcontent-ng-c3012965625],
#right[_ngcontent-ng-c3012965625] {
top: 0;
bottom: 0;
width: 0
}
#left[_ngcontent-ng-c3012965625] {
left: 0
}
#right[_ngcontent-ng-c3012965625] {
right: 0
}
#top[_ngcontent-ng-c3012965625],
#bottom[_ngcontent-ng-c3012965625] {
left: 0;
right: 0;
height: 0
}
#top[_ngcontent-ng-c3012965625] {
top: 0
}
#bottom[_ngcontent-ng-c3012965625] {
bottom: 0
}
@media (max-width:767px) {}
@media (min-width:768px) {}
[_ngcontent-ng-c2882671418]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
[_ngcontent-ng-c2882671418]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.side-bar[_ngcontent-ng-c2882671418] {
display: block;
position: fixed;
width: 100%;
float: right;
border-left: 1px solid #EEE;
background-color: #FFF;
height: 100%;
z-index: 1
}
.side-bar.header-closed[_ngcontent-ng-c2882671418] {
right: -100%;
transition: 0.5s
}
.side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] {
position: relative;
height: 100%;
width: 100%;
margin-top: 1px;
background-color: #FFF;
z-index: 1000
}
.side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .header[_ngcontent-ng-c2882671418] {
width: 100%;
height: 80px;
display: flex;
padding: 30px 20px;
border-bottom: solid 1px #eeeeee;
line-height: 1
}
.side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .header[_ngcontent-ng-c2882671418] .text[_ngcontent-ng-c2882671418] {
font-size: 22px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
color: #333333;
width: 100%
}
.side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .header[_ngcontent-ng-c2882671418] .icon-close[_ngcontent-ng-c2882671418] {
right: 25px;
top: 25px;
float: right;
position: absolute
}
.side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .header[_ngcontent-ng-c2882671418] .icon-close[_ngcontent-ng-c2882671418]::before {
content: var(--sf-img-0);
width: 26px;
height: 28px;
display: block
}
.side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .body[_ngcontent-ng-c2882671418] {
display: block;
overflow: auto
}
.side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .body.with-header[_ngcontent-ng-c2882671418] {
height: calc(100vh - 245px)
}
.side-bar-content[_ngcontent-ng-c2882671418] {
display: block;
position: fixed;
right: 30%;
width: 70%;
float: left;
border-left: 1px solid #EEE;
background-color: #FFF;
height: 100%;
z-index: 20
}
.side-bar-content.content-closed[_ngcontent-ng-c2882671418] {
left: -100%
}
@media (max-width:1024px) and (min-width:320px) {
.side-bar-content[_ngcontent-ng-c2882671418] {
width: 100%
}
}
@media (min-width:1024px) {}
@media screen and (min-width:1025px) {
.side-bar[_ngcontent-ng-c2882671418] {
width: 30%
}
.side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .body.with-header[_ngcontent-ng-c2882671418] {
height: calc(100vh - 245px)
}
}
@keyframes _ngcontent-ng-c1510952385_rotate {
100% {
transform: rotate(360deg)
}
}
@keyframes _ngcontent-ng-c1510952385_dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124
}
}
[_ngcontent-ng-c81472579]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix[_ngcontent-ng-c81472579]:after,
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]:after,
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .main-nav[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
[_ngcontent-ng-c81472579]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix[_ngcontent-ng-c81472579]:after,
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]:after,
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .main-nav[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579] {
display: block
}
.chat-text[_ngcontent-ng-c81472579] {
font-size: 18px;
padding-left: 10px
}
.chat-box[_ngcontent-ng-c81472579] {
display: flex
}
.shiftHeader[_ngcontent-ng-c81472579] {
margin-left: 12px
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.shiftHeader[_ngcontent-ng-c81472579] {
margin-right: 20px
}
}
.main-header[_ngcontent-ng-c81472579] {
padding: 13px 0;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1010
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] {
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] {
flex: 1
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579] {
display: inline-block;
vertical-align: middle
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579] {
width: 24px;
height: 24px;
cursor: pointer
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579]::before {
content: url(../images/img_9d6da143382fc390.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579] {
padding-left: 0;
list-style: none
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579] {
display: inline-block;
vertical-align: middle
}
@media (max-width:768px) {}
.main-header.un-auth[_ngcontent-ng-c81472579] {
background: #FFF;
border-bottom: 1px solid #EEE
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
position: relative
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579] {
position: relative
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579]::before {
content: url(../images/img_f7baf6fab8ed8563.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] {
color: #006341
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] {
width: auto;
margin-left: 20px;
height: auto
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] {
line-height: 1
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579],
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .details[_ngcontent-ng-c81472579] {
display: inline-block;
vertical-align: middle
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .details[_ngcontent-ng-c81472579] {
display: none
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] {
display: none
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] {
position: relative;
width: 16px
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579]::before {
content: url(../images/img_8fd778cf8be190de.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579] {
color: #006341;
outline: 0;
text-decoration: none;
font-size: 18px
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579]:active,
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579]:focus,
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579]:hover,
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579]:active:focus {
color: #006341
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] {
text-align: right
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] {
position: relative;
width: 15px;
margin-right: 10px
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579]::before {
content: url(../images/img_b56bd2aeb39c48bb.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] .details[_ngcontent-ng-c81472579] {
display: inline-block
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .call[_ngcontent-ng-c81472579] {
font-size: 12px
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .top-right-header-section[_ngcontent-ng-c81472579] {
display: block
}
@keyframes _ngcontent-ng-c81472579_pulsing {
0% {
transform: scale(1);
opacity: 1
}
50% {
transform: scale(1.5);
opacity: 0
}
100% {
transform: scale(2);
opacity: 0
}
}
@media (max-width:767px) {
.chat-icon[_ngcontent-ng-c81472579] {
position: relative
}
.chat-icon[_ngcontent-ng-c81472579]::before {
content: var(--sf-img-5);
width: 18px;
height: 16px;
display: block
}
.chat-text[_ngcontent-ng-c81472579] {
display: none
}
}
@media (min-width:768px) {
.chat-icon[_ngcontent-ng-c81472579] {
color: #006341;
position: relative
}
.chat-icon[_ngcontent-ng-c81472579]::before {
content: var(--sf-img-5);
width: 24px;
height: 24px;
display: block
}
.top-right-header-section[_ngcontent-ng-c81472579] {
display: block
}
.main-header[_ngcontent-ng-c81472579] {
padding: 20px 0
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579] {
width: 40px;
height: 40px
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579] {
cursor: pointer
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579]:first-child {
margin-left: 0
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] {
margin-left: 40px
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .details[_ngcontent-ng-c81472579] {
display: inline-block
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] {
display: inline-block
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] {
margin-right: 10px
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] {
display: inline-block
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] {
margin-right: 10px;
width: 20px
}
.main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .call[_ngcontent-ng-c81472579] {
font-size: 18px
}
}
@media (min-width:1024px) {
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579] {
margin-left: 15px
}
.main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579]:first-child {
margin-left: 15px
}
}
[_ngcontent-ng-c253109351]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix[_ngcontent-ng-c253109351]:after,
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
[_ngcontent-ng-c253109351]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix[_ngcontent-ng-c253109351]:after,
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] {
display: block
}
.main-footer[_ngcontent-ng-c253109351] {
background: #FFF;
border-top: 1px solid #EEE;
color: #333;
position: relative;
z-index: 9;
height: 325px
}
@media (min-width:460px) {
.main-footer[_ngcontent-ng-c253109351] {
height: 325px
}
}
@media (min-width:768px) {
.main-footer[_ngcontent-ng-c253109351] {
height: 50px
}
}
@media (min-width:1023px) {
.main-footer[_ngcontent-ng-c253109351] {
height: 50px
}
}
@media (min-width:1440px) {
.main-footer[_ngcontent-ng-c253109351] {
height: 50px
}
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] {
list-style: none;
padding: 0;
text-align: center
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] {
border-bottom: 1px solid #EEE;
height: 60px;
line-height: 60px;
padding: 0 20px;
cursor: pointer;
position: relative
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351]:last-child {
border-right: none
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] a[_ngcontent-ng-c253109351] {
display: block;
color: #666;
text-decoration: none;
text-align: left;
outline: 0
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] a[_ngcontent-ng-c253109351] .text[_ngcontent-ng-c253109351] {
font-size: 18px;
font-family: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
vertical-align: middle;
line-height: 1
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .copyright[_ngcontent-ng-c253109351] {
position: absolute;
bottom: 8%;
padding: 0 20px;
font-size: 12px
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .copyright[_ngcontent-ng-c253109351] .text[_ngcontent-ng-c253109351] {
color: #666;
display: inline-block
}
@media (min-width:768px) {
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] {
flex: 1;
text-align: right;
margin-bottom: 0;
padding: 6px
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] {
padding: 0 15px;
display: inline-block;
height: 38px;
line-height: 38px;
border-right: 1px solid #EEE;
border-bottom: none
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351]:last-child {
margin-right: 0;
border-right: none
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] a[_ngcontent-ng-c253109351] .text[_ngcontent-ng-c253109351] {
font-size: 14px
}
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .copyright[_ngcontent-ng-c253109351] {
font-size: 8px;
width: calc(100% - 505px);
line-height: 1;
bottom: 9px
}
}
@media (min-width:1024px) {
.main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .copyright[_ngcontent-ng-c253109351] {
font-size: 10px;
bottom: 10px;
line-height: normal
}
.footer-container[_ngcontent-ng-c253109351] {
width: 100%
}
}
[_ngcontent-ng-c1573970352]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix[_ngcontent-ng-c1573970352]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
[_ngcontent-ng-c1573970352]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix[_ngcontent-ng-c1573970352]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.clearfix[_ngcontent-ng-c1573970352] {
display: block
}
.container-fluid[_ngcontent-ng-c1573970352] {
padding: 0
}
.app-link[_ngcontent-ng-c1573970352] {
cursor: pointer;
display: inline-block
}
.app-link[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] {
height: 100%
}
@media screen and (min-width:1024px) {}
.component-container[_ngcontent-ng-c1573970352] {
font-family: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
background: #FFF
}
@media (min-width:768px) {}
.formInput[_ngcontent-ng-c1573970352] {
max-width: 400px;
margin: auto
}
hr[_ngcontent-ng-c1573970352] {
margin-top: 25px;
margin-bottom: 25px
}
.border-right-container[_ngcontent-ng-c1573970352] {
margin-right: 0;
border-right: solid #EEE 1px
}
.border-top-container[_ngcontent-ng-c1573970352] {
padding: 0;
border-top: solid #EEE 1px
}
.login-container[_ngcontent-ng-c1573970352] {
font-size: 16px;
text-align: left;
padding: 50px 10px 0 10px
}
.intro-container[_ngcontent-ng-c1573970352] {
padding: 50px 0 0 0;
margin: auto;
text-align: center
}
.intro-container[_ngcontent-ng-c1573970352] .intro-img-container[_ngcontent-ng-c1573970352] {
width: 100%
}
.intro-container[_ngcontent-ng-c1573970352] .intro-img-container[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] {
opacity: 1;
width: 320px;
height: auto
}
.intro-container[_ngcontent-ng-c1573970352] .intro-content[_ngcontent-ng-c1573970352] {
margin: 20px;
font-size: 16px
}
.intro-container[_ngcontent-ng-c1573970352] .intro-content-icons[_ngcontent-ng-c1573970352] {
margin: 30px 0;
width: 100%;
height: auto
}
.intro-container[_ngcontent-ng-c1573970352] .intro-content-icon[_ngcontent-ng-c1573970352] {
display: inline-block;
margin: 0 5px
}
.intro-container[_ngcontent-ng-c1573970352] .intro-content-icon[_ngcontent-ng-c1573970352] small[_ngcontent-ng-c1573970352] {
font-size: 85%;
color: #666;
margin-right: 20px
}
.intro-container[_ngcontent-ng-c1573970352] .intro-content-icon[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] {
width: 40px;
height: 40px
}
@media screen and (min-width:768px) {}
@media screen and (min-width:361px) {}
.information-container[_ngcontent-ng-c1573970352] {
padding: 50px 30px;
text-align: left
}
.information-container.highlighted[_ngcontent-ng-c1573970352] {
background-color: #F9F9F9
}
.information-container.info[_ngcontent-ng-c1573970352] {
padding-bottom: 0
}
.entrust-container[_ngcontent-ng-c1573970352] {
display: inline-block;
margin: 50px 15px 15px 0;
font-size: 14px
}
.entrust-container[_ngcontent-ng-c1573970352] .iconEntrust[_ngcontent-ng-c1573970352] {
margin-right: 15px
}
.entrust-container[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] {
width: 40px;
height: 40px
}
.icon-field[_ngcontent-ng-c1573970352] {
display: flex
}
.icon-field[_ngcontent-ng-c1573970352] .arrow[_ngcontent-ng-c1573970352] {
position: absolute;
color: #666
}
.icon-field[_ngcontent-ng-c1573970352] .arrow[_ngcontent-ng-c1573970352]::before {
content: url(../images/img_60c9a258eafdbdf6.svg);
width: 8px;
height: 15px;
display: block
}
a[_ngcontent-ng-c1573970352]:active,
a[_ngcontent-ng-c1573970352]:visited,
a[_ngcontent-ng-c1573970352]:hover {
text-decoration: none
}
.link-text[_ngcontent-ng-c1573970352] {
color: #009639;
font-size: 16px;
margin: 18px 0;
font-weight: 700;
text-decoration: none;
cursor: pointer
}
.link-text.small[_ngcontent-ng-c1573970352] {
font-size: 14px
}
.link-text[_ngcontent-ng-c1573970352]:active,
.link-text[_ngcontent-ng-c1573970352]:visited,
.link-text[_ngcontent-ng-c1573970352]:hover {
text-decoration: none
}
.termsText[_ngcontent-ng-c1573970352] {
margin: 20px 0 10px 0;
font-size: 14px;
color: #666
}
.buttonDiv[_ngcontent-ng-c1573970352] {
margin-bottom: 20px
}
.registerBlock[_ngcontent-ng-c1573970352] {
color: #333;
font-size: 20px;
padding-bottom: 0px;
max-width: 400px;
margin: auto;
margin-top: 20px
}
.appBlock[_ngcontent-ng-c1573970352] {
color: #666;
margin: 25px 0px 20px;
font-size: 20px
}
.appBlock[_ngcontent-ng-c1573970352] div[_ngcontent-ng-c1573970352] {
margin-top: 10px
}
.appBlock[_ngcontent-ng-c1573970352] a[_ngcontent-ng-c1573970352] {
font-size: 20px;
font-weight: initial
}
.login-title[_ngcontent-ng-c1573970352] {
color: #333;
font-size: 1.75rem;
letter-spacing: 0;
line-height: 35px
}
.login-title[_ngcontent-ng-c1573970352] .strong {
font-family: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: bold
}
.ned-id-login[_ngcontent-ng-c1573970352] .gd-form-row[_ngcontent-ng-c1573970352] {
margin-bottom: 20px
}
.input-container[_ngcontent-ng-c1573970352] {
position: relative
}
.input-img[_ngcontent-ng-c1573970352] {
position: absolute;
bottom: 36%;
right: 12px;
width: 25px;
height: 25px
}
.helpText[_ngcontent-ng-c1573970352] {
font-size: 14px;
color: #BBB;
margin: 5px 0 0
}
.headingText[_ngcontent-ng-c1573970352] {
font-size: 2.5vw;
margin: 30px 0;
color: #333;
font-weight: 300
}
.infoHeading[_ngcontent-ng-c1573970352] {
font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #333;
font-size: 1.375rem;
letter-spacing: -0.9px
}
.gd-primary-btn[_ngcontent-ng-c1573970352] {
height: 26px;
width: 107px;
border-radius: 13px;
background-color: #009639;
position: relative;
left: 10px
}
.infoText[_ngcontent-ng-c1573970352] {
color: #666;
margin: 20px 0
}
.infoText[_ngcontent-ng-c1573970352] a[_ngcontent-ng-c1573970352] {
color: #666
}
.infoText[_ngcontent-ng-c1573970352] .gd-form-row[_ngcontent-ng-c1573970352] {
margin-bottom: 10px
}
.infoText[_ngcontent-ng-c1573970352] hr[_ngcontent-ng-c1573970352] {
margin: 10px 0
}
.infoText[_ngcontent-ng-c1573970352] .arrow[_ngcontent-ng-c1573970352] {
top: 3px;
right: 3px
}
.infoText[_ngcontent-ng-c1573970352] .PAIA-arrow[_ngcontent-ng-c1573970352] {
top: 14px
}
.linkButtons[_ngcontent-ng-c1573970352] {
margin: 25px 0
}
.linkButtons[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] {
padding: 5px;
width: 132px
}
@media (max-width:767px) {}
.animated[_ngcontent-ng-c1573970352] {
animation-duration: 5s;
animation-fill-mode: both
}
@keyframes _ngcontent-ng-c1573970352_fadeAndScaleIn {
0% {
opacity: 0;
transform: scale(1.1)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes _ngcontent-ng-c1573970352_fadeAndScaleIn {
0% {
opacity: 0;
transform: scale(1.1)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes _ngcontent-ng-c1573970352_fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn[_ngcontent-ng-c1573970352] {
animation-name: _ngcontent-ng-c1573970352_fadeIn
}
.stealthy[_ngcontent-ng-c1573970352] {
left: 0;
top: 0;
margin: 0;
max-height: 1px;
max-width: 1px;
opacity: 0;
outline: none;
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: -1
}
@media screen and (max-width:1024px) {
.headingText[_ngcontent-ng-c1573970352] {
font-size: 40px;
margin: 0 20px 50px 20px;
text-align: center
}
.login-container[_ngcontent-ng-c1573970352] {
padding: 50px 0 0 0
}
.login-title[_ngcontent-ng-c1573970352] {
font-size: 1.375rem
}
.information-container[_ngcontent-ng-c1573970352] {
padding: 50px 20px
}
.infoHeading[_ngcontent-ng-c1573970352] {
font-size: 1.375rem
}
.bottom-container[_ngcontent-ng-c1573970352] .border-top-container[_ngcontent-ng-c1573970352] {
padding: 0
}
.entrust-container[_ngcontent-ng-c1573970352] {
text-align: center;
margin: 30px 15px 0 15px;
font-size: 12px
}
}
@media screen and (max-width:767px) {
.login-container[_ngcontent-ng-c1573970352] {
padding: 25px 10px
}
.information-container[_ngcontent-ng-c1573970352] {
padding: 10px
}
.information-container.info[_ngcontent-ng-c1573970352] hr[_ngcontent-ng-c1573970352] {
border: none
}
.headingText[_ngcontent-ng-c1573970352] {
font-size: 28px;
margin: 20px
}
.login-title[_ngcontent-ng-c1573970352] {
font-size: 20px
}
.infoHeading[_ngcontent-ng-c1573970352] {
font-size: 20px
}
}
.hide-mobile[_ngcontent-ng-c1573970352] {
display: none
}
@media (min-width:768px) {
.hide-mobile[_ngcontent-ng-c1573970352] {
display: block
}
}
.explore-our-demo[_ngcontent-ng-c1573970352] {
color: #009639;
font-size: 16px;
font-weight: 500;
cursor: pointer;
margin: 10px;
text-align: center
}
.explore-demo-content[_ngcontent-ng-c1573970352] {
margin: 10px
}
.demo-icon[_ngcontent-ng-c1573970352] {
display: inline-block;
position: relative;
object-fit: contain;
margin-top: -3px;
margin-left: -10px;
vertical-align: bottom
}
.demo-icon[_ngcontent-ng-c1573970352]::before {
content: url(../images/img_39b5f1c0f6f72d7c.svg);
width: 23px;
height: 24px;
display: block
}
.login-form app-message-alert .alert-container .message .text {
padding-left: 10px;
padding-right: 10px
}
.PAIA-text[_ngcontent-ng-c1573970352] {
display: inline-block;
width: 240px
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
[_ngcontent-ng-c1679851615]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
[_ngcontent-ng-c1679851615]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.new-feature[_ngcontent-ng-c1679851615] {
background-color: #F9F9F9
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] {
margin: 0 auto;
width: 100%
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615]>.heading[_ngcontent-ng-c1679851615] {
font-family: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
color: #333;
font-size: 22px;
padding: 20px;
font-weight: 500;
line-height: 35px
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] {
position: relative
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] .card-container {
width: 295px;
margin: 0 auto
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] .card-container .card .card-body .card-text {
max-height: 40px
}
@media (min-width:768px) {
.new-feature[_ngcontent-ng-c1679851615] {
padding: 0px 20px
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] {
width: 100%;
margin: 0px auto;
padding-bottom: 30px
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615]>.heading[_ngcontent-ng-c1679851615] {
font-size: 24px;
padding: 60px 0 20px
}
}
@media (min-width:1024px) {
.new-feature[_ngcontent-ng-c1679851615] {
padding: 0px 40px
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] {
width: 100%
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] {
padding: 0px 20px
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] .card-container {
width: 281px;
margin: 0 auto;
margin-bottom: auto
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615]>.heading[_ngcontent-ng-c1679851615] {
font-size: 28px
}
}
@media (min-width:1440px) {
.new-feature[_ngcontent-ng-c1679851615] {
padding: 0px 100px
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] {
padding: 0px 40px;
position: relative
}
.new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] .card-container {
width: 295px
}
}
[_ngcontent-ng-c3078892097]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
[_ngcontent-ng-c3078892097]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
[_ngcontent-ng-c2971746515]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
[_ngcontent-ng-c2971746515]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.swiper-slider-container[_ngcontent-ng-c2971746515] .swiper-pagination {
position: relative;
margin-top: 40px
}
.swiper-slider-container[_ngcontent-ng-c2971746515] .swiper-pagination .swiper-pagination-bullet {
margin: 0 3px;
background: #BBB
}
[_nghost-ng-c2971746515] .swiper-button-next {
background: none;
position: absolute;
top: 43%
}
[_nghost-ng-c2971746515] .swiper-button-next::before {
content: var(--sf-img-8);
width: 16px;
height: 16px;
display: block
}
[_nghost-ng-c2971746515] .swiper-button-prev {
background: none;
position: absolute;
top: 43%;
transform: rotate(180deg)
}
[_nghost-ng-c2971746515] .swiper-button-prev::before {
content: var(--sf-img-8);
width: 16px;
height: 16px;
display: block
}
[_nghost-ng-c2971746515] .swiper-button-prev:after {
content: none
}
[_nghost-ng-c2971746515] .swiper-button-next:after {
content: none
}
@media (min-width:1024px) {}
@media (min-width:1440px) {}
swiper-container {
position: inherit !important
}
swiper-container {
width: 100%;
height: 100%
}
swiper-slide {
text-align: center;
font-size: 18px;
justify-content: center;
align-items: center
}
swiper-slide img {
display: block;
object-fit: cover
}
swiper-container::part(pagination) {
position: relative;
margin-top: 40px
}
swiper-container::part(bullet-active) {
background: #78BE20;
opacity: 1;
width: 24px;
border-radius: 5px
}
[_ngcontent-ng-c4003506759]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
[_ngcontent-ng-c4003506759]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.card-container[_ngcontent-ng-c4003506759] {
box-shadow: 0px 3px 3px 0px rgba(141, 151, 158, 0.2);
border-radius: 5px;
border: 1px solid #EEE
}
.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] {
width: 100%
}
.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .image-container[_ngcontent-ng-c4003506759] {
height: 140px
}
.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .image-container[_ngcontent-ng-c4003506759] img[_ngcontent-ng-c4003506759] {
border-radius: 5px 5px 0px 0px;
height: 100%;
width: 100%
}
.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] {
background-color: #FFF;
padding: 20px;
min-height: 145px;
border-radius: 0px 0px 5px 5px
}
.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .card-text[_ngcontent-ng-c4003506759] {
font-size: 13px;
margin-bottom: 40px;
color: #333
}
.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759] {
font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
color: #009639;
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 20px 0px;
opacity: 0.9;
display: inline;
cursor: pointer
}
.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759] .link-icon[_ngcontent-ng-c4003506759] {
margin-left: 8px;
display: inline;
position: absolute;
transition: transform 0.2s ease-in-out;
-webkit-transition: transform 0.2s ease-in-out;
-moz-transition: transform 0.2s ease-in-out;
-ms-transition: transform 0.2s ease-in-out;
-o-transition: transform 0.2s ease-in-out
}
.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759] .link-icon[_ngcontent-ng-c4003506759]::before {
content: url(../images/img_69ebe717522a7556.svg);
width: 24px;
height: 24px;
display: block
}
.card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759]:hover .link-icon[_ngcontent-ng-c4003506759] {
transform: translateX(5px);
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px)
}
[_ngcontent-ng-c1987034717]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
[_ngcontent-ng-c1987034717]:root {
--font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif;
--font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif
}
.no-padding[_ngcontent-ng-c1987034717] {
padding: 0
}
.alert-container[_ngcontent-ng-c1987034717] {
margin-bottom: 30px;
transition: all 0.3s
}
.alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] {
display: flex;
padding: 15px;
z-index: 99
}
.alert-container[_ngcontent-ng-c1987034717] .message.center[_ngcontent-ng-c1987034717] {
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
.alert-container[_ngcontent-ng-c1987034717] .message.error[_ngcontent-ng-c1987034717] {
background: #fae3e5
}
.alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .icon[_ngcontent-ng-c1987034717] {
width: 15px;
height: 15px
}
.alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .text[_ngcontent-ng-c1987034717] {
flex: 1;
color: #333;
font-size: 14px;
margin: 0 10px
}
.alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .errorIcon[_ngcontent-ng-c1987034717] {
position: relative
}
.alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .errorIcon[_ngcontent-ng-c1987034717]::before {
content: url(../images/img_36b3864336c6eef7.svg);
width: 100%;
height: 100%;
display: block
}
.alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .closeIcon[_ngcontent-ng-c1987034717] {
position: relative;
cursor: pointer
}
.alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .closeIcon[_ngcontent-ng-c1987034717]::before {
content: var(--sf-img-0);
width: 100%;
height: 100%;
display: block
}
@media (min-width:768px) {}
.sf-hidden {
display: none !important
}