.blank-panel{
display: inline-flex;
width: 100%;
height: 100vh;
overflow-y: auto;
}
@media (max-width: 1620px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.blank-panel { display: block; height: auto; }
}
@media (max-width: 500px) {
}
.blank-panel-lf{
width: calc(100% - 400px);
position: fixed;
overflow-y: auto;
height: 100%;
}
@media (max-width: 1620px) {
.blank-panel-lf { width: calc(100% - 350px); }
}
@media (max-width: 1300px) {
.blank-panel-lf { width: calc(100% - 300px); }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.blank-panel-lf { position: initial; height: auto; width: 100%; }
}
@media (max-width: 500px) {
}
.blank-panel-rg{
position: fixed;
width: 400px;
background: #FFF;
height: 100%;
box-sizing: border-box;
padding: 40px 40px 80px 40px;
right: 0;
overflow-y: auto;
box-shadow: -1px 0 0 0 #d8e2eb;
}
@media (max-width: 1620px) {
.blank-panel-rg { width: 350px; padding: 32px 32px 80px 32px; }
}
@media (max-width: 1300px) {
.blank-panel-rg { width: 300px; padding: 24px 24px 80px 24px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.blank-panel-rg { position: initial; width: 100%; height: auto; border-top: 1px solid #d3dce9; }
}
@media (max-width: 500px) {
}
.alert{
display: inline-flex;
align-items: flex-start;
position: fixed;
z-index: 1000000;
top: 80px;
right: -100%;
padding: 20px 10px;
box-shadow: 0px 5px 30px 0 rgba(48, 66, 95, 0.1);
border-radius: 2px;
transition: right 400ms cubic-bezier(.29,1.39,.47,.96);
}
.alert.open{
right: 2.5%;
}
.alert.inf  { background: #E8F7FF; color: #4060A9; border: 1px solid #E2E9EE; }
.alert.err  { background: #FFEBEE; color: #D23753; border: 1px solid #ffe5ea; }
.alert.suc  { background: #EFFCF2; color: #32927a; border: 1px solid #e5f3ef; }
.alert.war  { background: #FFF6E8; color: #DD7905; border: 1px solid #fff3e5; }
.alert-icon{
display: block;
width: 50px;
line-height: 50px;
text-align: center;
font-size: 3em;
}
.alert-message{
display: block;
max-width: 250px;
margin: 0 30px 0 10px;
}
.alert-message span{
font-size: 1.6em;
line-height: 1.6em;
font-weight: 700;
display: block;
}
.alert-message .message{
font-size: 1.4em;
line-height: 1.4em;
margin: 0;
}
.alert-message .message strong{
color: inherit !important;
font-weight: 500;
}
.alert-message .message ul{
list-style-image: none;
padding-left: 20px;
font-weight: 500;
}
.alert-action{
position: absolute;
top: 0;
right: 0;
}
.alert-action .button{
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.alert { padding: 10px 5px; }
.alert-icon{ width: 40px; line-height: 40px; font-size: 2.4em; }
.alert-message { max-width: 150px; margin: 0 30px 0 5px; }
.alert-message span { font-size: 1.4em; line-height: 1.4em; }
.alert-message .message { font-size: 1.3em; line-height: 1.3em; }
.alert-action{ top: -5px; right: -5px; }
}
#autofunding_request{
background: #FFF;
border-radius: 4px;
display: none;
position: fixed;
z-index: 1001;
left: 50%;
top: 80px;
min-width: 500px;
margin-left: -250px;
box-shadow: 0 0 0 1px #E2E8F1, 0 11px 23px rgba(48, 66, 95, 0.05);
}
#autofunding_request_shade {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(61,77,96,0.95);
-webkit-backdrop-filter: sepia(0.5);
backdrop-filter: sepia(0.5);
}
.loader{
text-align: center;
width: 100%;
padding: 12% 0;
display: none;
}
.loader.xsm img  { height: 30px; width: auto; }
.loader.sm img   { height: 40px; width: auto; }
.loader.md img   { height: 50px; width: auto; }
.loader.lg img   { height: 60px; width: auto; }
.loader.xlg img  { height: 80px; width: auto; }
.loader p{
color: #7F8AA5;
font-weight: 700;
}
.loader.xsm p  { margin-top: 10px; font-size: 1.2em; }
.loader.sm p   { margin-top: 12px; font-size: 1.3em; }
.loader.md p   { margin-top: 15px; font-size: 1.4em; }
.loader.lg p   { margin-top: 18px; font-size: 1.5em; }
.loader.xlg p  { margin-top: 20px; font-size: 1.6em; }
.loader.comp{
padding: 5% 0 !important;
}
.tooltip{
display: inline;
border-radius: 2px;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
z-index: 10;
box-sizing: border-box;
}
.button:hover .tooltip, .button.hover .tooltip, .toggle:hover .tooltip, .field:hover .tooltip{
opacity: 1;
visibility: visible;
}
.icon:hover .tooltip{
opacity: 1;
visibility: visible;
}
.cell-tag:hover .tooltip{
opacity: 1;
visibility: visible;
}
.tag:hover .tooltip{
opacity: 1;
visibility: visible;
}
.tooltip:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
}
.tooltip-wrap{
width: max-content;
max-width: 400px;
max-height: 110px;
overflow-y: auto;
text-align: left;
}
.tooltip-wrap p{
margin: 0;
display: block;
white-space: pre-line;
font-weight: 400;
}
.tooltip-wrap p a{
font-weight: 700;
text-decoration: underline;
}
.tooltip.def   { background: #424770; color: #FFF; }
.tooltip.whi   { background: #FFF; box-shadow: 0px 11px 23px rgba(48, 66, 95, 0.1); color: #4E5879; }
.tooltip.sm    { padding: 10px; }
.tooltip.md    { padding: 15px; }
.tooltip.sm p    { font-size: 1.3em; line-height: 1.6em; color: #FFF; }
.tooltip.md p    { font-size: 1.4em; line-height: 1.6em; color: #FFF; }
.tooltip.top.def::after  { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #424770; bottom: -6px; left: calc(50% - 6px); }
.tooltip.bot.def:after   { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #424770; top: -6px; left: calc(50% - 6px); }
.tooltip.rig.def:after   { border-left: 6px solid transparent; border-right: 6px solid #424770; border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: -12px; top: calc(50% - 6px); }
.tooltip.lef.def:after   { border-left: 6px solid #424770; border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: -12px; top: calc(50% - 6px); }
.tooltip.toplef.def::after  { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #424770; bottom: -6px; right: 10px; }
.tooltip.toprig.def::after  { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #424770; bottom: -6px; left: 10px; }
.tooltip.botlef.def::after     { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #424770; top: -6px; right: 10px; }
.tooltip.top.whi::after  { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFFFFF; bottom: -6px; left: calc(50% - 6px); }
.tooltip.bot.whi:after   { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFFFFF; top: -6px; left: calc(50% - 6px); }
.tooltip.rig.whi:after   { border-left: 6px solid transparent; border-right: 6px solid #FFFFFF; border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: -12px; top: calc(50% - 6px); }
.tooltip.lef.whi:after   { border-left: 6px solid #FFFFFF; border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: -12px; top: calc(50% - 6px); }
.tooltip.toplef.whi::after  { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFFFFF; bottom: -6px; right: 10px; }
.tooltip.toprig.whi::after  { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFFFFF; bottom: -6px; left: 10px; }
/* .tooltip.botlef.def::after     { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFFFFF; top: -6px; right: 10px; } */
.tooltip.top   { bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); }
.tooltip.bot   { top: calc(100% + 10px); left: 50%; transform: translateX(-50%); }
.tooltip.lef   { top: 50%; right: calc(100% + 10px); transform: translateY(-50%); }
.tooltip.rig   { top: 50%; left: calc(100% + 10px); transform: translateY(-50%); }
.tooltip.toplef   { bottom: calc(100% + 10px); right: 0;  }
.tooltip.toprig   { bottom: calc(100% + 10px); left: 0;  }
.tooltip.botlef   { top: calc(100% + 10px); right: 0;  }
.tooltip.copy{
display: none;
visibility: visible;
opacity: 1;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.tooltip-wrap { max-width: 300px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.tooltip-wrap { max-width: 200px; }
.tooltip.top   { left: 0; }
.tooltip.bot   { left: 0; }
.tooltip.lef   { top: 50%; right: calc(100% + 10px); transform: translateY(-50%); }
.tooltip.rig   { top: 50%; left: calc(100% + 10px); transform: translateY(-50%); }
.tooltip.toplef   { bottom: calc(100% + 10px); right: 0;  }
.tooltip.toprig   { bottom: calc(100% + 10px); left: 0;  }
}
.support-tooltip{
font-size: 90.91%;
display: inline;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
z-index: 10;
box-sizing: border-box;
border-radius: 10px;
background: #FFF;
box-shadow: 0px 5px 15px 0px rgba(48, 66, 95, 0.20), 0px 0px 2px 0px #CCD6E5;
}
.button:hover .support-tooltip, .button.hover .support-tooltip{
opacity: 1;
visibility: visible;
}
.icon:hover .support-tooltip{
opacity: 1;
visibility: visible;
}
.cell-tag:hover .support-tooltip{
opacity: 1;
visibility: visible;
}
.tag:hover .support-tooltip{
opacity: 1;
visibility: visible;
}
.support-tooltip:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
}
.support-tooltip-wrap{
display: flex;
flex-direction: column;
align-items: flex-start;
white-space: normal;
width: max-content;
max-width: 372px;
max-height: 440px;
overflow-y: auto;
text-align: left;
}
.support-tooltip-wrap.fxhs{
height: 80px !important;
overflow-y: scroll;
}
.support-tooltip-wrap.fxhm{
height: 100px !important;
overflow-y: scroll;
}
.support-tooltip-wrap.fxhl{
height: 130px !important;
overflow-y: scroll;
}
.support-tooltip::before, .support-tooltip::after {
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 11;
}
/* Tooltip TOP */
.support-tooltip.top::before {
content: '';
position: absolute;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #CCD6E5;
bottom: -7px;
left: calc(50% - 7px);
}
.support-tooltip.top::after {
content: '';
position: absolute;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #FFFFFF;
bottom: -6px;
left: calc(50% - 6px);
}
/* Tooltip BOTTOM */
.support-tooltip.bot::before {
content: '';
position: absolute;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCD6E5;
top: -7px;
left: calc(50% - 7px);
}
.support-tooltip.bot::after {
content: '';
position: absolute;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #FFFFFF;
top: -6px;
left: calc(50% - 6px);
}
/* Tooltip RIGHT */
.support-tooltip.rig::before {
content: '';
position: absolute;
border-left: 7px solid transparent;
border-right: 7px solid #CCD6E5;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
left: -14px;
top: calc(50% - 7px);
}
.support-tooltip.rig::after {
content: '';
position: absolute;
border-left: 6px solid transparent;
border-right: 6px solid #FFFFFF;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
left: -12px;
top: calc(50% - 6px);
}
/* Tooltip LEFT */
.support-tooltip.lef::before {
content: '';
position: absolute;
border-left: 7px solid #CCD6E5;
border-right: 7px solid transparent;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
right: -14px;
top: calc(50% - 7px);
}
.support-tooltip.lef::after {
content: '';
position: absolute;
border-left: 6px solid #FFFFFF;
border-right: 6px solid transparent;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
right: -12px;
top: calc(50% - 6px);
}
/* Tooltip TOP-LEFT */
.support-tooltip.toplef::before {
content: '';
position: absolute;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #CCD6E5;
bottom: -7px;
right: 11px;
}
.support-tooltip.toplef::after {
content: '';
position: absolute;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #FFFFFF;
bottom: -6px;
right: 10px;
}
/* Tooltip TOP-RIGHT */
.support-tooltip.toprig::before {
content: '';
position: absolute;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #CCD6E5;
bottom: -7px;
left: 11px;
}
.support-tooltip.toprig::after {
content: '';
position: absolute;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #FFFFFF;
bottom: -6px;
left: 10px;
}
/* Tooltip BOTTOM-LEFT */
.support-tooltip.botlef.def::before {
content: '';
position: absolute;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCD6E5;
top: -7px;
right: 11px;
}
.support-tooltip.botlef.def::after {
content: '';
position: absolute;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #FFFFFF;
top: -6px;
right: 10px;
}
/* Tooltip BOTTOM-RIGHT */
.support-tooltip.botrig::before {
content: '';
position: absolute;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCD6E5;
top: -7px;
left: 11px;
}
.support-tooltip.botrig::after {
content: '';
position: absolute;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #FFFFFF;
top: -6px;
left: 10px;
}
.support-tooltip.top   { bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); }
.support-tooltip.bot   { top: calc(100% + 10px); left: 50%; transform: translateX(-50%); }
.support-tooltip.lef   { top: 50%; right: calc(100% + 10px); transform: translateY(-50%); }
.support-tooltip.rig   { top: 50%; left: calc(100% + 10px); transform: translateY(-50%); }
.support-tooltip.toplef   { bottom: calc(100% + 10px); right: 0;  }
.support-tooltip.toprig   { bottom: calc(100% + 10px); left: 0;  }
.support-tooltip.botlef   { top: calc(100% + 10px); right: 0;  }
.support-tooltip.botrig   { top: calc(100% + 10px); left: 0;  }
.support-tooltip.copy{
display: none;
visibility: visible;
opacity: 1;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.support-tooltip-wrap { max-width: 300px; }
}
@media (max-width: 820px) {
}
@media (max-width: 599px) {
.support-tooltip.dnm{
display: none !important;
}
}
@media (max-width: 500px) {
.support-tooltip-wrap { max-width: 200px; }
.support-tooltip.top   { left: 0; }
.support-tooltip.bot   { left: 0; }
.support-tooltip.lef   { top: 50%; right: calc(100% + 10px); transform: translateY(-50%); }
.support-tooltip.rig   { top: 50%; left: calc(100% + 10px); transform: translateY(-50%); }
.support-tooltip.toplef   { bottom: calc(100% + 10px); right: 0;  }
.support-tooltip.toprig   { bottom: calc(100% + 10px); left: 0;  }
}
.disclaimer{
display: block;
width: 100%;
font-weight: 500;
box-sizing: border-box;
line-height: 1.75em;
border-radius: 2px;
}
.disclaimer.def   { background: #f7faff; color: #4E5879; }
.disclaimer.suc   { background: #EEFDFA; color: #04A777; }
.disclaimer.war   { background: #FFF8E6; color: #DA904C; }
.disclaimer.err   { background: #FDEEF3; color: #DA4C6E; }
.disclaimer.inf   { background: #e4f2ff; color: #3b87cf;  }
.disclaimer.sm   { padding: 10px 15px; font-size: 1.2em; }
.disclaimer.md   { padding: 15px 20px; font-size: 1.4em; }
.disclaimer.lg   { padding: 20px 25px; font-size: 1.5em; }
.disclaimer.tight { line-height: 1.2em; }
.disclaimer a{
font-weight: 700;
color: #5373BD;
}
.disclaimer a:hover{
text-decoration: underline;
}
.disclaimer.def ul   { color: #4E5879; }
.disclaimer.suc ul   { color: #04A777; }
.disclaimer.war ul   { color: #DA904C; }
.disclaimer.err ul   { color: #DA4C6E; }
.disclaimer.inf ul   { color: #3b87cf; }
@media (max-width: 1620px) {
.disclaimer.sm   { padding: 8px 13px; }
.disclaimer.md   { padding: 13px 18px; }
.disclaimer.lg   { padding: 18px 23px; }
}
@media (max-width: 1300px) {
.disclaimer.sm   { padding: 6px 11px; }
.disclaimer.md   { padding: 11px 16px; }
.disclaimer.lg   { padding: 16px 21px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.upseller{
z-index: 1000;
position: fixed;
bottom: 30px;
left: 110px;
display: inline-flex;
align-items: top;
box-sizing: border-box;
padding: 25px;
box-shadow: 0 4px 16px 0 rgb(0 0 0 / 16%);
background: #FFF;
border-radius: 4px;
}
.upseller-lf{
display: block;
margin-right: 20px;
}
.upseller-icon{
display: block;
}
.upseller-rg{
display: block;
max-width: 320px;
}
.upseller-body{
display: block;
}
.upseller-title{
display: block;
font-weight: 700;
font-size: 1.6em;
color: #2A2F4B;
line-height: 1.5em;
margin-bottom: 2px;
}
.upseller-content{
display: block;
font-size: 1.4em;
line-height: 1.5em;
color: #4E5879;
}
.upseller-ctas{
margin-top: 12px;
display: block;
}
.upseller-ctas > *{
margin-right: 10px;
}
.upseller .button.clo{
position: absolute;
top: 0;
right: 0;
}
.notifications{
width: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.notification{
width: 100%;
box-sizing: border-box;
padding: 12px 70px 12px 25px;
border-bottom: 1px solid #d8e2eb;
position: relative;
}
.notification.gre   { background: #e0f9f4; color: #029a6d; }
.notification.yel   { background: #FFF8E6; color: #DA904C; }
.notification.red   { background: #FDEEF3; color: #DA4C6E; }
.notification.blu   { background: #eef8fd; color: #4c8eda; }
.notification.open{
display: inline-flex;
align-items: center;
}
.notification .note{
width: 100%;
display: flex;
gap: 10px 15px;
align-items: center;
flex-wrap: wrap;
}
.notification .note label{
line-height: 150%;
font-size: 1.4em;
}
.notification .note a{
font-weight: 700;
text-decoration: underline;
color: #5373BD;
}
.notification .button.clo{
position: absolute;
right: 0;
top: 0;
}
.notification a{
cursor: pointer;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.toast{
align-items: flex-start;
position: fixed;
z-index: 1000000;
bottom: 20px;
right: -100%;
display: flex;
width: 360px;
padding: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 12px;
border-radius: 3px;
background: #F5F8FF;
box-shadow: 0px 0px 0px 1px #D3DCE9, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
transition: right 400ms cubic-bezier(.29,1.39,.47,.96);
}
.toast__info{
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
}
.toast__info h3{
align-self: stretch;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.5em;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.toast__info p{
align-self: stretch;
color: #4E5879;
font-family: 'Aktiv';
font-size: 1.4em;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.toast__ctas{
display: flex;
align-items: center;
gap: 12px;
}
.toast--open{
right: 20px;
}
.toast__alert-action{
position: absolute;
top: 0;
right: 0;
}
.toast__alert-action .button{
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.banner{
max-width: 90%;
border-radius: 2px;
background: #FFF;
position: fixed;
bottom: 40px;
overflow: hidden;
display: flex;
align-items: center;
z-index: 10000;
box-shadow: 0px 2px 4px 0 rgb(48 66 95 / 10%);
text-align: left;
}
.banner-icon{
width: 60px;
height: 60px;
}
.banner-icon img{
width: auto;
height: 100%;
}
.banner-content{
padding: 15px;
}
.banner-content > * {
margin-right: 10px;
}
.banner-stars{
display: inline-flex;
}
.banner-stars > * {
margin-right: 5px;
}
.banner-star{
background: #F1F6FB;
width: 30px;
height: 30px;
line-height: 32px;
text-align: center;
color: #EF492D;
font-size: 1.5em;
}
.banner-info{
font-size: 1.5em;
display: inline-flex;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.banner-icon        { width: 50px; height: 50px; }
.banner-content     { padding: 10px; }
.banner-star        { width: 24px; height: 24px; line-height: 26px; font-size: 1.3em; }
}
@media (max-width: 820px) {
.banner-stars        { display: none; }
}
@media (max-width: 500px) {
.banner             { bottom: 10px; }
.banner-content     { padding: 15px; }
.banner-icon        { display: none; }
}
.waiting-box{
display: flex;
width: 100%;
align-items: center;
box-sizing: border-box;
background: #F7F8FF;
}
.waiting-box__buttons{
display: flex;
flex-direction: column;
gap: 10px;
}
.waiting-info{
display: flex;
align-items: center;
flex: 1 0 0;
}
.waiting-info span{
flex: 1 0 0;
color: #4E5879;
font-family: 'Aktiv';
font-style: normal;
font-weight: 500;
}
.waiting-icon{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.waiting-icon img{
width: 50px;
height: 50px;
}
.waiting-box.sm{padding: 10px 15px; gap: 15px;}
.waiting-box.md{padding: 15px 20px; gap: 20px;}
.waiting-box.lg{padding: 20px 25px; gap: 25px;}
.waiting-box.sm .waiting-info{gap: 15px;}
.waiting-box.md .waiting-info{gap: 20px;}
.waiting-box.lg .waiting-info{gap: 25px;}
.waiting-box.sm .waiting-info span{font-size: 1.3em; line-height: 140%;}
.waiting-box.md .waiting-info span{font-size: 1.4em; line-height: 140%;}
.waiting-box.lg .waiting-info span{font-size: 1.5em; line-height: 140%;}
.waiting-box.sm .waiting-icon img{width: 30px; height: 30px;}
.waiting-box.md .waiting-icon img{width: 40px; height: 40px;}
.waiting-box.lg .waiting-icon img{width: 50px; height: 50px;}
.waiting-box.sm .waiting-loader img{width: 20px; height: 20px;}
.waiting-box.md .waiting-loader img{width: 30px; height: 30px;}
.waiting-box.lg .waiting-loader img{width: 40px; height: 40px;}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.waiting-box{
flex-direction: column;
}
}
@media (max-width: 500px) {
}
.card-tail{
position: absolute;
box-sizing: border-box;
font-weight: 700;
color: #FFF;
z-index: 1;
text-transform: uppercase;
}
.card-tail.def  { background: #6c8bdd; }
.card-tail.pur  { background: #E56399; }
.card-tail.org  { background: #ff897d; }
.card-tail.gre  { background: #7acf7d; }
.card-tail.sm    { top: 10px; font-size: 1em; height: 20px; line-height: 21px; }
.card-tail.md    { top: 14px; font-size: 1.1em; height: 26px; line-height: 27px; }
.card-tail.lg    { top: 18px; font-size: 1.2em; height: 32px; line-height: 33px; }
.card-tail.sm.rg    { padding: 0 8px; right: -8px; }
.card-tail.md.rg    { padding: 0 12px; right: -12px; }
.card-tail.lg.rg    { padding: 0 16px; right: -16px; }
.card-tail.sm.lf    { padding: 0 8px; left: -8px; }
.card-tail.md.lf    { padding: 0 12px; left: -12px; }
.card-tail.lg.lf    { padding: 0 16px; left: -16px; }
.card-tail.rg::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
}
.card-tail.lf::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
}
.card-tail.lf.sm::before  { border-left: 8px solid transparent; border-top: 8px solid; top: 0; }
.card-tail.lf.md::before  { border-left: 12px solid transparent; border-top: 12px solid; top: 0; }
.card-tail.lf.lg::before  { border-left: 16px solid transparent; border-top: 16px solid; top: 0; }
.card-tail.rg.sm::after  { border-right: 8px solid transparent; border-top: 8px solid; top: 0; }
.card-tail.rg.md::after  { border-right: 12px solid transparent; border-top: 12px solid; top: 0; }
.card-tail.rg.lg::after  { border-right: 16px solid transparent; border-top: 16px solid; top: 0; }
.card-tail.rg.def::after, .card-tail.lf.def::before  { border-top-color: #395ab1; }
.card-tail.rg.pur::after, .card-tail.lf.pur::before  { border-top-color: #a32e5f; }
.card-tail.rg.org::after, .card-tail.lf.org::before  { border-top-color: #bd6961; }
.card-tail.rg.gre::after, .card-tail.lf.gre::before  { border-top-color: #5a835b; }
.card-tail.rg.sm::after  { right: 0; top: 20px; }
.card-tail.rg.md::after  { right: 0; top: 26px; }
.card-tail.rg.lg::after  { right: 0; top: 32px; }
.card-tail.lf.sm::before  { left: 0; top: 20px; }
.card-tail.lf.md::before  { left: 0; top: 26px; }
.card-tail.lf.lg::before  { left: 0; top: 32px; }
.card-remove{
position: absolute;
top:0;
right: 0;
box-shadow: 0 0 0 1px #d3dce9;
}
.card-settings{
position: relative;
text-align: left;
width: 100%;
display: block;
background: #FFF;
box-sizing: border-box;
box-shadow: 0 0 0 1px #d8e2eb;
}
.card-settings.xsm    { padding: 26px; border-radius: 2px; }
.card-settings.sm    { padding: 36px; border-radius: 2px; }
.card-settings.md    { padding: 46px; border-radius: 2px; }
.card-settings.lg    { padding: 56px; border-radius: 2px; }
.card-settings.xlg    { padding: 66px; border-radius: 2px; }
.card-settings.cle{
background: transparent !important;
box-shadow: none !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
@media (max-width: 1620px) {
.card-settings.xsm    { padding: 22px; }
.card-settings.sm    { padding: 32px; }
.card-settings.md    { padding: 42px; }
.card-settings.lg    { padding: 52px; }
.card-settings.xlg    { padding: 62px; }
}
@media (max-width: 1300px) {
.card-settings.xsm    { padding: 14px; }
.card-settings.sm    { padding: 24px; }
.card-settings.md    { padding: 34px; }
.card-settings.lg    { padding: 44px; }
.card-settings.xlg    { padding: 54px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.card-settings.xsm    { padding: 11px; }
.card-settings.sm    { padding: 19px; }
.card-settings.md    { padding: 29px; }
.card-settings.lg    { padding: 39px; }
.card-settings.xlg    { padding: 49px; }
}
@media (max-width: 500px) {
.card-settings.xsm    { padding: 8px; }
.card-settings.sm    { padding: 14px; }
.card-settings.md    { padding: 24px; }
.card-settings.lg    { padding: 32px; }
.card-settings.xlg    { padding: 32px; }
}
.wcsh-row{
width: 100%;
text-align: left;
}
.wcsh-row h2{
margin-bottom: 3px;
margin-right: 10px;
display: inline-flex;
}
.wcsh-row .cc-logo{
box-sizing: border-box;
height: 24px;
display: inline-block;
align-items: center;
margin-right: 10px;
text-align: center;
box-shadow: 0 0 0 1px #DCE2EE;
vertical-align: top;
}
.wcsh-row .cc-logo img{
height: 100%;
}
.wcsh-desc{
color: #4E5879;
display: block;
width: 100%;
text-align: left;
}
.wcsh-desc p b{
color: #2A2F4B !important;
font-weight: 500;
}
.wcsh-desc.sm   { margin-top: 8px; font-size: 1.4em; }
.wcsh-desc.md   { margin-top: 12px; font-size: 1.5em; }
.wcsh-desc.lg   { margin-top: 16px; font-size: 1.6em; }
@media (max-width: 1620px) {
.wcsh-row h2    { margin-right: 8px; }
.wcsh-row .cc-logo  { height: 22px; margin-right: 8px; }
.wcsh-desc.sm   { margin-top: 6px; }
.wcsh-desc.md   { margin-top: 10px; }
.wcsh-desc.lg   { margin-top: 14px; }
}
@media (max-width: 1300px) {
.wcsh-row h2    { margin-right: 6px; }
.wcsh-row .cc-logo  { height: 20px; margin-right: 6px; }
.wcsh-desc.sm   { margin-top: 4px; }
.wcsh-desc.md   { margin-top: 8px; }
.wcsh-desc.lg   { margin-top: 12px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.wcsh-desc.sm   { font-size: 1.3em; }
.wcsh-desc.md   { font-size: 1.4em; }
.wcsh-desc.lg   {font-size: 1.5em; }
}
@media (max-width: 500px) {
.wcsh-row h2    { margin-right: 0; display: block; }
.wcsh-row .cc-logo  { height: 20px; margin-bottom: 4px; }
.wcsh-desc.sm   { font-size: 1.2em; }
.wcsh-desc.md   { font-size: 1.3em; }
.wcsh-desc.lg   {font-size: 1.4em; }
}
.card-form{
position: relative;
text-align: left;
width: 100%;
display: block;
background: #FFF;
box-sizing: border-box;
box-shadow: 0 0 0 1px #d3dce9;
}
.card-form.xsm    { padding: 26px; }
.card-form.sm    { padding: 36px; }
.card-form.md    { padding: 46px; }
.card-form.lg    { padding: 56px; }
.card-form.xlg    { padding: 66px; }
@media (max-width: 1620px) {
.card-form.xsm    { padding: 22px; }
.card-form.sm    { padding: 32px; }
.card-form.md    { padding: 42px; }
.card-form.lg    { padding: 52px; }
.card-form.xlg    { padding: 62px; }
}
@media (max-width: 1300px) {
.card-form.xsm    { padding: 20px; }
.card-form.sm    { padding: 30px; }
.card-form.md    { padding: 40px; }
.card-form.lg    { padding: 50px; }
.card-form.xlg    { padding: 60px; }
}
@media (max-width: 1040px) {
.card-form.xsm    { padding: 10px; }
.card-form.sm    { padding: 20px; }
.card-form.md    { padding: 30px; }
.card-form.lg    { padding: 40px; }
.card-form.xlg    { padding: 50px; }
}
@media (max-width: 820px) {
.card-form.xsm    { padding: 20px; }
.card-form.sm    { padding: 20px; }
.card-form.md    { padding: 30px; }
.card-form.lg    { padding: 35px; }
.card-form.xlg    { padding: 40px; }
}
@media (max-width: 500px) {
.card-form.xsm    { padding: 15px; }
.card-form.sm    { padding: 15px; }
.card-form.md    { padding: 25px; }
.card-form.lg    { padding: 30px; }
.card-form.xlg    { padding: 35px; }
}
.card-form-header{
width: 100%;
background: #FFF;
display: flex;
box-sizing: border-box;
box-shadow: 0 0 0 1px #d3dce9;
}
.card-form-header.sm    { padding: 15px 20px; }
.card-form-header.md    { padding: 25px 30px; }
.card-form-header.lg    { padding: 35px 40px; }
.cfh-lf{
display: flex;
align-items: center;
}
.cfh-rg{
display: flex;
margin-left: auto;
order: 2;
align-items: center;
}
.card-report{
width: 100%;
box-shadow: 0 0 0 1px #d8e2eb;
background: #FFF;
display: flex;
flex-direction: column;
}
.card-report.xsm     { border-radius: 2px; }
.card-report.sm      { border-radius: 2px; }
.card-report.md      { border-radius: 2px; }
.card-report.lg      { border-radius: 2px; }
.card-report.xlg     { border-radius: 2px; }
.card-report.fill{
height: 100%;
}
.card-report-header{
width: 100%;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.card-report-header.xsm     { padding: 20px 20px 10px 20px; }
.card-report-header.sm      { padding: 30px 30px 15px 30px; }
.card-report-header.md      { padding: 40px 40px 25px 40px; }
.card-report-header.lg      { padding: 50px 50px 35px 50px; }
.card-report-header.xlg     { padding: 60px 60px 45px 60px; }
.card-report-header-left{
display: inline-flex;
align-items: center;
flex: 1;
}
.card-report-header.noflex .card-report-header-left{
flex: initial;
}
.card-report-header-dot{
width: 10px;
height: 20px;
line-height: 20px;
margin-right: 10px;
text-align: center;
}
.card-report-header-dot span{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
}
.card-report-header-right{
display: inline-flex;
align-items: center;
margin-left: auto;
}
.card-report-header-right.xsm > *  { margin-left: 6px; }
.card-report-header-right.sm > *   { margin-left: 9px; }
.card-report-header-right.md > *   { margin-left: 12px; }
.card-report-header-right.lg > *   { margin-left: 15px; }
.card-report-header-right.xlg > *  { margin-left: 18px; }
.card-report-header-desc{
color: #4E5879;
display: inline-flex;
width: 100%;
}
.card-report-header-desc.xsm  { margin-top: 1px; }
.card-report-header-desc.sm   { margin-top: 4px; }
.card-report-header-desc.md   { margin-top: 7px; }
.card-report-header-desc.lg   { margin-top: 10px; }
.card-report-header-desc.xlg  { margin-top: 14px; }
.card-report-header-desc.xsm > *  { margin-right: 2px; }
.card-report-header-desc.sm > *   { margin-right: 4px; }
.card-report-header-desc.md > *   { margin-right: 6px; }
.card-report-header-desc.lg > *   { margin-right: 8px; }
.card-report-header-desc.xlg > *  { margin-right: 10px; }
.card-report-header-ctas{
display: inline-flex;
align-items: center;
}
.card-report-header-ctas > *{
margin-left: 15px;
}
@media (max-width: 1620px) {
.card-report-header.xsm     { padding: 16px 16px 8px 16px; }
.card-report-header.sm      { padding: 26px 26px 13px 26px; }
.card-report-header.md      { padding: 36px 36px 23px 36px; }
.card-report-header.lg      { padding: 46px 46px 33px 46px; }
.card-report-header.xlg     { padding: 56px 56px 43px 56px; }
.card-report-header-desc.xsm  { margin-top: 1px; }
.card-report-header-desc.sm   { margin-top: 3px; }
.card-report-header-desc.md   { margin-top: 6px; }
.card-report-header-desc.lg   { margin-top: 9px; }
.card-report-header-desc.xlg  { margin-top: 13px; }
.card-report-header-desc.xsm > *  { margin-right: 1px; }
.card-report-header-desc.sm > *   { margin-right: 3px; }
.card-report-header-desc.md > *   { margin-right: 5px; }
.card-report-header-desc.lg > *   { margin-right: 7px; }
.card-report-header-desc.xlg > *  { margin-right: 9px; }
}
@media (max-width: 1300px) {
.card-report-header.xsm     { padding: 12px 12px 6px 12px; }
.card-report-header.sm      { padding: 22px 22px 11px 22px; }
.card-report-header.md      { padding: 32px 32px 21px 32px; }
.card-report-header.lg      { padding: 42px 42px 31px 42px; }
.card-report-header.xlg     { padding: 52px 52px 41px 52px; }
.card-report-header-desc.xsm  { margin-top: 1px; }
.card-report-header-desc.sm   { margin-top: 2px; }
.card-report-header-desc.md   { margin-top: 5px; }
.card-report-header-desc.lg   { margin-top: 8x; }
.card-report-header-desc.xlg  { margin-top: 12px; }
.card-report-header-desc.xsm > *  { margin-right: 1px; }
.card-report-header-desc.sm > *   { margin-right: 2px; }
.card-report-header-desc.md > *   { margin-right: 4px; }
.card-report-header-desc.lg > *   { margin-right: 6px; }
.card-report-header-desc.xlg > *  { margin-right: 8px; }
}
@media (max-width: 1040px) {
.card-report-header.xsm     { padding: 8px 8px 4px 8px; }
.card-report-header.sm      { padding: 18px 18px 9px 18px; }
.card-report-header.md      { padding: 22px 22px 20px 22px; }
.card-report-header.lg      { padding: 22px 22px 20px 22px; }
.card-report-header.xlg     { padding: 22px 22px 20px 22px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-report-body{
box-sizing: border-box;
width: 100%;
flex: 2;
}
.card-report-body.xsm   { padding: 0 20px 20px 20px; }
.card-report-body.sm    { padding: 0 30px 30px 30px; }
.card-report-body.md    { padding: 0 40px 40px 40px; }
.card-report-body.lg    { padding: 0 50px 50px 50px; }
.card-report-body.xlg   { padding: 0 60px 60px 60px; }
.card-report-body.nopadding{
padding: 0px !important;
}
@media (max-width: 1620px) {
.card-report-body.xsm   { padding: 0 16px 16px 16px; }
.card-report-body.sm    { padding: 0 26px 26px 26px; }
.card-report-body.md    { padding: 0 36px 36px 36px; }
.card-report-body.lg    { padding: 0 46px 46px 46px; }
.card-report-body.xlg   { padding: 0 56px 56px 56px; }
}
@media (max-width: 1300px) {
.card-report-body.xsm   { padding: 0 12px 12px 12px; }
.card-report-body.sm    { padding: 0 22px 22px 22px; }
.card-report-body.md    { padding: 0 32px 32px 32px; }
.card-report-body.lg    { padding: 0 42px 42px 42px; }
.card-report-body.xlg   { padding: 0 52px 52px 52px; }
}
@media (max-width: 1040px) {
.card-report-body.xsm   { padding: 0 12px 12px 12px; }
.card-report-body.sm    { padding: 0 18px 18px 18px; }
.card-report-body.md    { padding: 0 28px 28px 28px; }
.card-report-body.lg    { padding: 0 38px 38px 38px; }
.card-report-body.xlg   { padding: 0 48px 48px 48px; }
}
@media (max-width: 820px) {
.card-report-body.xsm   { padding: 0 12px 12px 12px; }
.card-report-body.sm    { padding: 0 14px 14px 14px; }
.card-report-body.md    { padding: 0 24px 24px 24px; }
.card-report-body.lg    { padding: 0 34px 34px 34px; }
.card-report-body.xlg   { padding: 0 44px 44px 44px; }
}
@media (max-width: 500px) {
.card-report-body.xsm   { padding: 0 15px 15px 15px; }
.card-report-body.sm    { padding: 0 15px 15px 15px; }
.card-report-body.md    { padding: 0 20px 20px 20px; }
.card-report-body.lg    { padding: 0 20px 20px 20px; }
.card-report-body.xlg   { padding: 0 30px 30px 30px; }
}
.card-report-cta{
border-top: 1px solid #e6eaf3;
text-align: center;
display: block;
width: 100%;
color: #5373BD;
font-weight: 700;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.card-report-cta.xsm    { height: 30px; line-height: 30px; font-size: 1.2em; }
.card-report-cta.sm     { height: 40px; line-height: 40px; font-size: 1.3em; }
.card-report-cta.md     { height: 50px; line-height: 50px; font-size: 1.4em; }
.card-report-cta.lg     { height: 60px; line-height: 60px; font-size: 1.5em; }
.card-report-cta.xlg    { height: 70px; line-height: 70px; font-size: 1.6em; }
.card-report-cta:hover{
color: #467dfd;
}
.card-report-cta.nopadding{
border-top: none;
}
.card-report-cta:focus{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5 !important;
}
.card-integration{
width: 100%;
box-sizing: border-box;
padding: 30px;
background: #FFF;
box-shadow: 0 0 0 1px #d8e2eb;
border-radius: 2px;
position: relative;
height: 100%;
}
.card-integration-tag{
top: 30px;
right: 30px;
position: absolute;
background: #e0f9f4;
color: #029a6d;
font-size: 1em;
font-weight: 700;
letter-spacing: .025em;
padding: 3px 8px;
border-radius: 2px;
}
.card-integration-icon{
display: block;
margin-bottom: 20px;
}
.card-integration-info{
display: block;
margin-bottom: 30px;
}
.card-integration-info label{
font-size: 1.8em;
font-weight: 700;
color: #2A2F4B;
line-height: 1.5em;
margin-bottom: 5px;
display: block;
}
.card-integration-info p{
font-size: 1.4em;
line-height: 1.6em;
}
.card-integration-cta{
display: block;
width: 100%;
}
.card-integration-cta .button{
width: 100%;
}
@media (max-width: 1620px) {
.card-integration   { padding: 24px; }
.card-integration-tag   { top: 24px; right: 24px; }
.card-integration-info label    { font-size: 1.75em; }
.card-integration-info p    { font-size: 1.35em; }
}
@media (max-width: 1300px) {
.card-integration   { padding: 18px; }
.card-integration-tag   { top: 18px; right: 18px; }
.card-integration-info label    { font-size: 1.7em; }
.card-integration-info p    { font-size: 1.3em; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-grid{
width: 100%;
display: flex;
align-items: flex-start;
flex-shrink: 0;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(34, 34, 34, 0.07);
}
.card-grid:hover .card-grid-ctas{
opacity: 1;
visibility: visible;
}
.card-grid .bgci-box-drag{
cursor: grab;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-grid-header{
display: flex;
padding: 12px 15px;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.card-grid-number label{
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #D2EEE6;
border-radius: 4px;
font-size: 1.5em;
color: #278675;
font-weight: 700;
letter-spacing: -.1em;
display: block;
}
.card-grid-info{
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
}
.card-grid.disabled .card-grid-info{
opacity: 0.4;
}
.card-grid-info label, .card-grid-info button{
display: contents;
color: #2A2F4B;
font-size: 1.4em;
font-weight: 700;
line-height: 135%;
width: 100%;
}
.card-grid-info button:hover{
color: #5373BD;
}
.card-grid-header.edit .card-grid-info label{
display: none;
}
.card-grid-header.lock .card-grid-info button{
display: none;
}
.card-grid-info span{
font-size: 1.2em;
line-height: 145%;
}
.card-grid-cta{
display: flex;
gap: 10px;
}
.card-grid-header.lock .card-grid-cta{
display: none;
}
.card-grid:hover .card-grid-ctas{
opacity: 1;
visibility: visible;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-grid-body{
display: flex;
padding: 0 15px 12px 15px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-grid-footer{
display: flex;
padding: 15px;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
border-top: 1px solid #DBE3EE;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-grid-footer-lf{
display: flex;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-grid-footer-rg{
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 10px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-grid-wrap{
display: flex;
flex-direction: column;
flex: 1 0 0;
position: relative;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-grid-ctas{
display: flex;
background: #FFF;
gap: 6px;
padding: 6px 8px;
position: absolute;
top: 10px;
left: 10px;
border-radius: 4px;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 3px 6px 0px rgba(34, 34, 34, 0.25);
opacity: 0;
visibility: hidden;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.card-public{
display: flex;
padding: 30px 60px;
flex-direction: column;
gap: 30px;
align-self: stretch;
width: 100%;
box-sizing: border-box;
}
.card-public form{
display: flex;
flex-direction: column;
width: 100%;
gap: 30px;
}
@media (max-width: 1620px) {
.card-public    {  padding: 30px 50px; }
}
@media (max-width: 1300px) {
.card-public    {  padding: 30px 40px; }
}
@media (max-width: 1040px) {
.card-public    {  padding: 30px 30px; }
}
@media (max-width: 820px) {
.card-public    {  padding: 20px 20px; }
}
@media (max-width: 500px) {
}
.card-public-header{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.cph-tit{
display: flex;
align-items: center;
gap: 10px;
align-self: stretch;
}
.cph-tit .cc-logo{
box-sizing: border-box;
height: 24px;
display: inline-block;
align-items: center;
text-align: center;
box-shadow: 0 0 0 1px #DCE2EE;
vertical-align: top;
}
.cph-tit .cc-logo img{
height: 100%;
}
.cph-desc{
display: flex;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.cph-desc p{
flex: 1 0 0;
font-size: 1.6em;
line-height: 145%;
}
.settings-section{
display: flex;
padding-bottom: 60px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.settings-section{ padding-bottom: 30px;}
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-title{
display: flex;
padding-bottom: 16px;
align-items: center;
gap: 10px;
align-self: stretch;
border-bottom: 1px solid #E4E8EF;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-title-lf{
display: flex;
align-items: center;
align-content: center;
gap: 6px 10px;
flex: 1 0 0;
flex-wrap: wrap;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 2em;
font-style: normal;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-title-rg{
display: flex;
width: 112px;
height: 30px;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-block{
display: flex;
padding: 40px 0px;
align-items: flex-start;
gap: 48px;
align-self: stretch;
border-bottom: 1px solid #E4E8EF;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.settings-block{flex-direction: column; padding: 20px 0px; gap: 28px;}
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-block-info{
display: flex;
width: 100%;
max-width: 400px;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.settings-block-info{ max-width: none;}
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-block-title{
display: flex;
align-items: center;
align-content: center;
gap: 4px 8px;
align-self: stretch;
flex-wrap: wrap;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.6em;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-block-description{
display: flex;
align-items: flex-start;
gap: 10px;
align-self: stretch;
color: #6C7592;
font-family: 'Aktiv';
font-size: 1.3em;
font-style: normal;
font-weight: 400;
line-height: 160%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-block-options{
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-block-option {
display: flex;
padding-bottom: 30px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
align-self: stretch;
border-bottom: 1px solid #E4E8EF;
}
.settings-block-option.nbrb{
border-bottom: none;
}
.settings-block-option + .settings-block-option {
padding-top: 30px;
}
.settings-block-option:last-child {
padding-bottom: 0;
border-bottom: none;
}
.settings-block-option.single {
padding-bottom: 0;
padding-top: 0;
border-bottom: none;
}
.settings-block-option.npdb{
padding-bottom: 0;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.settings-block-option { padding-bottom: 20px; gap: 10px;}
.settings-block-option + .settings-block-option {padding-top: 20px;}
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-block-item{
display: flex;
align-items: flex-start;
gap: 20px;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-block-item-data{
display: flex;
width: 100%;
align-items: flex-start;
align-content: flex-start;
gap: 5px 8px;
flex: 1 0 0;
flex-wrap: wrap;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-block-item-cta{
display: flex;
width: 100px;
height: 20px;
justify-content: flex-end;
align-items: flex-start;
gap: 10px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.settings-ctas{
display: flex;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
}
.settings-ctas-prev, .settings-ctas-next{
display: flex;
height: 50px;
align-items: flex-start;
gap: 10px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.field{
width: 100%;
display: block;
}
.field.relative{
position: relative;
}
.field.sm .label   { margin-bottom: 4px; }
.field.md .label   { margin-bottom: 6px; }
.field.lg .label   { margin-bottom: 8px; }
.field.hlf    { width: 47.5%; float: left; }
.field.hrg    { width: 47.5%; float: right; }
.field.multi{
display: inline-flex;
flex-wrap: wrap;
}
.field.multi .label{
flex: 0 0 100%;
}
.field.multi .dropdown{
flex: 1;
}
.field .field-checkbox{
width: auto !important;
}
.field.flex{
display: inline-flex;
align-items: center;
}
.field.flex > * {
margin: 0 20px 0 0;
}
.field.flex .input{
flex: 1;
}
.field.multi.sm .dropdown, .field.sm .field-checkbox   { margin-right: 5px; }
.field.multi.md .dropdown, .field.md .field-checkbox   { margin-right: 10px; }
.field.multi.lg .dropdown, .field.lg .field-checkbox   { margin-right: 15px; }
@media (max-width: 1620px) {
.field.sm .label   { margin-bottom: 3px; }
.field.md .label   { margin-bottom: 5px; }
.field.lg .label   { margin-bottom: 7px; }
}
@media (max-width: 1300px) {
.field.sm .label   { margin-bottom: 2px; }
.field.md .label   { margin-bottom: 4px; }
.field.lg .label   { margin-bottom: 6px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.field.flex { display: block; }
.field.flex > * { margin: 0 0 10px 0; }
}
@media (max-width: 500px) {
.field.hlf    { width: 100%; }
.field.hrg    { width: 100%; }
}
.field-button{
width: 100%;
display: block;
}
.field-button.flex{
display: flex;
}
.field-button.flex-col{
display: flex;
flex-direction: column;
}
.field-button.gap-15{
gap: 15px;
}
.field-button .button{
width: 100%;
line-height: 15px;
}
.field-button.flex .button{
width: 50%;
}
.field-button .button-google{
width: 100%;
}
.field-button .datepicker{
width: 100%;
}
.field-checkbox{
display: inline-flex;
width: 100% !important;
/* flex-wrap: wrap; */
/* align-items: center; */
}
.field-checkbox.wrap {
flex-wrap: wrap;
}
.field-checkbox.sm .label, .field-checkbox.sm .field, .field-checkbox.sm .icon, .field-checkbox.sm .tag { margin-left: 10px; }
.field-checkbox.md .label, .field-checkbox.md .field, .field-checkbox.md .icon, .field-checkbox.md .tag { margin-left: 12px; }
.field-checkbox.lg .label, .field-checkbox.lg .field, .field-checkbox.lg .icon, .field-checkbox.lg .tag { margin-left: 14px; }
.field-checkbox .label{
cursor: pointer !important;
}
.field-checkbox.lig .label{
font-weight: 400 !important;
color: #4E5879 !important;
}
.field-checkbox .verification{
flex: 1;
margin-left: 10px;
}
.field-checkbox.cta{
width: auto !important;
align-items: center;
box-shadow: 0 0 0 1px #dce2ee;
}
.field-checkbox[disabled]{
pointer-events: none;
opacity: 0.5;
}
.field-checkbox.cta.sm    { padding: 0 12px; height: 30px;  }
.field-checkbox.cta.md    { padding: 0 18px; height: 40px;  }
.field-checkbox.cta.lg    { padding: 0 22px; height: 50px;  }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.field-radio{
display: inline-flex;
align-items: center;
width: 100% !important;
}
.field-radio.sm .label, .field-radio.sm .field { margin-left: 10px; }
.field-radio.md .label, .field-radio.md .field { margin-left: 12px; }
.field-radio.lg .label, .field-radio.lg .field { margin-left: 14px; }
.field-radio .label{
cursor: pointer !important;
}
.field-radio.lig .label{
font-weight: 400 !important;
color: #4E5879 !important;
}
.label{
display: block;
color: #424770;
font-weight: 500;
line-height: 1.4em;
}
.label[ng-click]{
cursor: pointer;
}
.label.xsm  { font-size: 1.3em; }
.label.sm  { font-size: 1.4em; }
.label.md  { font-size: 1.5em; }
.label.lg  { font-size: 1.6em; }
.label.xlg  { font-size: 1.8em; }
.label.pln  { font-size: 2.4em; }
.label p{
font-size: 0.9em;
color: #4E5879;
font-weight: 400;
}
.input{
display: inline-flex;
box-shadow: 0 0 0 1px #D3DCE9;
background: #FFF;
border-radius: 2px;
width: 100% !important;
position: relative;
}
.input.focus{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.input.xsm  { height: 20px; line-height: 20px; }
.input.sm   { height: 30px; line-height: 30px; }
.input.md   { height: 40px; line-height: 40px; }
.input.lg   { height: 50px; line-height: 50px; }
.input .icon{
height: 100%;
text-align: center;
flex-shrink: 0;
display: block;
}
.input.xsm .icon, .dropdown-search .input.xsm .icon { width: 20px; font-size: 1.1em; }
.input.sm .icon, .dropdown-search .input.sm .icon { width: 30px; font-size: 1.2em; }
.input.md .icon, .dropdown-search .input.md .icon { width: 40px; font-size: 1.3em; }
.input.lg .icon, .dropdown-search .input.lg .icon { width: 50px; font-size: 1.4em; }
.input input{
width: 100%;
height: 100%;
flex: 1;
font-size: 1em;
}
.input.xsm input, .dropdown-search .input.xsm input   { padding-left: 5px; font-size: 1.2em; }
.input.sm input, .dropdown-search .input.sm input    { padding-left: 8px; font-size: 1.3em; }
.input.md input, .dropdown-search .input.md input    { padding-left: 10px; font-size: 1.4em; }
.input.lg input, .dropdown-search .input.lg input    { padding-left: 15px; font-size: 1.5em; }
.input.hico input  { padding-left: 0 !important; }
.input .button   { border-radius: 0 !important; }
.input label.error{
font-size: 1.2em;
color: #fa2542;
font-weight: 500;
position: absolute;
right: 10px;
text-align: right;
}
.input input#mastercard   { background: url('/assets/images/trial/mc.svg') center right no-repeat; }
.input input#amex         { background: url('/assets/images/trial/ame.svg') center right no-repeat; }
.input input#discover     { background: url('/assets/images/trial/dis.svg') center right no-repeat; }
.input input#visa         { background: url('/assets/images/trial/visa.svg') center right no-repeat; }
.input.valid              { background: url('/img/trial/valid.svg') right 50px top 16px no-repeat; }
.input.xsm.flex     { width: 50px !important; }
.input.sm.flex     { width: 60px !important; }
.input.md.flex     { width: 70px !important; }
.input.lg.flex     { width: 80px !important; }
.input .datepicker{
width: 100%;
flex: 1;
}
.input .datepicker input{
cursor: pointer;
}
.input.disabled input{
background: #FCFDFE;
}
.input.str{
display: block;
box-sizing: border-box;
padding-left: 15px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.input.group{
display: flex;
flex-direction: column;
height: auto;
}
.input.group input{
min-height: 50px;
}
}
@media (max-width: 500px) {
.input.frm  { display: table; }
.input.frm .dropdown  { display: block !important; width: 100% !important; }
}
.checkbox{
display: inline-flex;
position: relative;
}
.checkbox input[type="checkbox"]{
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer;
}
.checkbox span{
box-shadow: 0 0 0 1px #BECAD5;
background: #FFF;
box-sizing: border-box;
text-align: center;
cursor: pointer;
display: block;
color: transparent;
}
.checkbox input[type="checkbox"]:checked + span {
background: #3F72DA;
color: #FFF;
}
.checkbox.focus span{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.checkbox input[type="checkbox"][disabled] {
cursor: default !important;
}
.checkbox input[type="checkbox"][disabled] + span {
cursor: default !important;
color: #ECF2F6;
background: #ECF2F6;
box-shadow: 0 0 0 1px #eaeff5;
}
.checkbox.sm span, .checkbox.sm input[type="checkbox"]  { width: 14px; line-height: 14px; height: 14px; font-size: 1em; }
.checkbox.md span, .checkbox.md input[type="checkbox"]  { width: 18px; line-height: 18px; height: 18px; font-size: 1.2em; }
.checkbox.lg span, .checkbox.lg input[type="checkbox"]  { width: 22px; line-height: 22px; height: 22px; font-size: 1.4em; }
@media (max-width: 1620px) {
.checkbox.sm span, .checkbox.sm input[type="checkbox"]  { width: 13px; line-height: 13px; height: 13px; }
.checkbox.md span, .checkbox.md input[type="checkbox"]  { width: 17px; line-height: 17px; height: 17px; }
.checkbox.lg span, .checkbox.lg input[type="checkbox"]  { width: 21px; line-height: 21px; height: 21px; }
}
@media (max-width: 1300px) {
.checkbox.sm span, .checkbox.sm input[type="checkbox"]  { width: 12px; line-height: 12px; height: 12px; }
.checkbox.md span, .checkbox.md input[type="checkbox"]  { width: 16px; line-height: 16px; height: 16px; }
.checkbox.lg span, .checkbox.lg input[type="checkbox"]  { width: 20px; line-height: 20px; height: 20px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.checkbox-info{
display: flex;
flex-direction: column;
width: 100%;
}
.checkbox-info.sm     { margin-left: 10px; gap: 2px; }
.checkbox-info.md     { margin-left: 12px; gap: 3px; }
.checkbox-info.lg     { margin-left: 15px; gap: 4px; }
.checkbox-info label{
color: #2A2F4B;
font-weight: 700;
line-height: 135%;
}
.checkbox-info p{
line-height: 145%;
}
.checkbox-info.sm label     { font-size: 1.4em; }
.checkbox-info.md label     { font-size: 1.5em; }
.checkbox-info.lg label     { font-size: 1.6em; }
.checkbox-info.sm p     { font-size: 1.2em; }
.checkbox-info.md p     { font-size: 1.3em; }
.checkbox-info.lg p     { font-size: 1.4em; }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.option{
width: 100%;
display: block;
box-sizing: border-box;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
border-radius: 2px;
position: relative;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background: #FFF;
text-align: left;
}
.option.fc{
height: fit-content;
}
.option.fc{
height: fit-content;
}
.option[disabled]{
pointer-events: none;
opacity: 0.5;
}
.option.xxsm   { padding: 12px 12px; }
.option.xsm       { padding: 20px 15px; }
.option.xsm-p15   { padding: 15px; }
.option.xsm-p20   { padding: 20px; }
.option.sm        { padding: 25px 20px; }
.option.sm-p15    { padding: 15px; }
.option.md        { padding: 30px 25px; }
.option.lg        { padding: 35px 30px; }
.option.xxsm.pdbt  { padding-bottom: 45px !important; }
.option.xsm.pdbt   { padding-bottom: 50px !important; }
.option.sm.pdbt   { padding-bottom: 55px !important; }
.option.md.pdbt   { padding-bottom: 60px !important; }
.option.lg.pdbt   { padding-bottom: 65px !important; }
.option p{
color: #4E5879;
}
.option .option-header wc-tag{
margin-left: 10px;
}
.option.xxsm .option-header-icon    { margin-right: 10px; }
.option.xsm .option-header-icon    { margin-right: 15px; }
.option.sm .option-header-icon    { margin-right: 20px; }
.option.md .option-header-icon    { margin-right: 25px; }
.option.lg .option-header-icon    { margin-right: 30px; }
.option.xxsm .option-header-action    { margin-left: 10px; }
.option.xsm .option-header-action    { margin-left: 15px; }
.option.sm .option-header-action    { margin-left: 20px; }
.option.md .option-header-action    { margin-left: 25px; }
.option.lg .option-header-action    { margin-left: 30px; }
.option.shad{
box-shadow: 0 0 0 1px #d8e2eb !important;
}
.option.list .tag{
margin: 5px;
}
@media (max-width: 1620px) {
.option.xxsm   { padding: 10px 10px; }
.option.xsm   { padding: 15px 12px; }
.option.sm   { padding: 20px 16px; }
.option.md   { padding: 25px 22px; }
.option.lg   { padding: 30px 26px; }
.option.xxsm.pdbt   { padding-bottom: 40px !important; }
.option.xsm.pdbt   { padding-bottom: 45px !important; }
.option.sm.pdbt   { padding-bottom: 50px !important; }
.option.md.pdbt   { padding-bottom: 55px !important; }
.option.lg.pdbt   { padding-bottom: 60px !important; }
.option.xxsm .option-header-icon    { margin-right: 8px; }
.option.xsm .option-header-icon    { margin-right: 13px; }
.option.sm .option-header-icon    { margin-right: 18px; }
.option.md .option-header-icon    { margin-right: 23px; }
.option.lg .option-header-icon    { margin-right: 28px; }
.option.xxsm .option-header-action    { margin-left: 8px; }
.option.xsm .option-header-action    { margin-left: 13px; }
.option.sm .option-header-action    { margin-left: 18px; }
.option.md .option-header-action    { margin-left: 23px; }
.option.lg .option-header-action    { margin-left: 28px; }
}
@media (max-width: 1300px) {
.option.xxsm   { padding: 8px 8px; }
.option.xsm   { padding: 10px 9px; }
.option.sm   { padding: 15px 12px; }
.option.md   { padding: 20px 18px; }
.option.lg   { padding: 25px 22px; }
.option.xxsm.pdbt   { padding-bottom: 35px !important; }
.option.xsm.pdbt   { padding-bottom: 40px !important; }
.option.sm.pdbt   { padding-bottom: 45px !important; }
.option.md.pdbt   { padding-bottom: 50px !important; }
.option.lg.pdbt   { padding-bottom: 55px !important; }
.option.xxsm .option-header-icon    { margin-right: 7px; }
.option.xsm .option-header-icon    { margin-right: 11px; }
.option.sm .option-header-icon    { margin-right: 16px; }
.option.md .option-header-icon    { margin-right: 21px; }
.option.lg .option-header-icon    { margin-right: 26px; }
.option.xxsm .option-header-action    { margin-left: 7px; }
.option.xsm .option-header-action    { margin-left: 11px; }
.option.sm .option-header-action    { margin-left: 16px; }
.option.md .option-header-action    { margin-left: 21px; }
.option.lg .option-header-action    { margin-left: 26px; }
}
@media (max-width: 1040px) {
.option.xxsm   { padding: 5px 5px; }
.option.xsm   { padding: 5px 7px; }
.option.sm   { padding: 10px 10px; }
.option.md   { padding: 15px 16px; }
.option.lg   { padding: 20px 20px; }
.option.xxsm.pdbt   { padding-bottom: 30px !important; }
.option.xsm.pdbt   { padding-bottom: 35px !important; }
.option.sm.pdbt   { padding-bottom: 40px !important; }
.option.md.pdbt   { padding-bottom: 45px !important; }
.option.lg.pdbt   { padding-bottom: 50px !important; }
}
@media (max-width: 820px) {
.option.xxsm   { padding: 12px; }
.option.xsm   { padding: 16px; }
.option.sm   { padding: 16px; }
.option.md   { padding: 16px; }
.option.lg   { padding: 20px; }
.option.xxsm.pdbt   { padding-bottom: 42px !important; }
.option.xsm.pdbt   { padding-bottom: 46px !important; }
.option.sm.pdbt   { padding-bottom: 46px !important; }
.option.md.pdbt   { padding-bottom: 46px !important; }
.option.lg.pdbt   { padding-bottom: 50px !important; }
.option.xxsm .option-header-icon    { margin-right: 0; margin-bottom: 8px; }
.option.xsm .option-header-icon    { margin-right: 0; margin-bottom: 10px; }
.option.sm .option-header-icon    { margin-right: 0; margin-bottom: 12px; }
.option.md .option-header-icon    { margin-right: 0; margin-bottom: 14px; }
.option.lg .option-header-icon    { margin-right: 0; margin-bottom: 16px; }
.option.xxsm .option-header-action    { margin-left: 0; margin-top: 10px; }
.option.xsm .option-header-action    { margin-left: 0; margin-top: 12px; }
.option.sm .option-header-action    { margin-left: 0; margin-top: 15px; }
.option.md .option-header-action    { margin-left: 0; margin-top: 16px; }
.option.lg .option-header-action    { margin-left: 0; margin-top: 18px; }
}
@media (max-width: 500px) {
}
.option-simple{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
}
.option-simple.xsm{ padding: 12px; gap: 8px; }
.option-simple.sm{ padding: 15px; gap: 10px; }
.option-simple.md{ padding: 20px; gap: 15px; }
.option-simple.lg{ padding: 25px; gap: 20px; }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.option-group{
width: 100%;
display: table;
}
.option-group.flex{
display: flex;
}
.option-group[disabled]{
pointer-events: none;
opacity: 0.5;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.option-group.flex  { display: table; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.option-select{
width: 100%;
height: fit-content;
display: block;
box-sizing: border-box;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
border-radius: 2px;
cursor: pointer;
position: relative;
background: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.option-select.noclickable{
pointer-events: none;
}
.option-select.noclickable > *,
.option-select.noclickable .option-body
{
pointer-events: all;
}
.option-select.noclickable > .option-header,
.option-select.noclickable > .divider{
pointer-events: none;
}
.option-select.noclickable > .divider > *{
pointer-events: all;
}
.option-select.focus{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.option-select.xsm   { padding: 12px; }
.option-select.sm   { padding: 20px; }
.option-select.md   { padding: 25px; }
.option-select.lg   { padding: 30px; }
.option-select.xlg   { padding: 40px; }
.option-select.xxlg   { padding: 55px 40px; }
.option-select.checked{
box-shadow: 0 0 0 2px #7398E1;
background: #edefff;
}
.option-select:hover{
box-shadow: 0 0 0 1px #D3DCE9, 0 0 10px 1px #c0d4f1;
}
.option-select.checked:hover{
box-shadow: 0 0 0 2px #7398E1, 0 0 10px 1px #c0d4f1;
}
.option-select.checked .option-header-title .label{
color: #5373BD;
}
.option-select p{
color: #4E5879;
}
.option-select .option-header .tag{
margin-left: 10px;
}
.option-select .selector{
position: absolute;
z-index: 10;
}
.option-select.xsm .selector    { top: 5px; right: 5px; }
.option-select.sm .selector    { top: 10px; right: 10px; }
.option-select.md .selector    { top: 15px; right: 15px; }
.option-select.lg .selector    { top: 20px; right: 20px; }
.option-select.xlg .selector    { top: 25px; right: 25px; }
.option-select.xxlg .selector    { top: 25px; right: 25px; }
.option-select.xsm .option-header-icon    { margin-right: 15px; }
.option-select.sm .option-header-icon    { margin-right: 20px; }
.option-select.md .option-header-icon    { margin-right: 25px; }
.option-select.lg .option-header-icon    { margin-right: 30px; }
.option-select.xlg .option-header-icon    { margin-right: 35px; }
.option-select.xxlg .option-header-icon    { margin-right: 35px; }
.option-select.xsm .button, .option-select.xsm .toggle    { margin-left: 15px; }
.option-select.sm .button, .option-select.sm .toggle    { margin-left: 20px; }
.option-select.md .button, .option-select.md .toggle    { margin-left: 25px; }
.option-select.lg .button, .option-select.lg .toggle    { margin-left: 30px; }
.option-select.xlg .button, .option-select.xlg .toggle    { margin-left: 35px; }
.option-select.xxlg .button, .option-select.xlg .toggle    { margin-left: 35px; }
.option-select .datepicker .button    { margin-left: 0; }
.option-select .field-button .button    { margin-left: 0; }
@media (max-width: 1620px) {
.option-select.xsm   { padding: 10px; }
.option-select.sm   { padding: 15px; }
.option-select.md   { padding: 20px; }
.option-select.lg   { padding: 25px; }
.option-select.xlg   { padding: 35px; }
.option-select.xxlg   { padding: 50px 35px; }
.option-select.xsm .selector    { top: 5px; right: 5px; }
.option-select.sm .selector    { top: 5px; right: 5px; }
.option-select.md .selector    { top: 10px; right: 10px; }
.option-select.lg .selector    { top: 15px; right: 15px; }
.option-select.xlg .selector    { top: 20px; right: 20px; }
.option-select.xxlg .selector    { top: 20px; right: 20px; }
}
@media (max-width: 1300px) {
.option-select.xsm   { padding: 10px; }
.option-select.sm   { padding: 10px; }
.option-select.md   { padding: 15px; }
.option-select.lg   { padding: 20px; }
.option-select.xlg   { padding: 30px; }
.option-select.xxlg   { padding: 45px 30px; }
.option-select.xsm .selector    { top: 5px; right: 5px; }
.option-select.sm .selector    { top: 5px; right: 5px; }
.option-select.md .selector    { top: 5px; right: 5px; }
.option-select.lg .selector    { top: 10px; right: 10px; }
.option-select.xlg .selector    { top: 15px; right: 15px; }
.option-select.xxlg .selector    { top: 15px; right: 15px; }
}
@media (max-width: 1040px) {
.option-select.xsm   { padding: 10px; }
.option-select.sm   { padding: 10px; }
.option-select.md   { padding: 10px; }
.option-select.lg   { padding: 15px; }
.option-select.xlg   { padding: 25px; }
.option-select.xxlg   { padding: 40px 25px; }
}
@media (max-width: 820px) {
.option-select.xsm   { padding: 10px; }
.option-select.sm   { padding: 10px; }
.option-select.md   { padding: 15px; }
.option-select.lg   { padding: 15px; }
.option-select.xlg   { padding: 20px; }
.option-select.xxlg   { padding: 35px 20px; }
}
@media (max-width: 500px) {
.option-select.xsm   { padding: 15px; }
.option-select.sm   { padding: 15px; }
.option-select.md   { padding: 15px; }
.option-select.lg   { padding: 15px; }
.option-select.xlg   { padding: 15px; }
.option-select.xxlg   { padding: 30px 15px; }
}
.option-header{
width: 100%;
gap: 10px;
}
.option-header.g15{
gap: 15px;
}
.option-header.ver  { display: inline-flex; }
.option-header.hor  { display: block; }
.option-header.ai-c  { align-items: center; }
.option-header-icon{
display: block;
flex-shrink: 0;
}
.option-header.hor .option-header-icon  { margin-bottom: 20px; }
.option-header-info{
display: block;
align-self: center;
width: 100%;
}
.option-header-info .field-button .button{
margin-left: 0;
}
.option-header-title{
display: inline-flex;
align-items: center;
}
.option-header-title .tag{
margin-left: 10px;
}
.option-header-title .label{
color: #2A2F4B;
}
.option-header-desc{
color: #4E5879;
display: block;
width: 100%;
}
.option-header-desc b{
font-weight: 500;
color: #2A2F4B;
}
.option-header-desc.xsm p   { margin-top: 2px; font-size: 1.2em; }
.option-header-desc.sm p   { margin-top: 2px; font-size: 1.3em; }
.option-header-desc.md p  { margin-top: 4px; font-size: 1.4em; }
.option-header-desc.lg p  { margin-top: 6px; font-size: 1.5em; }
.option-header-desc.xsm .option-header-extra   { margin-top: 2px; }
.option-header-desc.sm .option-header-extra   { margin-top: 2px; }
.option-header-desc.md .option-header-extra   { margin-top: 4px; }
.option-header-desc.lg .option-header-extra   { margin-top: 6px; }
.option-header-action{
display: block;
flex-shrink: 0 ;
}
.option-header-action--mb0{
margin-bottom: 0 !important;
}
.option-header-action .button{
display: block;
margin-bottom: 10px;
}
.option-header.hor .field-radio{
align-items: baseline;
}
.option-header.hor .field-radio .label{
flex: 1;
}
.option-header.flex-row{
display: flex !important;
flex-direction: row;
}
.option-header-price{
width: 100%;
display: block;
}
.ohp-amo{
font-size: 4em;
line-height: 1em;
color: #2A2F4B;
font-weight: 500;
display: block;
}
.ohp-ter{
font-size: 1.6em;
color: #2A2F4B;
font-weight: 700;
display: block;
}
.ohp-tit{
font-size: 1.2em;
color: #2A2F4B;
font-weight: 700;
display: block;
text-transform: uppercase;
}
.option-header-table{
box-shadow: 0 0 0 1px #dce2ee;
}
.oht-row{
border-bottom: 1px solid #dce2ee;
width: 100%;
box-sizing: border-box;
padding: 15px 20px;
}
.oht-row-info{
font-size: 1.3em;
line-height: 1.75em;
}
.option-header-lock{
position: absolute;
right: 0;
bottom: 0;
box-shadow: 0 0 0 1px #d3dce9;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.option-header.ver  { display: block; }
.option-header-desc {margin-bottom: 10px;}
.option-header-icon {margin-bottom: 10px;}
}
@media (max-width: 500px) {
.option-header-title    { flex-wrap: wrap; }
}
.option-header-info{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1px;
flex: 1 0 0;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.option-body{
width: 100%;
padding-left: 0 !important;
box-sizing: border-box;
}
.option-body.ver  { display: inline-flex; }
.option-body.hor  { display: flex; flex-direction: column; }
.option-body.xsm   { padding-top: 15px; gap: 10px; }
.option-body.sm   { padding-top: 20px; gap: 10px;  }
.option-body.sm-g15   { padding-top: 20px; gap: 15px;  }
.option-body.md   { padding-top: 25px; gap: 15px; }
.option-body.lg   { padding-top: 30px; gap: 15px; }
.option-body.bt{
border-top: 1px solid #E6EAF3;
}
.option-body.lpad {
padding-left: 30px !important;
}
.option-body .option-header-title .label{
color: #2A2F4B !important;
}
.option-body.divider{
border-top: 1px solid #E6EAF3;
}
.option-body.dvr-g10{
margin-top: 10px;
padding-top: 10px;
}
.option-body.dvr-g15{
margin-top: 15px;
padding-top: 15px;
}
.option-body.dvr-mt0{
margin-top: 0;
}
.option-simple{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
}
.option-simple.xsm{ padding: 12px; gap: 8px; }
.option-simple.sm{ padding: 15px; gap: 10px; }
.option-simple.md{ padding: 20px; gap: 15px; }
.option-simple.lg{ padding: 25px; gap: 20px; }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.option-check{
display: flex;
width: 100%;
height: fit-content;
flex-direction: column;
justify-content: center;
align-items: flex-start;
box-sizing: border-box;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
}
.option-check p{
align-self: stretch;
color: #4E5879;
font-family: 'Aktiv';
font-style: normal;
font-weight: 400;
}
.option-check.checked{
background: #EDEFFF;
box-shadow: 0px 0px 0px 2px #7398E1, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
}
.option-check.checked .option-check-name .label{
color: #5373BD;
}
.option-check-header{
display: flex;
align-items: center;
align-self: stretch;
cursor: pointer;
}
.option-check-info{
display: flex;
align-items: center;
flex: 1 0 0;
}
.option-check-name{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
}
.option-check.sm{padding: 12px 15px; gap: 12px;}
.option-check.sm .option-check-header{gap: 12px;}
.option-check.sm .option-check-info{gap: 12px;}
.option-check.sm p{font-size: 1.2em; line-height: 145%;}
.option-check.md{padding: 15px 20px; gap: 15px;}
.option-check.md .option-check-header{gap: 15px;}
.option-check.md .option-check-info{gap: 15px;}
.option-check.md p{font-size: 1.3em; line-height: 145%;}
.option-check.lg{padding: 20px 25px; gap: 20px;}
.option-check.lg .option-check-header{gap: 20px;}
.option-check.lg .option-check-info{gap: 20px;}
.option-check.lg p{font-size: 1.4em; line-height: 145%;}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.toggle {
display: inline-flex;
vertical-align: middle;
position: relative;
flex-shrink: 0;
}
.toggle.sm, .toggle.sm input  { width: 38px; height: 20px; }
.toggle.md, .toggle.md input  { width: 46px; height: 24px; }
.toggle.lg, .toggle.lg input  { width: 58px; height: 30px; }
.toggle input[type="checkbox"] {
position: absolute;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer;
z-index: 1;
}
.toggle-slider {
position: relative;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #D8DEEC;
-webkit-transition: .2s;
transition: .2s;
}
.toggle-slider{
width: 100%;
height: 100%;
}
.toggle.focus .toggle-slider{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.toggle.sm .toggle-slider   { border-radius: 10px; }
.toggle.md .toggle-slider   { border-radius: 12px; }
.toggle.lg .toggle-slider   { border-radius: 15px; }
.toggle-slider:before {
content: "";
position: absolute;
left: 1px;
bottom: 1px;
background-color: white;
-webkit-transition: .2s;
transition: .2s;
text-align: center;
}
.toggle.sm .toggle-slider:before  { width: 18px; height: 18px; line-height: 20px; border-radius: 9px; font-size: 1.1em; }
.toggle.md .toggle-slider:before  { width: 22px; height: 22px; line-height: 24px; border-radius: 11px; font-size: 1.3em; }
.toggle.lg .toggle-slider:before  { width: 28px; height: 28px; line-height: 30px; border-radius: 19px; font-size: 1.5em; }
.toggle input[type="checkbox"]:checked + .toggle-slider.def  { background-color: #7398E1; color: #3F72DA; }
.toggle input[type="checkbox"]:checked + .toggle-slider.gre  { background-color: #4CC1AC; color: #26A891; }
.toggle input[type="checkbox"]:checked + .toggle-slider.org  { background-color: #FFB5B0; color: #E88882; }
.toggle .toggle-slider i{
text-align: center;
position: absolute;
right: 1px;
top: 1px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.toggle.sm .toggle-slider i  { width: 18px; height: 18px; line-height: 18px; font-size: 1em; }
.toggle.md .toggle-slider i  { width: 22px; height: 22px; line-height: 22px; font-size: 1.2em; }
.toggle.lg .toggle-slider i  { width: 28px; height: 28px; line-height: 28px; font-size: 1.4em; }
.toggle input[type="checkbox"]:checked + .toggle-slider i {
opacity: 1;
visibility: visible;
}
.toggle input[type="checkbox"]:checked + .toggle-slider:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.toggle input[type="checkbox"]:disabled{
cursor: initial;
}
.toggle input[type="checkbox"]:disabled + .toggle-slider{
cursor: initial;
opacity: 0.5;
}
@media (max-width: 1620px) {
.toggle.sm, .toggle.sm input  { width: 34px; height: 18px; }
.toggle.md, .toggle.md input  { width: 42px; height: 22px; }
.toggle.lg, .toggle.lg input  { width: 54px; height: 28px; }
.toggle.sm .toggle-slider:before  { width: 16px; height: 16px; line-height: 17px; border-radius: 8px; }
.toggle.md .toggle-slider:before  { width: 20px; height: 20px; line-height: 21px; border-radius: 10px; }
.toggle.lg .toggle-slider:before  { width: 26px; height: 26px; line-height: 27px; border-radius: 13px; }
.toggle.sm .toggle-slider i  { width: 16px; height: 16px; line-height: 16px; }
.toggle.md .toggle-slider i  { width: 20px; height: 20px; line-height: 20px; }
.toggle.lg .toggle-slider i  { width: 26px; height: 26px; line-height: 26px; }
}
@media (max-width: 1300px) {
.toggle.sm, .toggle.sm input  { width: 30px; height: 16px; }
.toggle.md, .toggle.md input  { width: 38px; height: 20px; }
.toggle.lg, .toggle.lg input  { width: 50px; height: 26px; }
.toggle.sm .toggle-slider:before  { width: 14px; height: 14px; line-height: 15px; border-radius: 7px; }
.toggle.md .toggle-slider:before  { width: 18px; height: 18px; line-height: 19px; border-radius: 9px; }
.toggle.lg .toggle-slider:before  { width: 24px; height: 24px; line-height: 25px; border-radius: 12px; }
.toggle.sm .toggle-slider i  { width: 14px; height: 14px; line-height: 14px; }
.toggle.md .toggle-slider i  { width: 18px; height: 18px; line-height: 18px; }
.toggle.lg .toggle-slider i  { width: 24px; height: 24px; line-height: 24px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.selector{
text-align: center;
border-radius: 50%;
color: #FFF;
opacity: 1;
visibility: hidden;
}
.selector.checked{
opacity: 1;
visibility: visible;
}
.selector.xsm  { width: 18px; height: 18px; line-height: 20px; font-size: 1.1em; }
.selector.sm   { width: 24px; height: 24px; line-height: 26px; font-size: 1.2em; }
.selector.md   { width: 30px; height: 30px; line-height: 32px; font-size: 1.4em; }
.selector.lg   { width: 36px; height: 36px; line-height: 38px; font-size: 1.6em; }
.selector.def  { background: #7398E1; }
.selector.gre  { background: #4CC1AC; }
@media (max-width: 1620px) {
.selector.xsm  { width: 16px; height: 16px; line-height: 18px; }
.selector.sm   { width: 22px; height: 22px; line-height: 24px; }
.selector.md   { width: 28px; height: 28px; line-height: 30px; }
.selector.lg   { width: 34px; height: 34px; line-height: 36px; }
}
@media (max-width: 1300px) {
.selector.xsm  { width: 14px; height: 14px; line-height: 16px; }
.selector.sm   { width: 20px; height: 20px; line-height: 22px; }
.selector.md   { width: 26px; height: 26px; line-height: 28px; }
.selector.lg   { width: 32px; height: 32px; line-height: 34px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.button{
display: inline-block;
font-size: inherit;
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
text-align: center;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
}
.button.inp{
text-align: left;
}
.button.inp span, .button.inp .icon{
color: #4E5879 !important;
font-weight: 400;
}
.button-loaded{
display: inline-flex;
align-items: center;
font-size: inherit;
position: relative;
}
.lead-header .button-loaded .icon, .lead-footer .button-loaded .icon{
display: inline-flex;
}
.button.shad{
box-shadow: 0px 1px 2px rgba(48, 66, 95, 0.3);
}
.button.fll{
width: 100% !important;
}
.button.w75{
width: 75px !important;
}
.button.w50{
width: 50px !important;
}
.button.sk0{
flex-shrink: 0 !important;
}
.button.force-hide{
visibility: hidden !important;
}
.button.edi{
box-shadow: none !important;
border-left: 1px solid #dce2ee;
}
.button.hid{
visibility: hidden;
}
.button span{
display: inline-block;
font-weight: 700;
vertical-align: middle;
line-height: inherit;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.button.xsm   { padding: 0 8px; height: 20px; line-height: 20px; border-radius: 1px; }
.button.sm    { padding: 0 12px; height: 30px; line-height: 30px; border-radius: 2px; }
.button.md    { padding: 0 18px; height: 40px; line-height: 40px; }
.button.lg    { padding: 0 22px; height: 50px; line-height: 50px; }
.button.xlg   { padding: 0 26px; height: 60px; line-height: 60px; }
.button.xsm span    { font-size: 1.2em; }
.button.sm span     { font-size: 1.3em; }
.button.md span     { font-size: 1.3em; }
.button.lg span     { font-size: 1.4em; }
.button.xlg span    { font-size: 1.5em; }
.button.xsm .icon   { font-size: 0.9em; }
.button.sm .icon    { font-size: 1em; }
.button.md .icon    { font-size: 1.2em; }
.button.lg .icon    { font-size: 1.3em; }
.button.xlg .icon   { font-size: 1.4em; }
.button.ctd.def   { background: #FF7F69; }
.button.ctd.blu   { background: #6E91E1; }
.button.ctd.gre   { background: #4CC1AC; }
.button.ctd.suc   { background: #4CC1AC; cursor: auto !important; }
.button.ctd.lig   { background: #F4F9FF; }
.button.ctd.whi   { background: #FFFFFF; }
.button.ctd.fly   { background: #FFFFFF; }
.button.ctd.def:hover, .button.ctd.def.hover    { background: #f7685e; }
.button.ctd.blu:hover, .button.ctd.blu.hover   { background: #5772ce; }
.button.ctd.gre:hover, .button.ctd.gre.hover   { background: #1cadad; }
.button.ctd.lig:hover, .button.ctd.lig.hover   { background: #E8F1FF; }
.button.ctd.fly:hover, .button.ctd.fly.hover   { background: #F4F9FF; }
.button.ctd.def span, .button.ctd.def .icon   { color: #FFFFFF; }
.button.ctd.blu span, .button.ctd.blu .icon   { color: #FFFFFF; }
.button.ctd.gre span, .button.ctd.gre .icon   { color: #FFFFFF; }
.button.ctd.suc span, .button.ctd.suc .icon   { color: #FFFFFF; }
.button.ctd.lig span, .button.ctd.lig .icon   { color: #5373BD; }
.button.ctd.whi span, .button.ctd.whi .icon   { color: #2A2F4B; }
.button.ctd.fly span, .button.ctd.fly .icon   { color: #5373BD; }
.button.ctd.lig:hover span, .button.ctd.lig.hover span, .button.ctd.lig:hover .icon, .button.ctd.lig.hover .icon   { color: #29376A; }
.button.ctd.whi:hover span, .button.ctd.whi.hover span, .button.ctd.whi:hover .icon, .button.ctd.whi.hover .icon   { color: #5373BD; }
.button.ctd.fly:hover span, .button.ctd.fly.hover span, .button.ctd.fly:hover .icon, .button.ctd.fly.hover .icon   { color: #335de6; }
.button.otd{
background: transparent;
}
.button.otd.def   { box-shadow: 0 0 0 1px #DCE2EE; }
.button.otd.lig   { box-shadow: 0 0 0 1px #DCE2EE; }
.button.otd.red   { box-shadow: 0 0 0 1px #DCE2EE; }
.button.otd.dar   { box-shadow: 0 0 0 1px #7E8CAD; }
.button.otd.whi   { box-shadow: 0 0 0 1px #DCE2EE; background: #FFF; }
.button.otd.fly   { box-shadow: 0 0 0 1px #DCE2EE; }
.button.otd.cle   { box-shadow: 0 0 0 1px #C6D4E2; background: #FFFFFF; }
.button.otd.def:hover, .button.otd.def.hover   { background: #F4F9FF; box-shadow: 0 0 0 1px #c8d2e6; }
.button.otd.lig:hover, .button.otd.lig.hover   { background: #F4F9FF; box-shadow: 0 0 0 1px #c8d2e6; }
.button.otd.red:hover, .button.otd.red.hover   { background: #fff5fb; box-shadow: 0 0 0 1px #c8d2e6; }
.button.otd.dar:hover, .button.otd.dar.hover   { background: #F4F9FF; box-shadow: 0 0 0 1px #877EAD; }
.button.otd.whi:hover, .button.otd.whi.hover   { background: #F4F9FF; box-shadow: 0 0 0 1px #c8d2e6; }
.button.otd.fly:hover:not([disabled]), .button.otd.fly.hover:not([disabled])   { background: #F4F9FF; box-shadow: 0 0 0 1px #c8d2e6; }
.button.otd.cle:hover, .button.otd.cle.hover   { background: #F5FAFF; box-shadow: 0 0 0 1px #C6D4E2; }
.button.otd.def span, .button.otd.def .icon   { color: #5373BD; }
.button.otd.lig span, .button.otd.lig .icon   { color: #909EAF; }
.button.otd.red span, .button.otd.red .icon   { color: #E17386; }
.button.otd.dar span, .button.otd.dar .icon   { color: #424770; }
.button.otd.whi span, .button.otd.whi .icon   { color: #5373BD; }
.button.otd.fly span, .button.otd.fly .icon   { color: #424770; }
.button.otd.cle span, .button.otd.cle .icon   { color: #2A2F4B; }
.button.otd.def:hover span, .button.otd.def:hover .icon, .button.otd.def.hover span, .button.otd.def.hover .icon   { color: #1e3c83; }
.button.otd.lig:hover span, .button.otd.lig:hover .icon, .button.otd.lig.hover span, .button.otd.lig.hover .icon   { color: #1e3c83; }
.button.otd.red:hover span, .button.otd.red:hover .icon, .button.otd.red.hover span, .button.otd.red.hover .icon   { color: #e40f0f; }
.button.otd.dar:hover span, .button.otd.dar:hover .icon, .button.otd.dar.hover span, .button.otd.dar.hover .icon   { color: #2e41cf; }
.button.otd.whi:hover span, .button.otd.whi:hover .icon, .button.otd.whi.hover span, .button.otd.whi.hover .icon   { color: #1e3c83; }
.button.otd.fly:hover span, .button.otd.fly:hover .icon, .button.otd.fly.hover span, .button.otd.fly.hover .icon   { color: #2e41cf; }
.button.otd.fly[disabled] span { color: #aaa !important; font-weight: normal !important; }
.button.otd.fly[disabled] .icon { color: #aaa !important; }
.button.otd.cle:hover span, .button.otd.cle:hover .icon, .button.otd.cle.hover span, .button.otd.cle.hover .icon   { color: #2A2F4B; }
.button.tog, .button.clo{
padding: 0 !important;
align-items: center;
justify-content: center;
}
.button.tog{
text-align: center;
}
.button.tog.def   { box-shadow: 0 0 0 1px #DCE2EE; color: #424770; }
.button.tog.red   { box-shadow: 0 0 0 1px #DCE2EE; color: #E17386; }
.button.tog.dar   { box-shadow: 0 0 0 1px #7E8CAD; color: #424770; }
.button.tog.lig   { background: #F4F9FF; color: #5373BD; }
.button.tog.whi   { background: #FFFFFF; color: #424770; }
.button.tog.blu   { background: #6E91E1; color: #FFFFFF; }
.button.tog.fly   { background: transparent; color: #5373BD; }
.button.tog.yel   { box-shadow: 0 0 0 1px #DCE2EE; color: #f9af0a; }
.button.tog.sky   { background: #cbeafb; color: #2e5e91; }
.button.tog.def:hover, .button.tog.def.hover, .button.tog.def.selected    { background: #F4F9FF; box-shadow: 0 0 0 1px #c8d2e6; color: #2e41cf; }
.button.tog.red:hover, .button.tog.red.hover, .button.tog.red.selected    { background: #fff5fb; box-shadow: 0 0 0 1px #c8d2e6; color: #e40f0f; }
.button.tog.dar:hover, .button.tog.dar.hover, .button.tog.dar.selected    { background: #F4F9FF; box-shadow: 0 0 0 1px #877EAD; color: #2e41cf; }
.button.tog.lig:hover, .button.tog.lig.hover, .button.tog.lig.selected    { background: #E8F1FF; color: #29376A; }
.button.tog.whi:hover, .button.tog.whi.hover, .button.tog.whi.selected    { background: #F4F9FF; color: #2e41cf; }
.button.tog.blu:hover, .button.tog.blu.hover, .button.tog.blu.selected    { background: #5772ce; }
.button.tog.fly:hover, .button.tog.fly.hover, .button.tog.fly.selected    { color: #467dfd; }
.button.tog.yel:hover, .button.tog.yel.hover, .button.tog.yel.selected    { color: #f9780a; }
.button.tog.sky:hover, .button.tog.sky.hover, .button.tog.sky.selected    { background: #a1d3f7; color: #0b2c50; }
.button.clo.def{ background: transparent; color: #C2C8D7; }
.button.clo.red{ background:  #FFF4F7; color: #FF819F; }
.button.clo.dar{ background: transparent; color: #2A2F4B; }
.button.clo.lig{ background: #F4F9FF; color: #9FADD2; }
.button.clo.whi{ background: transparent; color: #FFFFFF; }
.button.clo.def:hover, .button.clo.def.hover  { color: #303f64; }
.button.clo.red:hover, .button.clo.red.hover  { background:  #ffe7ed; color: #fc2020; }
.button.clo.dar:hover, .button.clo.dar.hover  { background: #F4F8F9; color: #2e41cf; }
.button.clo.lig:hover, .button.clo.lig.hover  { background: #ebf4ff; color: #5b7cd6; }
.button.clo.whi:hover, .button.clo.whi.hover  { color: #ffa184; }
.button.tog.xsm, .button.clo.xsm  { width: 20px; height: 20px; line-height: 20px; }
.button.tog.sm, .button.clo.sm    { width: 30px; height: 30px; line-height: 30px; }
.button.tog.md, .button.clo.md    { width: 40px; height: 40px; line-height: 40px; }
.button.tog.lg, .button.clo.lg    { width: 50px; height: 50px; line-height: 50px; }
.button.tog.xlg, .button.clo.xlg  { width: 60px; height: 60px; line-height: 60px; }
.button.tog.xsm .icon, .button.clo.xsm .icon  { font-size: 1em; }
.button.tog.sm .icon, .button.clo.sm .icon    { font-size: 1.3em; }
.button.tog.md .icon, .button.clo.md .icon    { font-size: 1.6em; }
.button.tog.lg .icon, .button.clo.lg .icon    { font-size: 1.9em; }
.button.tog.xlg .icon, .button.clo.xlg .icon  { font-size: 2.2em; }
.button.txt{
padding: 0 !important;
height: 15px;
line-height: 15px;
}
.button.txt.def   { color: #5373BD; }
.button.txt.red   { color: #E17386; }
.button.txt.whi   { color: #FFF; }
.button.txt.dar   { color: #4D5877; }
.button.txt.red:hover span, .button.txt.red.hover span  { text-decoration: underline; }
.button.txt.def:hover span, .button.txt.def.hover span   { text-decoration: underline; }
.button.txt.dar:hover span, .button.txt.dar.hover span   { text-decoration: underline; }
.button.xsm .mR   { margin-right: 6px; }
.button.sm .mR    { margin-right: 8px; }
.button.md .mR    { margin-right: 10px; }
.button.lg .mR    { margin-right: 12px; }
.button.xlg .mR   { margin-right: 14px; }
.button.xsm .mL   { margin-left: 6px; }
.button.sm .mL    { margin-left: 8px; }
.button.md .mL    { margin-left: 10px; }
.button.lg .mL    { margin-left: 12px; }
.button.xlg .mL   { margin-left: 14px; }
.button.nml       { margin-left: 0 !important; }
.button.nmr       { margin-right: 0 !important; }
.button-loader{
display: none;
vertical-align: middle;
line-height: 100%;
}
.button.xsm .button-loader svg   { width: 16px; height: 16px; margin: 2px 0; }
.button.sm .button-loader svg    { width: 20px; height: 20px; margin: 5px 0; }
.button.md .button-loader svg    { width: 30px; height: 30px; margin: 5px 0; }
.button.lg .button-loader svg    { width: 40px; height: 40px; margin: 5px 0; }
.button.xlg .button-loader svg   { width: 50px; height: 50px; margin: 5px 0; }
.button.ctd.def .button-loader svg path   { fill: #FFFFFF; }
.button.ctd.blu .button-loader svg path   { fill: #FFFFFF; }
.button.ctd.gre .button-loader svg path   { fill: #FFFFFF; }
.button.ctd.suc .button-loader svg path   { fill: #FFFFFF; }
.button.ctd.lig .button-loader svg path   { fill: #5373BD; }
.button.ctd.whi .button-loader svg path   { fill: #2A2F4B; }
.button.ctd.fly .button-loader svg path   { fill: #5373BD; }
.button.otd.def .button-loader svg path   { fill: #5373BD; }
.button.otd.lig .button-loader svg path   { fill: #909EAF; }
.button.otd.red .button-loader svg path   { fill: #E17386; }
.button.otd.dar .button-loader svg path   { fill: #424770; }
.button .tag{
margin-right: 5px;
}
.button .icon img{
vertical-align: top;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.button.xsm   { padding: 0 5px; }
.button.sm    { padding: 0 8px; }
.button.md    { padding: 0 14px; }
.button.lg    { padding: 0 18px; }
.button.xlg   { padding: 0 22px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.button.xsm .mR   { margin-right: 4px; }
.button.sm .mR    { margin-right: 6px; }
.button.md .mR    { margin-right: 8px; }
.button.lg .mR    { margin-right: 10px; }
.button.xlg .mR   { margin-right: 12px; }
.button.xsm .mL   { margin-right: 4px; }
.button.sm .mL    { margin-right: 6px; }
.button.md .mL    { margin-right: 8px; }
.button.lg .mL    { margin-right: 10px; }
.button.xlg .mL   { margin-right: 12px; }
.button.sk0{flex-shrink: 1 !important;}
}
@media (max-width: 500px) {
.button     { overflow: hidden; }
.button.xsm   { padding: 0 5px; }
.button.sm    { padding: 0 5px; }
.button.md    { padding: 0 5px; }
.button.lg    { padding: 0 5px; }
.button.xlg   { padding: 0 5px; }
.button.otd { width: 100%; }
.button.ctd { width: 100%; }
.button.xsm .mR   { margin-right: 2px; }
.button.sm .mR    { margin-right: 2px; }
.button.md .mR    { margin-right: 4px; }
.button.lg .mR    { margin-right: 6px; }
.button.xlg .mR   { margin-right: 8px; }
.button.xsm .mL   { margin-right: 2px; }
.button.sm .mL    { margin-right: 2px; }
.button.md .mL    { margin-right: 4px; }
.button.lg .mL    { margin-right: 6px; }
.button.xlg .mL   { margin-right: 8px; }
}
.button-google{
box-shadow: 0 0 0 1px #4285F4;
background: #4285F4;
display: inline-flex;
box-sizing: border-box;
border-radius: 2px;
}
.button-google.xsm   { height: 20px; line-height: 20px; border-radius: 1px; }
.button-google.sm    { height: 30px; line-height: 30px; border-radius: 2px; }
.button-google.md    { height: 40px; line-height: 40px; }
.button-google.lg    { height: 50px; line-height: 50px; }
.button-google.xlg   { height: 60px; line-height: 60px; }
.button-google-icon{
background: #FFF;
text-align: center;
background: url('/assets/icons/btn-google.svg') #FFFFFF no-repeat;
background-size: 100% auto;
}
.button-google.xsm .button-google-icon   { width: 20px; height: 20px; line-height: 20px; }
.button-google.sm .button-google-icon    { width: 30px; height: 30px; line-height: 30px; }
.button-google.md .button-google-icon    { width: 40px; height: 40px; line-height: 40px; }
.button-google.lg .button-google-icon    { width: 50px; height: 50px; line-height: 50px; }
.button-google.xlg .button-google-icon   { width: 60px; height: 60px; line-height: 60px; }
.button-google-text{
font-weight: 700;
color: #FFF;
text-align: center;
flex: 1;
}
.button-google.xsm .button-google-text    { font-size: 1.1em; padding: 0 8px; }
.button-google.sm .button-google-text     { font-size: 1.2em; padding: 0 12px; }
.button-google.md .button-google-text     { font-size: 1.3em; padding: 0 18px; }
.button-google.lg .button-google-text     { font-size: 1.4em; padding: 0 22px; }
.button-google.xlg .button-google-text    { font-size: 1.5em; padding: 0 26px; }
.select{
display: flex;
border-radius: 2px;
width: 100% !important;
position: relative;
cursor: pointer;
}
.select.sm  { height: 30px; line-height: 30px; }
.select.md  { height: 40px; line-height: 40px; }
.select.lg  { height: 50px; line-height: 50px; }
.select.whi  { background: #FFF; box-shadow: 0 0 0 1px #D3DCE9; }
.select.gra  { background: #e9f0f5; box-shadow: 0 0 0 1px #e9f0f5; color: #6a748d; font-weight: 700; }
.select.red  { background: #fdcad8; box-shadow: 0 0 0 1px #fdcad8; color: #a14254; font-weight: 700; }
.select.yel  { background: #fde7b1; box-shadow: 0 0 0 1px #fde7b1; color: #b96f00; font-weight: 700; }
.select.gre  { background: #b9ebda; box-shadow: 0 0 0 1px #b9ebda; color: #0b7450; font-weight: 700; }
.select.lig  { background: #F5F8FF; box-shadow: 0 0 0 1px #D3DCE9; color: #525F7F;  }
.select .icon{
height: 100%;
text-align: center;
flex-shrink: 0;
display: block;
}
.select.sm .icon{ width: 30px; font-size: 1.2em; }
.select.md .icon{ width: 40px; font-size: 1.3em; }
.select.lg .icon{ width: 50px; font-size: 1.4em; }
.select-label{
width: 100%;
height: 100%;
flex: 1;
font-size: 1em;
}
.select.sm .select-label    { padding-left: 8px; font-size: 1.2em; }
.select.md .select-label    { padding-left: 10px; font-size: 1.3em; }
.select.lg .select-label    { padding-left: 15px; font-size: 1.4em; }
.select .select-label.no-pad    { padding-left: 0; }
.select.hico .select-label  { padding-left: 0 !important; }
.select-arrow{
height: 100%;
text-align: center;
color: #2A2F4B;
}
.select.sm .select-arrow  { width: 20px; line-height: 30px; font-size: 1.3em; }
.select.md .select-arrow  { width: 30px; line-height: 40px; font-size: 1.4em; }
.select.lg .select-arrow  { width: 40px; line-height: 50px; font-size: 1.5em; }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.select.lg .select-label    { width: 50px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.textarea{
display: block;
box-shadow: 0 0 0 1px #D3DCE9;
background: #FFF;
border-radius: 2px;
width: 100% !important;
position: relative;
}
.textarea.focus{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.textarea.sm  { height: 120px; }
.textarea.md  { height: 150px; }
.textarea.lg  { height: 180px; }
.textarea textarea{
width: 100%;
height: 100%;
flex: 1;
font-size: 1em;
line-height: 1.5em;
resize: none;
}
.textarea.fix  { height: 80px !important; }
.textarea.sm textarea    { padding: 8px; font-size: 1.3em; }
.textarea.md textarea    { padding: 10px; font-size: 1.4em; }
.textarea.lg textarea    { padding: 15px; font-size: 1.5em; }
.textarea label.error{
font-size: 1.2em;
color: #fa2542;
font-weight: 500;
position: absolute;
right: 10px;
text-align: right;
}
.radio-tabs{
display: inline-flex;
box-sizing: border-box;
padding: 5px;
background: #EBF2F8;
border-radius: 3px;
box-shadow: 0 0 0 1px #d3dce9;
}
.radio-tabs[disabled]{
pointer-events: none;
opacity: 0.5;
}
.radio-tabs.fl{
width: 100%;
display: flex;
text-align: center;
}
.radio-tabs.bgr{
background: #DAE9F7;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.radio-tabs  { width: 100%; display: flex; text-align: center; overflow-y: scroll; }
}
@media (max-width: 500px) {
}
.radio-tab{
position: relative;
display: block;
}
.radio-tab.focus{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.radio-tabs.fl  .radio-tab {
flex: 1;
display: table;
}
.radio-tab span{
color: #4E5879;
display: flex;
align-items: center;
box-sizing: border-box;
text-align: center;
cursor: pointer;
}
.radio-tabs.fl  .radio-tab span {
display: table-cell;
vertical-align: middle;
border-radius: 3px;
}
.radio-tab.sm span    { height: 30px; padding: 0 15px; font-size: 1.2em; }
.radio-tab.md span    { height: 40px; padding: 0 25px; font-size: 1.3em; }
.radio-tab.lg span    { height: 50px; padding: 0 35px; font-size: 1.4em; }
.radio-tab.sm span i    { margin-right: 5px; }
.radio-tab.md span i    { margin-right: 8px; }
.radio-tab.lg span i    { margin-right: 10px; }
.radio-tab input[type="radio"]{
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.radio-tab input[type="radio"]:checked + span {
color: #2A2F4B;
font-weight: 700;
border: 1px solid #FFF;
background: #FFF;
box-shadow: 0 0 1px 0 #bfd0e0, 0 1px 2px 0 #d1d8e4;
}
.radio-tab input[type="radio"]:disabled + span {
opacity: 0.5;
cursor: initial;
}
@media (max-width: 1620px) {
.radio-tab.sm span    { padding: 0 13px; }
.radio-tab.md span    { padding: 0 23px; }
.radio-tab.lg span    { padding: 0 33px; }
}
@media (max-width: 1300px) {
.radio-tab.sm span    { padding: 0 11px; }
.radio-tab.md span    { padding: 0 21px; }
.radio-tab.lg span    { padding: 0 31px; }
}
@media (max-width: 1040px) {
.radio-tab.sm span    { padding: 0 9px; }
.radio-tab.md span    { padding: 0 19px; }
.radio-tab.lg span    { padding: 0 29px; }
}
@media (max-width: 820px) {
.tab.current .tab-label { align-items: center; display: flex; }
.radio-tabs  .radio-tab { flex: 1; display: table; }
.radio-tab.sm span    { padding: 0 7px; }
.radio-tab.md span    { padding: 0 17px; }
.radio-tab.lg span    { padding: 0 27px; }
.radio-tabs  .radio-tab span { display: table-cell; vertical-align: middle; border-radius: 3px; }
}
@media (max-width: 500px) {
.radio-tab.sm span    { padding: 0 5px; line-height: 1.1em; font-size: 1.1em; }
.radio-tab.md span    { padding: 0 12px; line-height: 1.1em; font-size: 1.2em; }
.radio-tab.lg span    { padding: 0 15px; line-height: 1.1em; font-size: 1.3em; }
}
.input-upload{
width: 100%;
display: block;
border: 1px dashed #d3dce9;
position: relative;
box-sizing: border-box;
border-radius: 2px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.input-upload.focus{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.input-upload input[type="file"] { display: none; }
.input-upload label{
display: block;
width: 100%;
cursor: pointer;
text-align: center;
box-sizing: border-box;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.input-upload label:hover { background: #F4F9FF; }
.input-upload.sm label { padding: 10px; }
.input-upload.md label { padding: 15px; }
.input-upload.lg label { padding: 20px; }
.input-upload-data{
display: inline-flex;
}
.input-upload-icon{
display: block;
}
.input-upload.sm .input-upload-icon { margin-right: 5px; }
.input-upload.md .input-upload-icon { margin-right: 10px; }
.input-upload.lg .input-upload-icon { margin-right: 15px; }
.input-upload.sm .input-upload-icon img { height: 30px; }
.input-upload.md .input-upload-icon img { height: 40px; }
.input-upload.lg .input-upload-icon img { height: 50px; }
.input-upload-info{
text-align: left;
}
.input-upload-prompt{
font-weight: 700;
font-size: 1.4em;
height: 25px;
line-height: 25px;
}
.input-upload.sm .input-upload-prompt { font-size: 1.3em; height: 20px; line-height: 20px; }
.input-upload.md .input-upload-prompt { font-size: 1.4em; height: 25px; line-height: 25px; }
.input-upload.lg .input-upload-prompt { font-size: 1.5em; height: 30px; line-height: 30px; }
.input-upload-description{
color: #4E5879;
line-height: 1.5em;
}
.input-upload.sm .input-upload-description { font-size: 1.1em; }
.input-upload.md .input-upload-description { font-size: 1.2em; }
.input-upload.lg .input-upload-description { font-size: 1.3em; }
.input-upload .input-upload-file {
position: relative;
width: 100%;
border-top: 1px dashed #d3dce9;
box-sizing: border-box;
}
.input-upload.sm .input-upload-file { padding: 10px; }
.input-upload.md .input-upload-file { padding: 15px; }
.input-upload.lg .input-upload-file { padding: 20px; }
.input-upload .input-upload-file span {
font-weight: 700;
width: 100%;
display: block;
overflow: hidden;
}
.input-upload.sm .input-upload-file span { font-size: 1.1em; }
.input-upload.md .input-upload-file span { font-size: 1.2em; }
.input-upload.lg .input-upload-file span { font-size: 1.3em; }
.input-upload-remove{
position: absolute;
z-index: 10;
}
.input-upload.sm .input-upload-remove { top: 3px; right: 3px; }
.input-upload.md .input-upload-remove { top: 10px; right: 10px; }
.input-upload.lg .input-upload-remove { top: 15px; right: 15px; }
.input-upload .input-upload-file.template { display: none !important; }
@media (max-width: 1620px) {
.input-upload.sm label { padding: 8px; }
.input-upload.md label { padding: 13px; }
.input-upload.lg label { padding: 18px; }
}
@media (max-width: 1300px) {
.input-upload.sm label { padding: 6px; }
.input-upload.md label { padding: 11px; }
.input-upload.lg label { padding: 16px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.input-upload-data  { display: block; }
.input-upload-info  { text-align: center; }
.input-upload .input-upload-icon { margin-right: 0 !important; }
.input-upload .input-upload-prompt { height: auto !important; line-height: 1.25em !important; }
}
.uploaded{
display: inline-block;
width: auto;
border-radius: 2px;
border: 1px solid #d3dce9;
}
.uploaded.xsm   { height: 20px; padding: 15px; }
.uploaded.sm    { height: 40px; padding: 20px; }
.uploaded.md    { height: 100px; padding: 25px; }
.uploaded.lg    { height: 140px; padding: 30px; }
.uploaded.xlg   { height: 180px; padding: 35px; }
.uploaded img{
height: 100%;
width: auto;
}
.field-tags{
width: 100%;
display: block;
box-shadow: 0 0 0 1px #d3dce9;
border-radius: 2px;
box-sizing: border-box;
}
.field-tags.sm      { padding: 12px; }
.field-tags.md      { padding: 15px; }
.field-tags.lg      { padding: 20px; }
.field-tags-note{
display: block;
width: 100%;
color: #4E5879;
line-height: 1.5em;
}
.field-tags.sm .field-tags-note      { font-size: 1.2em; }
.field-tags.md .field-tags-note      { font-size: 1.3em; }
.field-tags.lg .field-tags-note      { font-size: 1.4em; }
.field-tags-list{
width: 100%;
display: block;
}
.field-tags.sm .field-tags-list > *    { margin: 6px 6px 0 0; }
.field-tags.md .field-tags-list > *    { margin: 8px 8px 0 0; }
.field-tags.lg .field-tags-list > *    { margin: 10px 10px 0 0; }
@media (max-width: 1620px) {
.field-tags.sm      { padding: 11px; }
.field-tags.md      { padding: 13px; }
.field-tags.lg      { padding: 18px; }
}
@media (max-width: 1300px) {
.field-tags.sm      { padding: 9px; }
.field-tags.md      { padding: 11px; }
.field-tags.lg      { padding: 16px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.field-toggle{
display: flex;
width: 100%;
align-items: flex-start;
}
.field-toggle-label{
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
}
.field-toggle-label label{
align-self: stretch;
color: #424770;
font-family: 'Aktiv';
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.field-toggle-label p{
align-self: stretch;
color: #6C7592;
font-family: 'Aktiv';
font-style: normal;
font-weight: 400;
line-height: 160%;
}
.field-toggle.sm{
/* max-width: 320px; */
gap: 10px;
}
.field-toggle.sm .field-toggle-label{
gap: 2px;
label{
font-size: 1.4em;
}
p{
font-size: 1.2em;
}
}
.field-toggle.md{
/* max-width: 400px; */
gap: 12px;
}
.field-toggle.md .field-toggle-label{
gap: 3px;
label{
font-size: 1.5em;
}
p{
font-size: 1.3em;
}
}
.field-toggle.lg{
/* max-width: 480px; */
gap: 16px;
}
.field-toggle.lg .field-toggle-label{
gap: 4px;
label{
font-size: 1.6em;
}
p{
font-size: 1.4em;
}
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.input-color{
display: inline-flex;
box-shadow: 0 0 0 1px #D3DCE9;
background: #FFF;
border-radius: 2px;
width: 100% !important;
position: relative;
}
.input-color.focus{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.input-color.sm  { height: 30px; line-height: 30px; }
.input-color.md  { height: 40px; line-height: 40px; }
.input-color.lg  { height: 50px; line-height: 50px; }
.input-color .minicolors{
width: 100% !important;
height: 100% !important;
}
.input-color .minicolors input{
width: 100%;
height: 100%;
flex: 1;
font-size: 1em;
text-transform: uppercase;
}
.input-color.sm input    { padding: 0 0 0 8px !important; font-size: 1.3em; }
.input-color.md input    { padding: 0 0 0 10px !important; font-size: 1.4em; }
.input-color.lg input    { padding: 0 0 0 15px !important; font-size: 1.5em; }
.input-color .minicolors-swatch{
height: 100% !important;
right: 0 !important;
top: 0 !important;
border: none;
background: #FAFDFF;
box-sizing: border-box !important;
border-left: 1px solid #D3DCE9;
cursor: pointer;
}
.input-color.sm .minicolors-swatch    { padding: 6px !important; width: 30px !important; }
.input-color.md .minicolors-swatch    { padding: 8px !important; width: 40px !important; }
.input-color.lg .minicolors-swatch    { padding: 10px !important; width: 50px !important; }
.input-color .minicolors-swatch-color{
background: #FFF;
width: 100%;
height: 100%;
display: block;
position: initial !important;
box-sizing: border-box !important;
border-radius: 2px;
}
.verification{
width: 100%;
}
.verification-msg{
width: 100%;
box-sizing: border-box;
display: inline-flex;
align-items: center;
box-shadow: 0 0 0 1px #d3dce9;
}
.verification-msg.hor       { display: inline-flex; }
.verification-msg.ver       { display: block; }
.verification-msg.verified    { background: #e0f9f4; color: #029a6d; }
.verification-msg.waiting    { background: #F4F8F9; color: #4E5879; }
.verification-msg.unsaved    { background: #FFF8E6; color: #DA904C; }
.verification-msg.sm    { padding: 5px 10px;  }
.verification-msg.md    { padding: 10px 15px;  }
.verification-msg.lg    { padding: 15px 20px;  }
.verification-msg-label {
display: inline-block;
font-weight: 500;
}
.verification-msg.sm .verification-msg-label    { font-size: 1.2em; margin-right: 5px; }
.verification-msg.md .verification-msg-label    { font-size: 1.3em; margin-right: 10px; }
.verification-msg.lg .verification-msg-label    { font-size: 1.4em; margin-right: 15px; }
.verification-msg.sm .input    { margin: 5px 0; }
.verification-msg.md .input    { margin: 10px 0; }
.verification-msg.lg .input    { margin: 5px 0 15px 0; }
.datepicker{
display: inline-flex;
}
.datepicker[disabled]{
pointer-events: none;
opacity: 0.5;
}
.daterangepicker{
border: none !important;
margin-top: 1px !important;
box-shadow: 0 0 0 1px #E2E8F1, 0px 1px 8px 0 rgba(48, 66, 95, 0.07) !important;
max-width: 910px !important;
}
.daterangepicker.show-calendar{
z-index: 10001;
}
.daterangepicker.show{
display: flex !important;
z-index: 10001;
}
.daterangepicker.needsHigherZIndex { z-index:100000; }
.daterangepicker .ranges {
max-height: 480px;
overflow-y: auto;
width: 240px;
}
.daterangepicker.show-calendar .ranges {
margin: 0 !important;
}
.daterangepicker .ranges ul {
width: 100% !important;
box-sizing: border-box !important;
padding: 10px !important;
margin: 0 !important;
}
.daterangepicker .ranges ul li{
width: 100% !important;
box-sizing: border-box !important;
padding: 14px 10px !important;
font-family: 'Aktiv' !important;
font-size: 13px;
line-height: 1em;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border-radius: 2px !important;
}
.daterangepicker .ranges ul li:hover{
background: #F4F9FF !important;
}
.daterangepicker .ranges ul li.active{
background: #F4F9FF !important;
color: #5373BD !important;
font-weight: 700 !important;
}
.daterangepicker .calendar{
display: inline-block;
padding: 25px;
border-right: 1px solid #e2e8f1;
}
.daterangepicker .table-condensed{
padding: 0 !important;
border: none !important;
font-family: 'Aktiv' !important;
}
.daterangepicker .table-condensed td, .daterangepicker .table-condensed th{
width: 34px !important;
height: 32px !important;
line-height: 32px !important;
font-size: 12px !important;
color: #2A2F4B !important;
border-radius: 0 !important;
border: 1px solid #FFF !important;
text-align: center;
}
.daterangepicker .table-condensed td.off{
background: #FFF !important;
color: #999 !important;
}
.daterangepicker .table-condensed td.in-range.active, .daterangepicker .table-condensed td.active, .daterangepicker .table-condensed td.active:hover{
background: #6E91E1 !important;
font-weight: 700 !important;
color: #FFF !important;
}
.daterangepicker .table-condensed td.in-range, .daterangepicker .table-condensed td:hover, .daterangepicker .table-condensed th.prev:hover, .daterangepicker .table-condensed th.next:hover{
background: #EBF2F8 !important;
color: #0B2C50 !important;
}
.daterangepicker .table-condensed td.disabled{
text-decoration: none !important;
color: #B7BBC7 !important;
background: #FFF !important;
}
.daterangepicker .table-condensed th{
font-size: 11px !important;
text-transform: uppercase !important;
color: #2A2F4B !important;
}
.daterangepicker .table-condensed .monthselect, .daterangepicker .table-condensed .yearselect, .daterangepicker .calendar-time .hourselect, .daterangepicker .calendar-time .minuteselect, .daterangepicker .calendar-time .ampmselect{
font-size: 13px !important;
color: #2A2F4B !important;
font-weight: 700 !important;
height: 30px !important;
line-height: 32px !important;
padding: 5px 10px 5px 5px !important;
margin: 0 !important;
background: #FFF;
}
.daterangepicker .table-condensed .monthselect{
width: 70px !important;
border: 1px solid #D3DCE9 !important;
}
.daterangepicker .table-condensed .yearselect{
width: 70px !important;
border-top: 1px solid #D3DCE9 !important;
border-right: 1px solid #D3DCE9 !important;
border-bottom: 1px solid #D3DCE9 !important;
border-left: none !important;
}
.daterangepicker .calendar-time .hourselect, .daterangepicker .calendar-time .minuteselect, .daterangepicker .calendar-time .ampmselect{
border: 1px solid #D3DCE9 !important;
width: 60px !important;
}
.range_inputs{
width: 100%;
border-top: 1px solid #e2e8f1;
padding: 10px;
box-sizing: border-box;
}
.range_inputs .daterangepicker_start_input, .range_inputs .daterangepicker_end_input{
width: 50%;
display: inline-block;
padding: 0 4%;
box-sizing: border-box;
float: left;
}
.range_inputs label{
font-size: 0.7em;
font-weight: 700;
color: #2A2F4B;
text-transform: uppercase;
display: block;
line-height: 1.75em;
}
.range_inputs input{
box-shadow: 0 0 0 1px #d3dce9;
height: 30px;
line-height: 30px;
width: 100%;
box-sizing: border-box;
padding: 0 0 0 5px;
}
.range_inputs .btn{
width: 42%;
margin: 15px 3.5%;
font-family: 'Aktiv';
font-weight: 700;
border-radius: 2px;
height: 30px;
line-height: 30px;
font-size: 0.9em;
}
.range_inputs .applyBtn{
background: #FF7F69;
color: #FFF;
}
.range_inputs .cancelBtn{
background: #FFF;
color: #5373BD;
box-shadow: 0 0 0 1px #DCE2EE;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #e6eaf3 !important;
}
.daterangepicker .drp-calendar.left {
padding: 20px 0 20px 20px !important;
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 20px !important;
}
.daterangepicker .drp-calendar.right {
padding: 20px !important;
border-left: 1px solid #e6eaf3 !important;
}
.daterangepicker.show-calendar .drp-buttons{
border-top: none;
border-left: 1px solid #e6eaf3 !important;
padding: 15px !important;
}
.daterangepicker .drp-buttons .btn {
margin: 0 0 10px 0 !important;
padding: 0 !important;
width: 100px !important;
display: block !important;
background: #F4F9FF !important;
font-size: 12px !important;
font-family: 'Aktiv' !important;
height: 30px !important;
line-height: 30px !important;
color: #909EAF !important;
border-radius: 2px !important;;
}
.daterangepicker .drp-buttons .btn.applyBtn {
background: #6E91E1 !important;
color: #FFF !important;
}
.daterangepicker .calendar-time{
margin-right: 20px !important;
border-top: 1px solid #e6eaf3 !important;
padding-top: 20px !important;
}
.datepicker.fll{
width: 100%;
}
.datepicker.fll .button{
width: 100%;
}
@media (max-width: 1620px) {
.daterangepicker .ranges { max-height: 440px; width: 220px; }
.daterangepicker .ranges ul li{ padding: 13px 9px !important; font-size: 12px; }
.daterangepicker .table-condensed td, .daterangepicker .table-condensed th { font-size: 12px !important; }
.daterangepicker .table-condensed th { font-size: 10px !important; }
.daterangepicker .table-condensed .monthselect, .daterangepicker .table-condensed .yearselect, .daterangepicker .calendar-time .hourselect, .daterangepicker .calendar-time .minuteselect, .daterangepicker .calendar-time .ampmselect { font-size: 12px !important; }
}
@media (max-width: 1300px) {
.daterangepicker .ranges { max-height: 400px; width: 200px; }
.daterangepicker .ranges ul li{ padding: 12px 8px !important; font-size: 11px; }
.daterangepicker .table-condensed td, .daterangepicker .table-condensed th { font-size: 11px !important; }
.daterangepicker .table-condensed th { font-size: 9px !important; }
.daterangepicker .table-condensed .monthselect, .daterangepicker .table-condensed .yearselect, .daterangepicker .calendar-time .hourselect, .daterangepicker .calendar-time .minuteselect, .daterangepicker .calendar-time .ampmselect { font-size: 11px !important; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.daterangepicker    { position: fixed !important; top: initial !important; bottom: 0 !important; left: 0 !important; right: auto !important; max-height: 70vh; overflow-y: scroll; max-width: 100% !important; width: 100% !important; box-shadow: 0 0 0 1px #e2e8f1, 0px 0px 100px 100px rgb(48 66 95 / 0.8) !important; }
.daterangepicker.show { display: block !important; }
.daterangepicker .ranges { width: 100% !important; max-height: 100% !important; }
.daterangepicker .ranges ul li{ padding: 15px 10px !important; font-size: 13px !important; }
.daterangepicker:before, .daterangepicker:after      { display: none !important; }
.daterangepicker .table-condensed td, .daterangepicker .table-condensed th { font-size: 13px !important; }
.daterangepicker .table-condensed .monthselect, .daterangepicker .table-condensed .yearselect, .daterangepicker .calendar-time .hourselect, .daterangepicker .calendar-time .minuteselect, .daterangepicker .calendar-time .ampmselect { font-size: 13px !important; }
.daterangepicker .drp-calendar  { max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
.daterangepicker .drp-calendar.right    { border-left: none !important; border-top: 1px solid #e6eaf3 !important; }
.daterangepicker.show-ranges.ltr .drp-calendar.left     { border-left: none !important; border-top: 1px solid #e6eaf3 !important; }
.daterangepicker.show-calendar .drp-buttons { text-align: center; }
.daterangepicker .drp-buttons .btn  { margin: 0 5px !important; display: inline-block !important; }
}
@media (max-width: 500px) {
}
.radio{
display: inline-flex;
position: relative;
}
.radio input[type="radio"]{
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer;
}
.radio span{
box-shadow: 0 0 0 1px #BECAD5;
background: #FFF;
box-sizing: border-box;
text-align: center;
cursor: pointer;
display: block;
color: transparent;
border-radius: 50%;
}
.radio input[type="radio"]:checked + span {
background: #3F72DA;
color: #FFF;
box-shadow: 0 0 0 1px #3F72DA;
}
.radio.focus span, .radio.focus input[type="radio"]:checked + span{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.radio input[type="radio"][disabled] {
cursor: default !important;
}
.radio input[type="radio"][disabled] + span {
cursor: default !important;
color: #ECF2F6;
background: #ECF2F6;
box-shadow: 0 0 0 1px #eaeff5;
}
.radio.sm span, .radio.sm input[type="radio"]  { width: 16px; line-height: 17px; height: 16px; font-size: 0.9em; }
.radio.md span, .radio.md input[type="radio"]  { width: 20px; line-height: 21px; height: 20px; font-size: 1.1em; }
.radio.lg span, .radio.lg input[type="radio"]  { width: 24px; line-height: 25px; height: 24px; font-size: 1.3em; }
.field-disclaimer{
display: block;
width: 100%;
color: #4E5879;
line-height: 1.75em;
box-shadow: 0 0 0 1px #d3dce9;
box-sizing: border-box;
background: #FFF8E6;
color: #DA904C;
}
.field-disclaimer.sm  { padding: 12px; font-size: 1.2em; }
.field-disclaimer.md  { padding: 15px; font-size: 1.3em; }
.field-disclaimer.lg  { padding: 18px; font-size: 1.4em; }
.field-disclaimer a{
font-weight: 700;
color: #5373BD;
}
.field-disclaimer a:hover{
text-decoration: underline;
}
.field-checkbox-disclaimer{
width: 100%;
flex-shrink: 0;
box-sizing: border-box;
}
.field-checkbox-disclaimer.sm { padding-left: 24px; }
.field-checkbox-disclaimer.md { padding-left: 30px; }
.field-checkbox-disclaimer.lg { padding-left: 36px; }
.chips{
box-shadow: 0 0 0 1px #DDE4EE;
border-radius: 2px;
}
.chips.nmr  { margin-right: 0; }
.chips.def  { background: #EBF2F8; }
.chips.xsm   { padding: 1px 4px 1px 4px; }
.chips.sm   { padding: 3px 6px 3px 6px; }
.chips.md   { padding: 5px 10px 5px 10px; }
.chips.lg   { padding: 7px 14px 7px 14px; }
.chips.xsm > *   { margin: 2px 4px 2px 0; }
.chips.sm > *   { margin: 3px 6px 3px 0; }
.chips.md > *   { margin: 5px 10px 5px 0; }
.chips.lg > *   { margin: 7px 14px 7px 0; }
.chips.spo{
padding-top: 5px;
position: relative;
margin-top: 8px;
}
.chips.spo::before{
content: 'POSSIBLE VALUES';
position: absolute;
top: -12px;
left: 20px;
height: 16px;
line-height: 16px;
font-size: 0.8em;
font-weight: 700;
color: #a74bd3;
background: #f0dbfd;
padding: 0 5px;
}
@media (max-width: 1620px) {
.chips.sm   { padding: 2px 5px 2px 5px; }
.chips.md   { padding: 4px 9px 4px 9px; }
.chips.lg   { padding: 6px 13px 6px 13px; }
.chips.sm > *   { margin: 2px 5px 2px 0; }
.chips.md > *   { margin: 4px 9px 4px 0; }
.chips.lg > *   { margin: 6px 13px 6px 0; }
.chips.spo::before  { height: 14px; line-height: 14px;}
}
@media (max-width: 1300px) {
.chips.sm   { padding: 1px 4px 1px 4px; }
.chips.md   { padding: 3px 8px 3px 8px; }
.chips.lg   { padding: 5px 12px 5px 12px; }
.chips.sm > *   { margin: 1px 4px 1px 0; }
.chips.md > *   { margin: 3px 8px 3px 0; }
.chips.lg > *   { margin: 5px 12px 5px 0; }
.chips.spo::before  { height: 12px; line-height: 12px;}
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.chip{
display: inline-flex;
border-radius: 2px;
align-items: center;
}
.chip.sm    { padding: 0 10px; gap: 8px; }
.chip.md    { padding: 0 15px; gap: 12px; }
.chip.lg    { padding: 0 20px; gap: 18px; }
.chip.def    { background: #E9EEF6; color: #424770; }
.chip.gre    { background: #6EC6A6; color: #FFFFFF; }
.chip.pur    { background: #e0e5ff; color: #1d2650; }
.chip.lig    { background: #EBF2F8; color: #424770; }
.chip.whi    { background: #FFF; color: #424770; box-shadow: 0 0 0 1px #d3dce9; }
.chip.cle    { background: transparent; color: #BDC7D5; }
.chip.hig    { background: #E7E2FF; color: #7750E5; box-shadow: 0 0 0 1px #BFA2FD; }
.chip-label{
line-height: 1.5em;
}
.chip.sm .chip-label    { padding: 5px 0; }
.chip.md .chip-label    { padding: 10px 0; }
.chip.lg .chip-label    { padding: 15px 0; }
.chip.sm .chip-label  { font-size: 1.2em; }
.chip.md .chip-label  { font-size: 1.3em; }
.chip.lg .chip-label  { font-size: 1.4em; }
.chip .button.clo{
width: initial;
}
.chip.pur .button.clo{
color: #7f83b7;
}
.chip.pur .toggle-slider{
background: #c5c3e5;
}
.chip.clr .button.clo{
color: #fb639a !important;
}
.chip.bar .chip-label{
font-size: 2em !important;
font-weight: 700;
line-height: 100%;
}
.chip.hig .chip-label{
color: #7750E5;
}
@media (max-width: 1620px) {
.chip.sm    { padding: 0 8px; gap: 6px; }
.chip.md    { padding: 0 13px; gap: 10px; }
.chip.lg    { padding: 0 18px; gap: 16px; }
}
@media (max-width: 1300px) {
.chip.sm    { padding: 0 6px; gap: 4px; }
.chip.md    { padding: 0 11px; gap: 8px; }
.chip.lg    { padding: 0 16px; gap: 14px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.chip{
overflow: hidden;
overflow-wrap: anywhere;
word-break: break-word;
}
}
@media (max-width: 500px) {
}
.chip-data{
display: inline-flex;
border-radius: 2px;
align-items: center;
}
.chip-data.sm    { padding: 3px 8px; }
.chip-data.md    { padding: 5px 12px; }
.chip-data.lg    { padding: 7px 16px; }
.chip-data.def    { background: #FFF; color: #424770; box-shadow: 0px 2px 4px rgba(15, 15, 15, 0.07), 0px 0px 0px 1px #D3DCE9; }
.chip-label{
line-height: 1.5em;
}
.chip-data.sm .chip-data-label    { font-size: 1.1em; }
.chip-data.md .chip-data-label    { font-size: 1.3em; }
.chip-data.lg .chip-data-label    { font-size: 1.5em; }
@media (max-width: 1620px) {
.chip-data.sm    { padding: 2px 7px; }
.chip-data.md    { padding: 4px 11px; }
.chip-data.lg    { padding: 6px 15px; }
.chip-data.sm .chip-data-label    { font-size: 1em; }
.chip-data.md .chip-data-label    { font-size: 1.2em; }
.chip-data.lg .chip-data-label    { font-size: 1.4em; }
}
@media (max-width: 1300px) {
.chip-data.sm    { padding: 1px 6px; }
.chip-data.md    { padding: 3px 10px; }
.chip-data.lg    { padding: 5px 14px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.range{
display: block;
position: relative;
width: 100%;
}
.range span{
display: block;
font-size: 1.6em;
line-height: 1em;
font-weight: 500;
color: #2A2F4B;
font-weight: 700;
}
.range.sm span{ font-size: 1.6em; margin-bottom: 5px; }
.range.md span{ font-size: 1.8em; margin-bottom: 8px; }
.range.lg span{ font-size: 2em; margin-bottom: 12px; }
.range.sm span b{ font-size: 1.3em; }
.range.md span b{ font-size: 1.4em; }
.range.lg span b{ font-size: 1.5em; }
.range input[type=range] {
overflow: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #dae5ef;
width: 100%;
margin: 0;
padding: 0;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 0 0 1px #c5d2e3;
box-sizing: border-box;
}
.range.focus input[type=range]{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.range input[type='range']::-webkit-slider-runnable-track {
-webkit-appearance: none;
background-color: #dae5ef;
border-radius: 2px;
}
.range input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
background: #FFF;
border-radius: 2px;
cursor: pointer;
border: 1px solid #a5abbb;
box-shadow: -5010px 0 0 5000px #FED098;
margin: 0;
}
.range input[type='range']::-moz-range-thumb {
box-sizing: border-box;
background: #FFF;
border-radius: 2px;
cursor: pointer;
box-shadow: -5010px 0 0 5000px #FED098;
border: 1px solid #a5abbb;
margin: 0;
}
.range input[type="range"]::-moz-range-track {
background-color: #D5E4F2;
}
.range input[type="range"]::-moz-range-progress {
background-color: #FED098;
}
.range input[type="range"]::-ms-fill-upper {
background-color: #D5E4F2;
}
.range input[type="range"]::-ms-fill-lower {
background-color: #FED098;
}
.range input[type=range]:focus {
outline: none;
}
.range.sm input[type="range"] { height: 12px; }
.range.md input[type="range"] { height: 18px; }
.range.lg input[type="range"] { height: 24px; }
.range.sm input[type='range']::-webkit-slider-thumb { height: 100%; width: 40px; }
.range.md input[type='range']::-webkit-slider-thumb { height: 100%; width: 50px; }
.range.lg input[type='range']::-webkit-slider-thumb { height: 100%; width: 60px; }
.range.sm input[type='range']::-moz-range-thumb { height: 100%; width: 40px; }
.range.md input[type='range']::-moz-range-thumb { height: 100%; width: 50px; }
.range.lg input[type='range']::-moz-range-thumb { height: 100%; width: 60px; }
.range.sm input[type=range]::-webkit-slider-runnable-track{ height: 100%; }
.range.md input[type=range]::-webkit-slider-runnable-track{ height: 100%; }
.range.lg input[type=range]::-webkit-slider-runnable-track{ height: 100%; }
.range.sm input[type="range"]::-moz-range-progress { height: 100%; }
.range.md input[type="range"]::-moz-range-progress { height: 100%; }
.range.lg input[type="range"]::-moz-range-progress { height: 100%; }
.listbox{
width: 100%;
display: inline-flex;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.listbox     { display: table; }
}
.listbox-column{
width: 46%;
box-shadow: 0 0 0 1px #d3dce9;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.listbox-column     { width: 100%; }
}
.listbox-separator{
width: 8%;
box-shadow: 0 0 0 1px #d3dce9;
display: flex;
align-items: center;
text-align: center;
}
.listbox-separator-arr{
width: 100%;
height: 40px;
line-height: 40px;
font-size: 2.6em;
color: #7598E1;
}
.listbox-separator-arr.mob{
display: none;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.listbox-separator              { width: 100%; }
.listbox-separator-arr.mob      { display: block; }
.listbox-separator-arr.desk     { display: none; }
}
.listbox-header{
box-sizing: border-box;
border-bottom: 1px solid #d3dce9;
width: 100%;
}
.listbox-header b{
color: #2A2F4B;
line-height: 1.75em;
width: 100%;
display: block;
}
.listbox-header.sm  { padding: 10px 15px; }
.listbox-header.md  { padding: 15px 20px; }
.listbox-header.lg  { padding: 20px 25px; }
.listbox-header.sm b  { font-size: 1.5em; }
.listbox-header.md b  { font-size: 1.6em; }
.listbox-header.lg b  { font-size: 1.8em; }
.listbox-list{
width: 100%;
overflow: auto;
box-sizing: border-box;
}
.listbox-list.sm    { padding: 10px 0; max-height: 240px; }
.listbox-list.md    { padding: 15px 0; max-height: 300px; }
.listbox-list.lg    { padding: 20px 0; max-height: 360px; }
.listbox-item{
width: 100%;
display: inline-flex;
box-sizing: border-box;
position: relative;
}
.listbox-item.sm    { padding: 10px 15px; }
.listbox-item.md    { padding: 15px 20px; }
.listbox-item.lg    { padding: 20px 25px; }
.listbox-item:hover, .listbox-item.focus{
background: #F4F9FF;
cursor: pointer;
}
.listbox-item.header:hover{
background: #FFF;
cursor: unset !important;
}
.listbox-item-label{
line-height: 1.5em;
}
.listbox-item.sm .listbox-item-label    { font-size: 1.3em; }
.listbox-item.md .listbox-item-label    { font-size: 1.4em; }
.listbox-item.lg .listbox-item-label    { font-size: 1.5em; }
.listbox-item.header .listbox-item-label{
color: #424770;
font-weight: 700;
text-transform: uppercase;
}
.listbox-item.sm.header .listbox-item-label    { font-size: 1.1em; padding: 10px 0 0 0; }
.listbox-item.md.header .listbox-item-label    { font-size: 1.2em; padding: 15px 0 0 0; }
.listbox-item.lg.header .listbox-item-label    { font-size: 1.3em; padding: 20px 0 0 0; }
.listbox-item .button{
position: absolute;
opacity: 0;
visibility: hidden;
}
.listbox-item:hover  .button, .listbox-item.focus .button{
opacity: 1;
visibility: visible;
}
.listbox-item.sm .button    { right: 10px; }
.listbox-item.md .button    { right: 15px; }
.listbox-item.lg .button    { right: 20px; }
.toggle-token{
position: relative;
display: inline-flex;
}
.toggle-token.sm    { margin: 0 8px 8px 0; }
.toggle-token.md    { margin: 0 10px 10px 0; }
.toggle-token.lg    { margin: 0 10px 10px 0; }
.toggle-token label{
background: #EBF2F8;
align-items: center;
}
.toggle-token.focus label{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.toggle-token.sm label    { padding: 0 15px; height: 30px; line-height: 30px; border-radius: 15px; }
.toggle-token.md label    { padding: 0 20px; height: 40px; line-height: 40px; border-radius: 20px; }
.toggle-token.lg label    { padding: 0 25px; height: 50px; line-height: 50px; border-radius: 25px; }
.toggle-token .ttk-circle{
border-radius: 50%;
box-sizing: border-box;
text-align: center;
box-shadow: 0 0 0 1px #d3dce9;
display: inline-block;
}
.toggle-token .ttk-circle i{
opacity: 0;
}
.toggle-token.sm .ttk-circle    { font-size: 0.8em; height: 12px; line-height: 14px; width: 12px; margin-right: 6px; }
.toggle-token.md .ttk-circle    { font-size: 0.9em; height: 16px; line-height: 18px; width: 16px; margin-right: 8px; }
.toggle-token.lg .ttk-circle    { font-size: 1em; height: 20px; line-height: 22px; width: 20px; margin-right: 10px; }
.toggle-token label span{
font-weight: 500;
}
.toggle-token.sm label span    { font-size: 1.2em; }
.toggle-token.md label span    { font-size: 1.3em; }
.toggle-token.lg label span    { font-size: 1.4em; }
.toggle-token input{
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
}
.toggle-token input:checked + label {
color: #FFF;
background: #5373BD;
}
.toggle-token input:checked + label .ttk-circle {
box-shadow: 0 0 0 1px #FFF;
}
.toggle-token input:checked + label .ttk-circle i {
opacity: 1;
}
.time-picker {
display: inline-flex;
width: 100%;
}
.time-picker .dropdown{
flex: 1;
}
.time-picker input.combined { display: none; }
.multi-filter{
position: relative;
}
.multi-filter.fl .multi-filter-button{
width: 100%;
}
.multi-filter-button{
display: inline-flex;
background: #F4F9FF;
border-radius: 3px;
}
.multi-filter-button[disabled]{
background: #fdfdfd;
pointer-events: none;
opacity: 0.5;
}
.multi-filter-button.fly{
background: none;
}
.multi-filter-button.lig{
background: #F5F8FF;
}
.multi-filter-button.htab{
background: none;
}
.multi-filter-button.htab.active{
background: #FFFFFF;
box-shadow: 0 1px 0 0 #fff, 0 0 0 1px #d8e2eb;
}
.multi-filter-label{
box-sizing: border-box;
padding: 10px 0 10px 15px;
font-size: 1.3em;
color: #424770;
line-height: 20px;
cursor: pointer;
word-break: break-word;
}
.multi-filter-button.htab .multi-filter-label{
padding: 10px 15px 10px 15px;
white-space: nowrap;
}
.multi-filter-button.htab.active .multi-filter-label{
font-weight: 700;
}
.multi-filter-label i{
margin-right: 10px;
}
.multi-filter-button.fly .multi-filter-label i{
margin-right: 0;
margin-left: 8px;
font-size: 0.8em;
}
.multi-filter-button.lig .multi-filter-label i{
margin-right: 0;
margin-left: 8px;
font-size: 1em;
}
.multi-filter-button.htab .multi-filter-label i{
margin-right: 0;
margin-left: 8px;
font-size: 0.8em;
}
.multi-filter-button.cta .multi-filter-label{
color: #5373BD;
font-weight: 700;
padding: 10px 15px;
width: 100%;
text-align: center;
}
.multi-filter-button.fly .multi-filter-label{
color: #424770;
font-weight: 700;
padding: 0 12px;
width: 100%;
text-align: center;
height: 30px;
line-height: 30px;
box-shadow: 0 0 0 1px #dce2ee;
}
.multi-filter-button.lig .multi-filter-label{
color: #4C5F7B;
font-weight: 400;
padding: 0 12px;
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
box-shadow: 0 0 0 1px #dce2ee;
box-shadow: 0 0 0 1px #dce2ee;
}
.multi-filter-close{
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
flex-shrink: 0;
font-size: 1.4em;
cursor: pointer;
color: #9FADD2;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.multi-filter-close:hover{
color: #FB819F;
}
@media (max-width: 1620px) {
.multi-filter-label { padding: 8px 0 8px 13px; }
}
@media (max-width: 1300px) {
.multi-filter-label { padding: 6px 0 6px 11px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.multi-filter-modal{
position: absolute;
width: 100%;
background: #FFF;
z-index: 100;
bottom: 100%;
left: 0;
box-shadow: 0 0 0 1px #e2e8f1, 0px 1px 8px 0 rgb(48 66 95 / 7%);
border-radius: 2px;
visibility: hidden;
opacity: 0;
}
.multi-filter-modal.open{
visibility: visible;
opacity: 1;
}
.multi-filter-modal.dow{
bottom: initial;
top: 100%;
width: 200px;
}
.multi-filter-modal.md{
width: 260px;
}
.multi-filter-modal.fll{
width: 100% !important;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.multi-filter-modal { position: fixed !important; z-index: 1000; bottom: 0 !important; box-shadow: 0 0 0 1px #e2e8f1, 0px 0px 100px 100px rgb(48 66 95 / 0.8) !important; }
}
@media (max-width: 500px) {
}
.multi-filter-modal-body{
width: 100%;
box-sizing: border-box;
padding: 20px;
}
@media (max-width: 1620px) {
.multi-filter-modal-body    { padding: 18px 15px; }
}
@media (max-width: 1300px) {
.multi-filter-modal-body    { padding: 16px 10px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.multi-filter-modal-footer{
width: 100%;
box-sizing: border-box;
padding: 15px;
border-top: 1px solid #e2e8f1;
display: inline-flex;
align-items: center;
text-align: right;
position: relative;
}
.multi-filter-modal-footer-ctas{
margin-left: auto;
order: 2;
}
.multi-filter-modal-footer-ctas > *{
margin-left: 15px;
}
@media (max-width: 1620px) {
.multi-filter-modal-footer    { padding: 12px; }
.multi-filter-modal-footer-ctas > * { margin-left: 12px; }
}
@media (max-width: 1300px) {
.multi-filter-modal-footer    { padding: 9px; }
.multi-filter-modal-footer-ctas > * { margin-left: 9px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.multi-filter-modal-footer-ctas > * { width: auto !important; padding: 0 10px !important; }
}
.block-group{
width: 100%;
display: table;
}
.block-group-header{
width: 100%;
box-shadow: 0 0 0 1px #D3DCE9;
border-radius: 2px 2px 0 0;
display: inline-flex;
align-items: baseline;
background: #FFF;
box-sizing: border-box;
}
.block-group-header.sm  { padding: 8px 10px; }
.block-group-header.md  { padding: 10px 12px; }
.block-group-header.lg  { padding: 12px 14px; }
.block-group-header.sm > *   { margin-right: 5px; }
.block-group-header.md > *   { margin-right: 8px; }
.block-group-header.lg > *   { margin-right: 10px; }
.block-group-header .block-group-header-label  { color: #424770; font-weight: 500; }
.block-group-header.sm .block-group-header-label  { font-size: 1.4em; }
.block-group-header.md .block-group-header-label  { font-size: 1.5em; }
.block-group-header.lg .block-group-header-label  { font-size: 1.6em; }
.block-group-header .hidden{
visibility: hidden;
opacity: 0;
}
.block-group-header:hover .hidden{
visibility: visible;
opacity: 1;
}
@media (max-width: 1620px) {
.block-group-header.sm  { padding: 7px 9px; }
.block-group-header.md  { padding: 9px 11px; }
.block-group-header.lg  { padding: 11px 13px; }
.block-group-header.sm .block-group-header-label  { font-size: 1.3em; }
.block-group-header.md .block-group-header-label  { font-size: 1.4em; }
.block-group-header.lg .block-group-header-label  { font-size: 1.5em; }
}
@media (max-width: 1300px) {
.block-group-header.sm  { padding: 6px 8px; }
.block-group-header.md  { padding: 8px 10px; }
.block-group-header.lg  { padding: 10px 12px; }
.block-group-header.sm .block-group-header-label  { font-size: 1.2em; }
.block-group-header.md .block-group-header-label  { font-size: 1.3em; }
.block-group-header.lg .block-group-header-label  { font-size: 1.4em; }
}
@media (max-width: 1040px) {
.block-group-header.sm  { padding: 5px 7px; }
.block-group-header.md  { padding: 7px 9px; }
.block-group-header.lg  { padding: 9px 11px; }
.block-group-header.sm .block-group-header-label  { font-size: 1.1em; }
.block-group-header.md .block-group-header-label  { font-size: 1.2em; }
.block-group-header.lg .block-group-header-label  { font-size: 1.3em; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.block-group-body{
width: 100%;
box-shadow: 0 0 0 1px #D3DCE9;
border-radius: 0 0 2px 2px;
box-sizing: border-box;
}
.block-group-body.def   { background: #F6F8FB; }
.block-group-body.whi   { background: #FFF; }
.block-group-body.sm  { padding: 12px; }
.block-group-body.md  { padding: 15px; }
.block-group-body.lg  { padding: 20px; }
.block-group-body.xlg  { padding: 30px; }
@media (max-width: 1620px) {
.block-group-body.sm  { padding: 11px; }
.block-group-body.md  { padding: 14px; }
.block-group-body.lg  { padding: 19px; }
.block-group-body.xlg  { padding: 28px; }
}
@media (max-width: 1300px) {
.block-group-body.sm  { padding: 10px; }
.block-group-body.md  { padding: 13px; }
.block-group-body.lg  { padding: 18px; }
.block-group-body.xlg  { padding: 26px; }
}
@media (max-width: 1040px) {
.block-group-body.sm  { padding: 9px; }
.block-group-body.md  { padding: 12px; }
.block-group-body.lg  { padding: 17px; }
.block-group-body.xlg  { padding: 24px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.block-group-conditions{
width: 100%;
display: table;
}
.block-group-conditions-header{
width: 100%;
box-shadow: 0px 2px 4px rgba(15, 15, 15, 0.07), 0px 0px 0px 1px #DBE3EE;
border-radius: 3px;
display: inline-flex;
align-items: baseline;
background: #FFF;
box-sizing: border-box;
}
.block-group-conditions-header.sm  { padding: 8px 10px; }
.block-group-conditions-header.md  { padding: 10px 12px; }
.block-group-conditions-header.lg  { padding: 12px 14px; }
.block-group-conditions-header.sm > *   { margin-right: 5px; }
.block-group-conditions-header.md > *   { margin-right: 8px; }
.block-group-conditions-header.lg > *   { margin-right: 10px; }
.block-group-conditions-header .block-group-conditions-header-label  { color: #424770; font-weight: 700; padding: 2px 0; }
.block-group-conditions-header.sm .block-group-conditions-header-label  { font-size: 1.3em; }
.block-group-conditions-header.md .block-group-conditions-header-label  { font-size: 1.4em; }
.block-group-conditions-header.lg .block-group-conditions-header-label  { font-size: 1.5em; }
.block-group-conditions-header .hidden{
visibility: hidden;
opacity: 0;
}
.block-group-conditions-header:hover .hidden{
visibility: visible;
opacity: 1;
}
@media (max-width: 1620px) {
.block-group-conditions-header.sm  { padding: 7px 9px; }
.block-group-conditions-header.md  { padding: 9px 11px; }
.block-group-conditions-header.lg  { padding: 11px 13px; }
.block-group-conditions-header.sm .block-group-conditions-header-label  { font-size: 1.3em; }
.block-group-conditions-header.md .block-group-conditions-header-label  { font-size: 1.4em; }
.block-group-conditions-header.lg .block-group-conditions-header-label  { font-size: 1.5em; }
}
@media (max-width: 1300px) {
.block-group-conditions-header.sm  { padding: 6px 8px; }
.block-group-conditions-header.md  { padding: 8px 10px; }
.block-group-conditions-header.lg  { padding: 10px 12px; }
.block-group-conditions-header.sm .block-group-conditions-header-label  { font-size: 1.2em; }
.block-group-conditions-header.md .block-group-conditions-header-label  { font-size: 1.3em; }
.block-group-conditions-header.lg .block-group-conditions-header-label  { font-size: 1.4em; }
}
@media (max-width: 1040px) {
.block-group-conditions-header     { flex-wrap: wrap; gap: 10px; }
.block-group-conditions-header.sm  { padding: 5px 7px; }
.block-group-conditions-header.md  { padding: 7px 9px; }
.block-group-conditions-header.lg  { padding: 9px 11px; }
.block-group-conditions-header.sm .block-group-conditions-header-label  { font-size: 1.1em; }
.block-group-conditions-header.md .block-group-conditions-header-label  { font-size: 1.2em; }
.block-group-conditions-header.lg .block-group-conditions-header-label  { font-size: 1.3em; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.block-group-conditions-body{
width: 100%;
border-radius: 0 0 2px 2px;
box-sizing: border-box;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.block-group-items{
width: 100%;
display: table;
border-spacing: 0 5px;
}
.block-group-item{
width: 100%;
display: table-row;
vertical-align: middle;
box-sizing: border-box;
background: #FFF;
box-shadow: 0px 2px 4px rgba(15, 15, 15, 0.07), 0px 0px 0px 1px #DBE3EE;
border-radius: 3px;
}
.block-group-item.sm    { padding: 3px 0 3px 6px; }
.block-group-item.md    { padding: 5px 0 5px 10px; }
.block-group-item.lg    { padding: 7px 0 7px 14px; }
.block-group-item.sm .bgi-cell    { padding: 6px 6px 6px 0; }
.block-group-item.md .bgi-cell    { padding: 10px 10px 10px 0; }
.block-group-item.lg .bgi-cell    { padding: 14px 14px 14px 0; }
.block-group-item.sm .bgi-cell:first-child    { padding-left: 6px; }
.block-group-item.md .bgi-cell:first-child    { padding-left: 10px; }
.block-group-item.lg .bgi-cell:first-child    { padding-left: 14px; }
@media (max-width: 1620px) {
.block-group-item.sm    { padding: 2px 0 2px 4px; }
.block-group-item.md    { padding: 4px 0 4px 8px; }
.block-group-item.lg    { padding: 6px 0 6px 12px; }
.block-group-item.sm .bgi-cell    { padding: 5px 5px 5px 0; }
.block-group-item.md .bgi-cell    { padding: 9px 9px 9px 0; }
.block-group-item.lg .bgi-cell    { padding: 13px 13px 13px 0; }
.block-group-item.sm .bgi-cell:first-child    { padding-left: 5px; }
.block-group-item.md .bgi-cell:first-child    { padding-left: 9px; }
.block-group-item.lg .bgi-cell:first-child    { padding-left: 13px; }
}
@media (max-width: 1300px) {
.block-group-item.sm    { padding: 2px 0 2px 4px; }
.block-group-item.md    { padding: 3px 0 3px 6px; }
.block-group-item.lg    { padding: 5px 0 5px 10px; }
.block-group-item.sm .bgi-cell    { padding: 4px 4px 4px 0; }
.block-group-item.md .bgi-cell    { padding: 8px 8px 8px 0; }
.block-group-item.lg .bgi-cell    { padding: 12px 12px 12px 0; }
.block-group-item.sm .bgi-cell:first-child    { padding-left: 4px; }
.block-group-item.md .bgi-cell:first-child    { padding-left: 8px; }
.block-group-item.lg .bgi-cell:first-child    { padding-left: 12px; }
}
@media (max-width: 1040px) {
.block-group-item.sm    { padding: 2px 0 2px 4px; }
.block-group-item.md    { padding: 2px 0 2px 4px; }
.block-group-item.lg    { padding: 4px 0 4px 8px; }
.block-group-item.sm .bgi-cell    { padding: 3px 3px 3px 0; }
.block-group-item.md .bgi-cell    { padding: 7px 7px 7px 0; }
.block-group-item.lg .bgi-cell    { padding: 11px 11px 11px 0; }
.block-group-item.sm .bgi-cell:first-child    { padding-left: 3px; }
.block-group-item.md .bgi-cell:first-child    { padding-left: 7px; }
.block-group-item.lg .bgi-cell:first-child    { padding-left: 11px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.block-group-conditions-block{
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
border-radius: 4px;
position: relative;
}
.block-group-conditions-item .block-group-conditions-block{
padding: 20px;
border: 2px dotted #B4C4DB;
}
.block-group-conditions-block.def   { padding: 0; }
.block-group-conditions-block.frs   { padding: 0; box-shadow: none; }
.block-group-conditions-block:before, .block-group-conditions-item:before{
font-size: 1.1em;
position: absolute;
left: 20px;
top: calc(50% - 11px);
color: #2A2F4B;
font-weight: 700;
width: 40px;
text-align: center;
z-index: 1;
height: 22px;
line-height: 24px;
border-radius: 22px;
border: 2px solid #FFF;
z-index: 1;
}
.block-group-conditions-block.frs .bgci-box { box-shadow: 0px 2px 4px rgba(15, 15, 15, 0.07), 0px 0px 0px 1px #DBE3EE; }
.block-group-conditions-block.and .bgci-box { box-shadow: 0px 2px 4px rgba(15, 15, 15, 0.07), 0px 0px 0px 1px #DBE3EE; }
.block-group-conditions-block.or .bgci-box { box-shadow: 0px 2px 4px rgba(15, 15, 15, 0.07), 0px 0px 0px 1px #DBE3EE; }
.block-group-conditions-block .button.sm{
place-self: flex-start;
}
@media (max-width: 1620px) {
.block-group-conditions-block:before, .block-group-conditions-item:before   { width: 38px; }
.block-group-conditions-block .block-group-conditions-block .bgcb-tail, .block-group-conditions-block .block-group-conditions-item .bgci-tail   { left: -22px; width: 22px; }
.block-group-conditions-block .button.xsm::before   { left: -22px; width: 22px;}
}
@media (max-width: 1300px) {
.block-group-conditions-item .block-group-conditions-block  { padding: 15px; }
.block-group-conditions-block:before, .block-group-conditions-item:before   { width: 36px; }
.block-group-conditions-block .block-group-conditions-block .bgcb-tail, .block-group-conditions-block .block-group-conditions-item .bgci-tail   { left: -20px; width: 20px; }
.block-group-conditions-block .button.xsm::before   { left: -20px; width: 20px;}
}
@media (max-width: 1040px) {
.block-group-conditions-block       { gap: 0; }
.block-group-conditions-block:before, .block-group-conditions-item:before   { width: 34px; }
.block-group-conditions-block .block-group-conditions-block .bgcb-tail, .block-group-conditions-block .block-group-conditions-item .bgci-tail   { left: -18px; width: 18px; }
.block-group-conditions-block .button.xsm::before   { left: -18px; width: 18px;}
}
@media (max-width: 820px) {
.block-group-conditions-block:before, .block-group-conditions-item:before   { width: 32px; }
.block-group-conditions-block .block-group-conditions-block .bgcb-tail, .block-group-conditions-block .block-group-conditions-item .bgci-tail   { left: -16px; width: 16px; }
.block-group-conditions-block .button.xsm::before   { left: -16px; width: 16px;}
}
@media (max-width: 500px) {
.block-group-conditions-block:before, .block-group-conditions-item:before   { width: 30px; }
.block-group-conditions-block .block-group-conditions-block .bgcb-tail, .block-group-conditions-block .block-group-conditions-item .bgci-tail   { left: -14px; width: 14px; }
.block-group-conditions-block .button.xsm::before   { left: -14px; width: 14px;}
}
.block-group-conditions-template{
display: flex;
width: 100%;
}
.block-group-conditions-item{
width: 100%;
box-sizing: border-box;
}
.bgci-tail{}
.bgci-tail-dots{ height: 11px; margin-left: 17px; border-left: 2px dotted #B4C4DB; }
.bgci-tail-prop{
padding: 2px 0px;
width: 36px;
line-height: 18px;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE;
text-align: center;
}
.btp-and, .btp-or{
display: none;
font-size: 1.1em;
font-weight: 700;
}
.btp-and { color: #BE52F2; }
.btp-or  { color: #F18334; }
.block-group-conditions-block.and > * > * > * > .btp-and { display:block; }
.block-group-conditions-block.or > * > * > * > .btp-or { display:block; }
@media (max-width: 1040px) {
.block-group-conditions-item    { flex-direction: column; gap: 0; align-items: normal; }
}
.block-group-questions{
display: flex;
box-sizing: border-box;
width: 100%;
padding: 10px;
flex-direction: column;
gap: 10px;
border-radius: 2px;
box-shadow: 0px 2px 4px 0px rgba(15, 15, 15, 0.07), 0px 0px 0px 1px #DBE3EE;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.block-group-question-field{
display: flex;
align-items: baseline;
width: 100%;
gap: 12px;
}
.block-group-question-field-label{
display: flex;
width: 100px;
align-items: center;
color: #424770;
font-size: 1.3em;
font-weight: 500;
line-height: 140%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.block-group-question-field         { flex-direction: column; align-items: normal; gap: 5px; }
.block-group-question-field-label   { flex: 0 0 100%; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.bgci-box{
background: #FFFFFF;
display: inline-flex;
align-items: baseline;
flex: 1;
border-radius: 3px;
width: 100%;
}
.bgci-box-label{
font-size: 1.3em;
line-height: 1.5em;
flex: 1;
word-break: break-word;
}
.bgci-box-label b{ color: #2A2F4B; }
.bgci-box .dropdown{ flex: 1; }
.bgci-box .field{ flex: 1; }
@media (max-width: 1040px) {
.bgci-box                   { display: flex; flex-wrap: wrap; }
.bgci-box-label             { flex: 0 0 100%; }
.bgci-box .dropdown         { flex: 0 0 100%; }
.bgci-box .field input      { flex: 0 0 100%; }
.bgci-box .button.drag_ns   { display: none; }
}
.bgci-box-drag{
display: flex;
width: 14px;
justify-content: center;
align-items: center;
align-self: stretch;
border-right: 1px solid #DBE3EE;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.bgci-box-block{
background: #FFFFFF;
box-sizing: border-box;
padding: 10px 12px;
display: inline-flex;
align-items: baseline;
gap: 12px;
flex: 1;
border-radius: 3px;
width: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.bgci-box-block     { padding: 8px 10px; gap: 10px; }
}
@media (max-width: 1040px) {
.bgci-box-block     { display: flex; flex-wrap: wrap; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.bgci-box-wrap{
box-sizing: border-box;
display: inline-flex;
gap: 12px;
}
.bgci-box-wrap.flex{
flex: 1;
flex-wrap: wrap;
}
.bgci-box-wrap .chips{
flex: 1 0 90%;
background: #F5F8FF;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.bgci-box-wrap  { gap: 10px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.bgci-box-container{
display: flex;
flex-direction: column;
flex: 1;
flex-wrap: wrap;
gap: 12px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.bgci-disclaimer{
display: flex;
align-items: stretch;
align-self: stretch;
}
.bgci-disclaimer-tail{
border-left: 2px dotted #B4C4DB;
margin-left: 17px;
}
.bgci-disclaimer-wrap{
padding: 10px 0 10px 15px;
flex: 1;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.bgci-extra{
display: inline-flex;
align-items: center;
position: relative;
}
.bgci-extra-tail{
background: #CBD7EB;
width: 15px;
height: 2px;
}
.bgci-extra .button.xsm::before{
display: none;
}
.bgci-extra .button{
border-radius: 50%;
}
@media (max-width: 1040px) {
.block-group-conditions-item    { flex-direction: column; gap: 0; align-items: normal; }
.bgci-extra-tail                { width: 5px; }
}
.bgi-cell{
text-align: left;
vertical-align: middle;
white-space: nowrap;
display: table-cell;
}
.bgi-cell.fit{
width: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.formula-box{
width: 100%;
display: block;
}
.formula-box-top{
width: 100%;
display: inline-flex;
background: #F3F7FB;
box-sizing: border-box;
box-shadow: 0px 0px 0px 1px #DDE4EE;
padding: 10px;
border-radius: 2px 2px 0 0;
}
.formula-box-top > * {
margin-right: 10px;
background: #FFF;
}
.formula-box-preview{
width: 100%;
display: inline-flex;
background: #FFF;
box-sizing: border-box;
box-shadow: 0px 0px 0px 1px #DDE4EE;
padding: 20px;
border-radius: 0 0 2px 2px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.formula-box-preview > * {
margin-right: 8px;
}
.formula-item{
display: block;
box-shadow: 0px 2px 4px rgba(15, 15, 15, 0.07), 0px 0px 0px 1px #D3DCE9;
border-radius: 2px;
}
.formula-item-top{
position: relative;
}
.formula-item-value{
border-bottom: 1px solid #D3DCE9;
line-height: 36px;
font-weight: 700;
padding: 0 12px;
}
.formula-item.def .formula-item-value   { color: #424770; background: #F4F5FF; font-size: 1.3em; }
.formula-item.ope .formula-item-value   { color: #B44BAC; background: #FFFFFF; font-size: 1.8em; }
.formula-item-remove{
color: #FF819F;
background: #FFEAEF;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 50%;
position: absolute;
top: -14px;
right: -4px;
border: 2px solid #FFF;
cursor: pointer;
opacity: 0;
visibility: hidden;
}
.formula-item-top:hover .formula-item-remove{
opacity: 1;
visibility: visible;
}
.formula-item-drag{
color: #A9ACBD;
font-size: 1.3em;
text-align: center;
line-height: 1em;
cursor: pointer;
}
.input-group{
display: flex;
flex-wrap: wrap;
box-shadow: 0 0 0 1px #D3DCE9;
background: #FFF;
border-radius: 2px;
width: 100% !important;
position: relative;
}
.input-group.xsm  { padding: 1px; }
.input-group.sm   { padding: 2px;  }
.input-group.md   { padding: 3px; }
.input-group.lg   { padding: 4px; }
.input-group input {
display: flex;
flex: 1;
min-width: 0;
}
.input-group.xsm input  { padding-left: 4px; line-height: 18px; font-size: 1.1em; min-width:80px; }
.input-group.sm input   { padding-left: 5px; line-height: 26px; font-size: 1.2em; min-width:100px; }
.input-group.md input   { padding-left: 6px; line-height: 34px; font-size: 1.3em; min-width:100px; }
.input-group.lg input   { padding-left: 8px; line-height: 42px; font-size: 1.4em; min-width:100px; }
.input-group-item{
display: inline-flex;
font-weight: 500;
border-radius: 3px;
overflow-wrap: anywhere;
}
.input-group-item.def { background: #E9F2FF; color: #424770; }
.input-group-item.xsm { font-size: 1.1em; padding: 3px 5px; line-height: 10px; margin: 1px; }
.input-group-item.sm  { font-size: 1.2em; padding: 4px 6px; line-height: 14px; margin: 2px; }
.input-group-item.md  { font-size: 1.3em; padding: 4px 8px; line-height: 20px; margin: 3px; }
.input-group-item.lg  { font-size: 1.4em; padding: 4px 10px; line-height: 26px; margin: 4px; }
.input-group-item.error { background-color:#fcc; }
.input-group-item-remove {
margin-left: 0.5em;
cursor: pointer;
opacity: 0.4;
font-size: 0.9em;
}
.input-group-item-remove:hover {
opacity: 1;
}
.input-group-tag{
display: flex;
border-radius: 3px;
overflow-wrap: anywhere;
align-items: baseline;
}
.input-group-tag label{
font-weight: 500;
}
.input-group-tag i{
font-size: 0.7em;
}
.input-group-tag.pos   { background: #E0F9F4; color: #424770; }
.input-group-tag.neg   { background: #F9E0F2; color: #424770; }
.input-group-tag.neu   { background: #FFF8E6; color: #424770; }
.input-group-tag.xsm   { padding: 3px 5px; margin: 2px; gap: 2px; font-size: 1.1em; line-height: 10px; }
.input-group-tag.sm   { padding: 4px 6px; margin: 3px; gap: 4px; font-size: 1.2em; line-height: 14px; }
.input-group-tag.md   { padding: 4px 8px; margin: 4px; gap: 6px; font-size: 1.3em; line-height: 20px; }
.input-group-tag.lg   { padding: 4px 10px; margin: 5px; gap: 8px; font-size: 1.4em; line-height: 26px; }
.input-group-tag.pos i   { color: #2CB975; }
.input-group-tag.neg i   { color: #E91E8B; }
.input-group-tag.neu i   { color: #F5B12E; }
.option-link{
color: #2A2F4B;
display: flex;
align-items: center;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
transition: all .15s ease-in-out;
}
.option-link:hover{
background: #EDEFFF;
color: #5373BD;
}
.option-link.sm     {  gap: 10px; padding: 10px; font-size: 1.4em; }
.option-link.md     {  gap: 15px; padding: 15px; font-size: 1.6em; }
.option-link.lg     {  gap: 20px; padding: 20px; font-size: 1.8em; }
.option-link-icon{
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.option-link.sm .option-link-icon     {  width: 30px; }
.option-link.md .option-link-icon     {  width: 30px; }
.option-link.lg .option-link-icon     {  width: 40px; }
.option-link-icon img{
width: 100%;
height: auto;
}
.option-link-info{
font-weight: 500;
line-height: 140%;
width: 100%;
}
.option-link-external{
display: flex;
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
text-align: center;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.field-requirement{
display: flex;
align-items: flex-start;
flex: 1 0 0;
box-sizing: border-box;
border-radius: 2px;
}
.field-requirement a{
color: #5373BD;
font-weight: 700;
text-decoration: underline;
}
.field-requirement a:hover{
text-decoration: none;
}
.field-requirement span{
font-family: 'Aktiv';
font-style: normal;
font-weight: 400;
}
.field-requirement i{
position: relative;
}
.field-requirement.suc{
color: #03A65C;
background: #D6FDEB;
box-shadow: 0px 0px 0px 1px #ADDDC7;
}
.field-requirement.err{
color: #E9386D;
background: #FFEEF3;
box-shadow: 0px 0px 0px 1px #E8CCD2;
}
.field-requirement.err i{
margin-left: 2px;
}
.field-requirement.sm{padding: 5px 4px; gap: 5px; min-width: 120px; font-size: 1.2em; line-height: 140%;}
.field-requirement.sm i{font-size: 12px; line-height: 140%; bottom: -1px;}
.field-requirement.sm.suc i{font-size: 10px; bottom: -1px;}
.field-requirement.md{padding: 8px 12px; gap: 8px; min-width: 160px; font-size: 1.3em; line-height: 140%;}
.field-requirement.md i{font-size: 13px; line-height: 140%; bottom: 0px;}
.field-requirement.lg{padding: 10px 15px; gap: 10px; min-width: 200px; font-size: 1.4em; line-height: 140%;}
.field-requirement.lg i{font-size: 14px; line-height: 140%; bottom: 0px;}
.field-requirements{
display: flex;
width: 100%;
align-items: center;
align-content: center;
flex-wrap: wrap;
box-sizing: border-box;
background: #F7F9FD;
box-shadow: 0px 0px 0px 1px #D3DCE9;
}
.field-requirements.sm{padding: 10px; gap: 5px 10px;}
.field-requirements.md{padding: 12px; gap: 6px 12px;}
.field-requirements.lg{padding: 15px; gap: 8px 15px;}
.automation-card{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
box-sizing: border-box;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.automation-step{
display: flex;
width: 100%;
align-items: flex-start;
gap: 10px;
align-self: stretch;
box-sizing: border-box;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.automation-step-timeline{
display: flex;
flex-direction: column;
flex-shrink: 0;
align-items: center;
align-self: stretch;
box-sizing: border-box;
}
.automation-step-timeline_line {
width: 0;
border-left: 2px solid transparent;
border-image: repeating-linear-gradient(
to bottom,
#C1CEE1 0,
#C1CEE1 4px,
transparent 4px,
transparent 8px
);
border-image-slice: 1;
flex: 1 0 0;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.automation-step-arrow{
display: flex;
width: 24px;
height: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
border-radius: 100%;
border: 1px solid #C1CEE1;
}
.automation-step-arrow i{
color: #4E5879;
font-size: 12px;
font-style: normal;
line-height: 12px;
margin-left: 1px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.automation-step-block{
display: flex;
width: 100%;
padding-bottom: 20px;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
box-sizing: border-box;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.automation-step-header{
display: flex;
padding: 10px 12px;
justify-content: center;
align-items: center;
gap: 10px;
box-sizing: border-box;
border-radius: 2px 2px 0px 0px;
background: #E9F2FF;
box-shadow: 0px 0px 0px 1px #D3DCE9;
}
.automation-step-header label{
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 100%;
text-transform: uppercase;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.automation-step-body-wrapper{
width: 100%;
box-shadow: 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
box-sizing: border-box;
}
.automation-step-body{
display: flex;
width: 100%;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
box-sizing: border-box;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #D3DCE9;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.modal-layer, .modal-layer-static, .modal-layer-support{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(61,77,96,0.95);
z-index: 100000;
text-align: center;
padding: 70px 0 70px 0;
box-sizing: border-box;
visibility: hidden;
opacity: 0;
transition: all 150ms ease-in-out;
-webkit-backdrop-filter: sepia(0.5);
backdrop-filter: sepia(0.5);
cursor: not-allowed;
}
.modal-layer.open, .modal-layer-static.open, .modal-layer-support.open{
visibility: inherit;
opacity: 1;
}
.modal, .modal-support{
background: #FFF;
border-radius: 4px;
display: inline-block;
text-align: left;
box-shadow: 0 0 0 1px #E2E8F1, 0 11px 23px rgba(48, 66, 95, 0.05);
transition: all 150ms ease-in-out;
min-width: 500px;
margin-top: -4vh;
opacity: 0;
visibility: hidden;
cursor: auto;
}
.modal-layer.open .modal, .modal-layer-static.open .modal, .modal-layer-support.open .modal-support{
margin-top: 0;
opacity: 1;
visibility: visible;
}
.modal-layer.fll .modal, .modal-layer-static.fll .modal, .modal-layer-support.fll .modal-support{
width: 96%;
}
.modal-loaded, .modal-loaded-support{
display: inline-block;
width: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.modal-layer, .modal-layer-static{ padding: 40px 0; }, .modal-layer-support{ padding: 40px 0; }
.modal{ min-width: 90%; width: 90%; }
}
@media (max-width: 500px) {
.modal-layer, .modal-layer-static{ padding: 20px 0; }, .modal-layer-support{ padding: 20px 0; }
}
.modal-header{
display: inline-flex;
box-sizing: border-box;
align-items: center;
border-bottom: 1px solid #E2E8F1;
width: 100%;
position: relative;
}
.static-modal-close--hidden .clo{
visibility: hidden;
}
.modal-header.sm  { padding: 0 15px; line-height: 50px; height: 50px; }
.modal-header.md  { padding: 0 20px; line-height: 60px; height: 60px; }
.modal-header .button{
position: absolute;
top: 0;
right: 0;
}
.modal-header.sm .tag   { margin-left: 5px; }
.modal-header.md .tag   { margin-left: 10px; }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.modal-header.sm  { padding: 0 10px; line-height: 40px; height: 40px; }
.modal-header.md  { padding: 0 15px; line-height: 50px; height: 50px; }
.modal-header .button   { top: -5px; right: -5px; }
}
.modal-body{
width: 100%;
display: block;
overflow-y: auto;
padding: 40px;
box-sizing: border-box;
max-height: 70vh;
}
.modal-body.with-gap{
display: flex;
flex-direction: column;
gap: 40px;
max-height: auto;
}
.modal-body.no-over{
overflow-y: initial;
}
.modal-body.no-pad{
padding: 0;
display: flex;
align-items: stretch;
}
.modal-body.xsm      { width: 500px; }
.modal-body.sm      { width: 600px; }
.modal-body.md      { width: 700px; }
.modal-body.lg      { width: 800px; }
.modal-body.xlg     { width: 900px; }
.modal-body.xxlg     { width: 1100px; }
.modal-body.xxxlg     { width: 80vw; }
.modal-body.xxxxlg     { width: 90vw; }
.modal-body.fll     { width: 100%; }
@media (max-width: 1620px) {
.modal-body { padding: 35px; }
}
@media (max-width: 1300px) {
.modal-body { padding: 30px; }
}
@media (max-width: 1040px) {
.modal-body.xsm      { width: 500px; }
.modal-body.sm      { width: 600px; }
.modal-body.md      { width: 700px; }
.modal-body.lg      { width: 800px; }
.modal-body.xlg     { width: 800px; }
.modal-body.xxlg     { width: 800px; }
}
@media (max-width: 820px) {
.modal-body.xsm      { width: 100%; }
.modal-body.sm      { width: 100%; }
.modal-body.md      { width: 100%; }
.modal-body.lg      { width: 100%; }
.modal-body.xlg     { width: 100%; }
.modal-body.xxlg     { width: 100%; }
}
@media (max-width: 500px) {
.modal-body { max-height: 70vh; padding: 20px; }
.modal-body.no-pad  { flex-direction: column; }
.modal-body.xsm      { width: 100%; }
.modal-body.sm      { width: 100%; }
.modal-body.md      { width: 100%; }
.modal-body.lg      { width: 100%; }
.modal-body.xlg     { width: 100%; }
.modal-body.xxlg     { width: 100%; }
}
.modal-footer{
display: inline-flex;
box-sizing: border-box;
align-items: center;
border-top: 1px solid #E2E8F1;
width: 100%;
position: relative;
text-align: right;
}
.modal-footer.sm  { padding: 10px 15px;  }
.modal-footer.md  { padding: 15px 20px;  }
.modal-ctas{
margin-left: auto;
order: 2;
}
.modal-ctas > *{
margin-left: 15px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.modal-footer.sm  { padding: 10px;  }
.modal-footer.md  { padding: 10px;  }
.modal-ctas > *     { margin-left: 10px; }
}
@media (max-width: 500px) {
.modal-footer   { display: block; }
.modal-ctas > *     { width: auto !important; padding: 0 10px !important; }
}
.modal-upgrade-layer{
position: fixed;
top: 0;
right: 0;
width: calc(100% - 330px);
height: 100%;
background: rgba(61,77,96,0.9);
z-index: 100;
text-align: center;
padding: 180px 0 100px 0;
box-sizing: border-box;
transition: all 150ms ease-in-out;
-webkit-backdrop-filter: sepia(0.5);
backdrop-filter: sepia(0.5);
}
.modal-upgrade-layer .modal{
margin-top: 0;
opacity: 1;
visibility: visible;
}
.modal-upgrade-layer.full {
width: calc(100% - 70px);
}
@media (max-width: 1620px) {
.modal-upgrade-layer    { width: calc(100% - 300px); }
}
@media (max-width: 1300px) {
.modal-upgrade-layer    { width: calc(100% - 270px); }
}
@media (max-width: 1040px) {
.modal-upgrade-layer    { width: 100%; padding: 100px 0 100px 0; }
.modal-upgrade-layer.full   { width: 100%; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
#modal_confirm{
background: #FFF;
border-radius: 4px;
display: none;
position: fixed;
z-index: 1001;
left: 50%;
top: 120px;
min-width: 500px;
margin-left: -100px;
box-shadow: 0 0 0 1px #E2E8F1, 0 11px 23px rgba(48, 66, 95, 0.05);
}
#modal_confirm_shade {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(61,77,96,0.95);
-webkit-backdrop-filter: sepia(0.5);
backdrop-filter: sepia(0.5);
}
.modal-body-panel-lf{
display: flex;
width: 240px;
flex-direction: column;
border-right: 1px solid #E2E8F1;
overflow: auto;
max-height: 60vh;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.modal-body-panel-lf    { width: 200px; }
}
@media (max-width: 820px) {
.modal-body-panel-lf    { width: 160px; }
}
@media (max-width: 500px) {
.modal-body-panel-lf    { width: 100%; border-right: none; border-bottom: 1px solid #E2E8F1; }
}
.modal-body-menu{
display: flex;
width: 100%;
padding: 15px;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.modal-body-menu    { padding: 10px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.modal-body-menu    { flex-direction: row; }
}
.modal-body-form{
display: flex;
width: 100%;
padding: 20px;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
gap: 20px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.modal-body-form    { padding: 15px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.modal-body-form    { gap: 15px; }
}
.modal-body-menu-item{
display: flex;
width: 100%;
padding: 10px;
align-items: flex-start;
align-self: stretch;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
transition: all 150ms cubic-bezier(.69,.01,.29,.93);
}
.modal-body-menu-item:hover{
background: #F1F6FF;
}
.modal-body-menu-item.act{
background: #7398E1;
color: #FFF;
}
.modal-body-menu-item label{
flex: 1 0 0;
font-size: 1.3em;
font-weight: 500;
line-height: 135%;
cursor: pointer;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.modal-body-panel-rg{
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
overflow: auto;
max-height: 60vh;
width: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.modal-body-panel-rg    { flex: auto; }
}
.modal-body-list{
width: 100%;
display: flex;
box-sizing: border-box;
padding: 25px;
}
.modal-body-list .grid{
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 20px;
align-self: stretch;
flex-wrap: wrap;
width: 100%;
}
.modal-body-list .grid .col{
display: flex;
margin: 0;
}
.modal-body-list .grid .col-3{
width: calc((100% - 60px) / 4);
}
.modal-body-list .grid .col-4{
width: calc((100% - 40px) / 3);
}
.modal-body-list .grid .col-6{
width: calc((100% - 20px) / 2);
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.modal-body-list    { padding: 20px; }
}
@media (max-width: 820px) {
.modal-body-list    { padding: 15px; }
.modal-body-list .grid  { gap: 15px; }
.modal-body-list .grid .col-3   { width: 100%; }
.modal-body-list .grid .col-4   { width: 100%; }
.modal-body-list .grid .col-6   { width: 100%; }
}
@media (max-width: 500px) {
}
.session-modal-layer{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(61,77,96,0.95);
z-index: 100000;
text-align: center;
padding: 70px 0 70px 0;
box-sizing: border-box;
visibility: hidden;
opacity: 0;
transition: all 150ms ease-in-out;
-webkit-backdrop-filter: sepia(0.5);
backdrop-filter: sepia(0.5);
cursor: not-allowed;
}
.session-modal-layer.open{
visibility: inherit;
opacity: 1;
}
.session-modal{
background: #FFF;
border-radius: 4px;
display: inline-block;
text-align: left;
box-shadow: 0 0 0 1px #E2E8F1, 0 11px 23px rgba(48, 66, 95, 0.05);
transition: all 150ms ease-in-out;
min-width: 500px;
margin-top: -4vh;
opacity: 0;
visibility: hidden;
cursor: auto;
}
.session-modal-layer.open .session-modal{
margin-top: 0;
opacity: 1;
visibility: visible;
}
.session-modal-loaded{
display: inline-block;
width: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.session-modal-layer{ padding: 40px 0; }
.session-modal{ min-width: 90%; width: 90%; }
}
@media (max-width: 500px) {
.session-modal-layer{ padding: 20px 0; }
}
.modal-body-session {
padding: 0px;
}
.session-modal-header{
display: inline-flex;
box-sizing: border-box;
align-items: center;
border-bottom: 1px solid #E2E8F1;
width: 100%;
position: relative;
}
.session-modal-header.sm  { padding: 0 15px; line-height: 50px; height: 50px; }
.session-modal-header.md  { padding: 0 20px; line-height: 60px; height: 60px; }
.session-modal-header .button{
position: absolute;
top: 0;
right: 0;
}
.session-modal-header.sm .tag   { margin-left: 5px; }
.session-modal-header.md .tag   { margin-left: 10px; }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.session-modal-header.sm  { padding: 0 10px; line-height: 40px; height: 40px; }
.session-modal-header.md  { padding: 0 15px; line-height: 50px; height: 50px; }
.session-modal-header .button   { top: -5px; right: -5px; }
}
.session-modal-body{
width: 100%;
display: block;
overflow-y: auto;
padding: 40px;
box-sizing: border-box;
max-height: 70vh;
}
.session-modal-body.no-over{
overflow-y: initial;
}
.session-modal-body.xsm      { width: 500px; }
.session-modal-body.sm      { width: 600px; }
.session-modal-body.md      { width: 700px; }
.session-modal-body.lg      { width: 800px; }
.session-modal-body.xlg     { width: 900px; }
.session-modal-body.xxlg     { width: 1100px; }
@media (max-width: 1620px) {
.session-modal-body { padding: 35px; }
}
@media (max-width: 1300px) {
.session-modal-body { padding: 30px; }
}
@media (max-width: 1040px) {
.session-modal-body.xsm      { width: 500px; }
.session-modal-body.sm      { width: 600px; }
.session-modal-body.md      { width: 700px; }
.session-modal-body.lg      { width: 800px; }
.session-modal-body.xlg     { width: 800px; }
.session-modal-body.xxlg     { width: 800px; }
}
@media (max-width: 820px) {
.session-modal-body.xsm      { width: 100%; }
.session-modal-body.sm      { width: 100%; }
.session-modal-body.md      { width: 100%; }
.session-modal-body.lg      { width: 100%; }
.session-modal-body.xlg     { width: 100%; }
.session-modal-body.xxlg     { width: 100%; }
}
@media (max-width: 500px) {
.session-modal-body { max-height: 70vh; padding: 20px; }
.session-modal-body.xsm      { width: 100%; }
.session-modal-body.sm      { width: 100%; }
.session-modal-body.md      { width: 100%; }
.session-modal-body.lg      { width: 100%; }
.session-modal-body.xlg     { width: 100%; }
.session-modal-body.xxlg     { width: 100%; }
}
.session-modal-footer{
display: inline-flex;
box-sizing: border-box;
align-items: center;
border-top: 1px solid #E2E8F1;
width: 100%;
position: relative;
text-align: right;
}
.session-modal-footer.sm  { padding: 10px 15px;  }
.session-modal-footer.md  { padding: 15px 20px;  }
.session-modal-ctas{
margin-left: auto;
order: 2;
}
.session-modal-ctas > p > *{
margin-left: 15px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.session-modal-footer.sm  { padding: 10px;  }
.session-modal-footer.md  { padding: 10px;  }
.session-modal-ctas > *     { margin-left: 10px; }
}
@media (max-width: 500px) {
.session-modal-footer   { display: block; }
.session-modal-ctas > *     { width: auto !important; padding: 0 10px !important; }
}
.control-center{
width: 70px;
height: 100%;
background: #FFF;
position: fixed;
z-index: 10000;
box-shadow: 1px 0 0 0 #d8e2eb;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.control-center.open{
width: 320px;
}
.cc-top{
width: 100%;
position: absolute;
top: 0;
border-bottom: 1px solid #d8e2eb;
z-index: 3;
display: inline-flex;
}
.cc-toggle{
height: 60px;
line-height: 62px;
text-align: center;
width: 70px;
color: #2A2F4B;
font-size: 2em;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.cc-toggle:hover{
color: #5373BD;
}
.cc-header{
height: 60px;
width: 250px;
padding: 20px 20px 20px 0;
box-sizing: border-box;
display: none;
}
.cc-header .button{
position: absolute;
top: 0;
right: 0;
}
.control-center.open .cc-header{
display: block;
}
.cc-body{
width: 100%;
height: calc(100% - 61px);
margin-top: 61px;
}
.control-center.open .cc-body{
overflow-y: auto;
overflow-x: hidden;
}
.cc-layer{
width: 100%;
height: 100%;
z-index: 1001;
background: rgba(61,77,96,0.95);
position: fixed;
right: 0;
visibility: hidden;
opacity: 0;
transition: all 150ms ease-in-out;
-webkit-backdrop-filter: sepia(0.5);
backdrop-filter: sepia(0.5);
}
.cc-layer.open{
visibility: visible;
opacity: 1;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.control-center { height: 60px; width:50px; box-shadow: 1px 0 0 0 #d8e2eb, 0 1px 0 0 #d8e2eb; }
.control-center.open { height: 100%; box-shadow: 1px 0 0 0 #d8e2eb; }
.cc-toggle  { width: 50px; }
.cc-body     { visibility: hidden; opacity: 0; }
.control-center.open .cc-body     { visibility: visible; opacity: 1; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.control-center.open    { width: 90%; }
.cc-top{ width: 100%; }
}
.cc-level{
width: 100%;
display: inline-flex;
}
.cc-level-lf{
padding: 13px 0;
display: block;
width: 70px;
text-align: center;
vertical-align: top;
position: relative;
border-bottom: 1px solid #d8e2eb;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
}
.cc-level-lf:after {
content: '';
width: 0;
height: 100%;
position: absolute;
top: 0;
left: 35px;
z-index: 0;
}
.cc-level.gra .cc-level-lf:after   { border: 1px solid #D9E4FF; }
.cc-level.pur .cc-level-lf:after   { border: 1px solid #E7DCFF; }
.cc-level.blu .cc-level-lf:after   { border: 1px solid #BFDFF9; }
.cc-level.gre .cc-level-lf:after   { border: 1px solid #B8E8D1; }
.cc-level-icon{
height: 44px;
position: relative;
z-index: 1;
}
.cc-level-icon img{
height: 100%;
width: auto;
}
.cc-level-lf:hover{
cursor: pointer;
}
.cc-level.gra .cc-level-lf:hover    { background: #F3F7FF; }
.cc-level.pur .cc-level-lf:hover    { background: #F9F5FD; }
.cc-level.blu .cc-level-lf:hover    { background: #F5FBFD; }
.cc-level.gre .cc-level-lf:hover    { background: #F5FDFA; }
.cc-level-label{
position: absolute;
left: 100%;
top: 30%;
left: 80px;
background: #424770;
color: #FFF;
padding: 10px 8px;
border-radius: 2px;
font-weight: 700;
font-size: 1.2em;
line-height: 1em;
white-space: nowrap;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
opacity: 0;
visibility: hidden;
}
.cc-level-label:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid #424770;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
left: -12px;
top: calc(50% - 6px);
}
.cc-level-lf:hover .cc-level-label{
opacity: 1;
visibility: visible;
}
.control-center.open .cc-level-lf:hover{
cursor: default;
background: #FFF;
}
.control-center.open .cc-level-label{
opacity: 0 !important;
visibility: hidden !important;
}
.cc-level-rg{
width: 250px;
display: none;
vertical-align: top;
padding: 13px 20px 13px 0;
border-bottom: 1px solid #d8e2eb;
box-sizing: border-box;
}
.control-center.open .cc-level-rg{
display: block;
}
.cc-level-header-type{
text-transform: uppercase;
color: #8591AE;
font-size: 1em;
line-height: 1.8em;
}
.cc-level-header-name{
color: #2A2F4B;
font-size: 1.6em;
font-weight: 700;
line-height: 1.4em;
padding: 2px 0;
}
.cc-level-header-acts{
height: 20px;
line-height: 20px;
display: inline-flex;
align-items: center;
}
.cc-trig{
font-weight: 700;
font-size: 1.3em;
cursor: pointer;
}
.cc-trig:hover{
text-decoration: underline;
}
.cc-level.gra .cc-trig      { color: #406fc3; }
.cc-level.pur .cc-trig      { color: #AE8BDF; }
.cc-level.blu .cc-trig      { color: #4894D2; }
.cc-level.gre .cc-trig      { color: #4BBB93; }
.cc-sep{
font-weight: 700;
color: #BFCBE7;
margin: 0 8px;
font-size: 1.3em;
}
.cc-level-menu{
padding: 13px 0;
display: none;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.cc-level   { width: 100%; }
.cc-level-rg    { width: calc(100% - 70px); }
}
.cc-level-option{
width: 100%;
display: inline-flex;
box-sizing: border-box;
padding: 12px;
align-items: center;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.cc-level-option-name{
color: #4E5879;
font-size: 1.5em;
font-weight: 500;
}
.cc-level-option .tag{
margin-left: 8px;
}
.cc-level.gra .cc-level-option.current, .cc-level.gra .cc-level-option.current .cc-level-option-name      { background: #eaf0ff; color: #2a58a7; }
.cc-level.pur .cc-level-option.current, .cc-level.pur .cc-level-option.current .cc-level-option-name      { background: #F9F5FD; color: #a577d4; }
.cc-level.blu .cc-level-option.current, .cc-level.blu .cc-level-option.current .cc-level-option-name      { background: #F5FBFD; }
.cc-level.gre .cc-level-option.current, .cc-level.gre .cc-level-option.current .cc-level-option-name      { background: #F5FDFA; }
.cc-level.gra .cc-level-option:hover      { background: #eaf0ff; }
.cc-level.pur .cc-level-option:hover      { background: #F9F5FD; }
.cc-level.blu .cc-level-option:hover      { background: #F5FBFD; }
.cc-level.gre .cc-level-option:hover      { background: #F5FDFA; }
@media (max-width: 1620px) {
.cc-level-option    { padding: 10px; }
}
@media (max-width: 1300px) {
.cc-level-option    { padding: 8px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.top-bar{
width: 100%;
height: 60px;
position: sticky;
z-index: 1000;
box-shadow: 0 1px 0 0 #d8e2eb;
display: block;
top: 0;
}
.top-bar-logo{
padding: 10px 15px;
display: block;
float: left;
line-height: 40px;
}
.top-bar-logo img{
max-height: 40px;
width: auto;
max-width: 140px;
vertical-align: middle;
}
.top-bar-nav{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: inline-flex;
z-index: 1;
}
.top-bar-conf{
display: inline-flex;
float: right;
}
.top-bar::ng-deep wc-nav-item:focus, .top-bar::ng-deep wc-subnav-item:focus{
outline: none !important;
}
.top-bar-mob{
visibility: hidden;
opacity: 0;
position: fixed;
width: 100%;
height: calc(100% - 61px);
top: 61px;
right: -100%;
z-index: 100000;
box-sizing: border-box;
overflow-y: auto;
padding-bottom: 100px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.top-bar-mob.open{
right: 0;
}
.top-bar-mob .nav-item{
border-bottom: 1px solid #d8e2eb;
padding: 10px 0 0 0;
}
.top-bar-mob .nav-item-a{
display: block;
width: 100%;
padding: 0 0 10px 0;
}
.top-bar-mob .nav-item-span {
padding: 0 20px;
}
.top-bar-mob .nav-item label{
font-size: 1.7em;
}
.top-bar-mob .nav-item-span i {
font-size: 1.8em;
float: right;
margin-left: 8px;
}
.top-bar-mob .nav-item.open .nav-menu {
display: table;
}
.top-bar-mob .nav-menu{
position: initial;
border-radius: 0;
width: 100%;
box-shadow: none;
padding: 15px 0;
left: initial;
transform: initial;
}
.top-bar-mob .nav-menu .subnav-item{
display: block;
}
.top-bar-mob .nav-menu .subnav-item.title{
display: none;
}
.top-bar-mob .nav-menu .subnav-item .subnav-item-a{
padding: 12px 20px 12px 40px;
}
.top-bar-mob .nav-menu .subnav-item .subnav-item-icon{
display: none;
}
.top-bar-mob .nav-menu .subnav-item .subnav-item-info{
width: 100%;
}
.top-bar-mob .nav-menu .subnav-item .subnav-item-title {
display: block;
width: 100%;
}
.top-bar-mob .nav-menu .subnav-item .subnav-item-title b{
font-size: 1.6em;
color: #424770;
}
.top-bar-mob .nav-menu .subnav-item .subnav-item-desc{
display: none;
}
.top-bar-mob .nav-menu .subnav-item .nav-menu .subnav-item-a{
padding: 10px 20px 10px 70px;
}
.top-bar-mob .nav-menu .subnav-item .nav-menu .subnav-item-title b{
font-size: 1.45em;
font-weight: 400;
color: #4E5879;
}
.nav-item-mob{
height: 60px;
line-height: 60px;
position: absolute;
right: 0;
cursor: pointer;
text-align: center;
box-shadow: -1px 0 0 0 #d8e2eb;
width: 70px;
display: none;
}
.nim-open {
font-size: 1.3em;
font-weight: 700;
text-transform: uppercase;
}
.nim-close {
font-size: 2.6em;
line-height: 2.6em;
display: none;
}
.nav-item-mob.open .nim-open{
display: none;
}
.nav-item-mob.open .nim-close{
display: block;
}
@media (max-width: 1620px) {
.top-bar-logo   { padding: 10px 12px; }
}
@media (max-width: 1300px) {
.top-bar-logo   { padding: 10px 10px; }
}
@media (max-width: 1040px) {
.top-bar    { width: calc(100% - 50px); left: 50px; }
.top-bar-nav    { display: none; }
.top-bar-conf    { display: none; }
.nav-item-mob   { display: block; }
.top-bar-logo img { max-width: 100px; }
.top-bar-mob    { visibility: visible; opacity: 1; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.top-bar-switcher{
display: block;
float: left;
padding: 10px 20px;
height: 40px;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.top-bar-switcher span{
display: block;
opacity: .7;
font-size: 1.2em;
}
.top-bar-switcher label{
display: block;
font-size: 1.6em;
font-weight: 700;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.top-bar-switcher i{
font-size: 0.9em;
margin-left: 5px;
}
.tbs-mob{
width: 40px;
height: 40px;
line-height: 40px;
display: none;
}
.tbs-mob i{
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
margin: 0;
font-size: 2.4em;
display: none;
}
@media (max-width: 1620px) {
.top-bar-switcher   { padding: 10px 18px; }
}
@media (max-width: 1300px) {
.top-bar-switcher   { padding: 10px 16px; }
}
@media (max-width: 1040px) {
.top-bar-switcher { padding: 10px; box-shadow: 1px 0 0 0 #d8e2eb, -1px 0 0 0 #d8e2eb; }
.top-bar-switcher span  { display: none; }
.top-bar-switcher label { display: none; }
.tbs-mob    { display: block; }
.tbs-mob i  { display: block; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.selector-layer{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(61,77,96,0.95);
z-index: 10000;
padding: 10vh 0;
box-sizing: border-box;
visibility: hidden;
opacity: 0;
transition: all 150ms ease-in-out;
-webkit-backdrop-filter: sepia(0.5);
backdrop-filter: sepia(0.5);
}
.selector-layer.open{
visibility: inherit;
opacity: 1;
}
.account-selector{
text-align: left;
position: fixed;
top: 10px;
left: 10px;
z-index: 100000;
background: #FFF;
border-radius: 4px;
transform: scale(0.2);
transform-origin: top left;
transition: all .3s cubic-bezier(0,0,.2,1);;
box-shadow: 0 0 0 1px #E2E8F1, 0 11px 23px rgba(48, 66, 95, 0.05);
}
.selector-layer.open .account-selector{
transform: scale(1);
}
.account-selector-top{
display: block;
min-width: 500px;
width: 100%;
}
.account-selector-search{
background: #F8FBFD;
padding: 15px;
border-bottom: 1px solid #E2E8F1;
}
.account-selector-bottom{
width: 100%;
}
.account-selector-columns{
display: inline-flex;
width: 100%;
}
.account-selector-column{
width: 260px;
display: block;
border-left: 1px solid #E2E8F1;
}
.account-selector-tag{
padding: 15px;
box-sizing: border-box;
width: 100%;
color: #2A2F4B;
font-weight: 700;
font-size: 1.5em;
line-height: 20px;
border-bottom: 1px solid #E2E8F1;
}
.account-selector-tag img{
height: 20px;
width: auto;
margin-right: 10px;
}
.account-selector-list{
width: 100%;
display: block;
padding: 15px 0;
overflow-y: auto;
min-height: 320px;
max-height: 320px;
box-sizing: border-box;
}
.account-selector-list.no-search{
min-height: 380px;
max-height: 380px;
}
.account-selector-item{
box-sizing: border-box;
padding: 10px 60px 10px 20px;
position: relative;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.account-selector-item:hover, .account-selector-item.current{
background: #ecf1f7;
}
.account-selector-item span{
font-size: 1.3em;
}
.account-selector-item i{
font-size: 1.3em;
position: absolute;
right: 15px;
top: 14px;
}
.account-selector-item a{
position: absolute;
right: 10px;
top: 10px;
opacity: 0;
visibility: hidden;
}
.account-selector-item:hover a{
opacity: 1;
visibility: visible;
}
.account-selector-item{
outline: none !important;
}
.account-selector-more{
width: 100%;
box-sizing: border-box;
padding: 10px 20px;
font-size: 1.3em;
color: #909EAF;
}
.account-selector-none{
width: 100%;
box-sizing: border-box;
padding: 20px;
font-size: 1.3em;
color: #909EAF;
}
.account-selector-results{
width: 780px;
}
.account-selector-results-tag{
height: 51px;
line-height: 51px;
width: 100%;
border-bottom: 1px solid #E2E8F1;
box-sizing: border-box;
padding: 0 15px;
position: relative;
}
.account-selector-results-tag b{
font-size: 1.5em;
color: #2A2F4B;
font-weight: 700;
}
.account-selector-results-tag .button{
position: absolute;
right: 0;
top: 0;
}
.account-selector-results-list{
padding: 15px 0;
overflow-y: auto;
max-height: 400px;
}
.account-selector-result{
width: 100%;
box-sizing: border-box;
padding: 15px 20px;
position: relative;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-flex;
}
.account-selector-result:hover{
background: #ecf1f7;
}
.account-selector-result-icon{
width: 40px;
display: block;
margin-right: 20px;
}
.account-selector-result-icon img{
width: 100%;
height: auto;
}
.account-selector-result-info{
display: block;
width: 100%;
}
.account-selector-result-title{
display: block;
font-size: 1.5em;
color: #2A2F4B;
font-weight: 700;
line-height: 1.75em;
}
.account-selector-result-description{
font-size: 1.2em;
line-height: 1.5em;
color: #4E5879;
}
.account-selector-result-description i{
margin: 0 5px;
font-size: 0.9em;
}
@media (max-width: 1620px) {
.account-selector-top   { min-width: 470px; }
.account-selector-column    { width: 250px; }
.account-selector-list  { min-height: 280px; max-height: 280px; }
.account-selector-list.no-search  { min-height: 340px; max-height: 340px; }
.account-selector-results-list  { max-height: 360px; }
}
@media (max-width: 1300px) {
.account-selector-top   { min-width: 440px; }
.account-selector-column    { width: 240px; }
.account-selector-list  { min-height: 240px; max-height: 240px; }
.account-selector-list.no-search  { min-height: 300px; max-height: 300px; }
.account-selector-results-list  { max-height: 320px; }
}
@media (max-width: 1040px) {
.account-selector   { top: 3vh; width: 90%; left: 50%; }
.selector-layer.open .account-selector { transform: translate(-50%, 0); }
.account-selector-top   { min-width: 100%; width: 100%; }
.account-selector-search    { padding: 10px; }
.account-selector-columns   { display: table; }
.account-selector-column    { width: 100%; border-bottom: 1px solid #E2E8F1; }
.account-selector-list  { min-height: auto; max-height: 110px; padding: 10px 0; }
.account-selector-list.no-search  { min-height: auto; max-height: 150px; padding: 10px 0; }
.account-selector-bottom    { overflow-y: auto; max-height: 70vh; }
.account-selector-results   { width: 100%; }
.account-selector-results-list  { max-height: 65vh; }
.account-selector-result    { padding: 10px 15px; }
.account-selector-result-icon   { width: 30px; margin-right: 15px; }
.account-selector-result-info   { width: calc(100% - 45px); overflow: hidden; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-item{
display: block;
position: relative;
padding: 10px 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
cursor: pointer;
}
.nav-item-span{
display: flex;
align-items: center;
padding: 0 20px;
height: 40px;
line-height: 40px;
}
.nav-item label{
font-size: 1.5em;
font-weight: 700;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.nav-item.current .nav-item-span img{
opacity: 1;
}
.nav-item-arrow{
font-size: 1.4em;
margin-left: 5px;
}
.nav-item-icon{
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 2em;
opacity: 0.3;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.nav-item:hover .nav-item-icon, .nav-item.open .nav-item-icon{
opacity: 1;
}
.nav-item.open .nav-menu,
.nav-item.open .nav-menu-alerts
{
display: block;
}
.nav-item-a{
display: inline-flex;
}
.bubble {
display: block;
position: absolute;
z-index: 2;
cursor: pointer;
right: 30px;
top: 10px;
width: 20px;
height: 20px;
line-height: 22px;
border-radius: 50%;
background: #ff737b;
text-align: center;
color: #FFF;
font-weight: 700;
font-size: 1.2em;
animation: glow 1500ms infinite alternate;
}
.bubble-hidden {
display: block;
position: absolute;
z-index: 2;
right: 30px;
top: 10px;
width: 20px;
height: 20px;
line-height: 22px;
border-radius: 50%;
}
@keyframes glow {
from { box-shadow: 0 0 0 -8px rgba(255,115,123,0.2); }
to { box-shadow: 0 0 0 8px rgba(255,115,123,0.2); }
}
@media (max-width: 1620px) {
.nav-item-span  { padding: 0 18px; }
}
@media (max-width: 1300px) {
.nav-item-span  { padding: 0 16px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-menu{
list-style: none;
margin: 0;
padding: 0;
position: absolute;
border-radius: 2px;
background: #FFF;
width: 280px;
box-shadow: 0 0 0 1px #E2E8F1, 0px 2px 10px 0 rgba(48, 66, 95, 0.1);
display: none;
padding: 15px 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 1;
}
.nav-menu.notification-alerts{
max-height: 500px;
overflow-y: auto;
}
.nav-menu.last{
left: -50%;
}
@media (max-width: 1620px) {
.nav-menu   { width: 265px; padding: 12px 0; }
}
@media (max-width: 1300px) {
.nav-menu   { width: 250px; padding: 9px 0; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.subnav-item{
display: inline-flex;
width: 100%;
position: relative;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.subnav-item.title{
cursor: initial;
background: #FFF !important;
}
.subnav-item:hover, .subnav-item.open{
background: #F4F9FF;
}
.subnav-item-icon{
width: 30px;
margin: 0 10px 0 0;
flex-shrink: 0;
}
.subnav-item-icon img{
width: 100%;
height: auto;
}
.subnav-item-title{
display: inline-flex;
}
.subnav-item-title b{
font-size: 1.5em;
font-weight: 500;
color: #2A2F4B;
}
.subnav-item.title .subnav-item-title b{
font-size: 1em;
}
.subnav-item-title .tag{
margin: 0 0 0 8px;
}
.subnav-item-desc{
font-size: 1.2em;
color: #4E5879;
line-height: 1.5em;
}
.subnav-item i{
position: absolute;
top: 15px;
right: 15px;
font-size: 1.4em;
}
.subnav-item .nav-menu{
left: 150%;
top: -15px;
z-index: 10;
display: none !important;
}
.subnav-item.open .nav-menu{
display: block !important;
}
.subnav-item-a{
display: inline-flex;
padding: 12px 20px;
box-sizing: border-box;
width: 100%;
}
.subnav-item.title .subnav-item-a{
cursor: default !important;
}
@media (max-width: 1620px) {
.subnav-item-a  { padding: 11px 18px; }
}
@media (max-width: 1300px) {
.subnav-item-a  { padding: 10px 16px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.token .top-bar     { width: 100% !important; left: 0 !important; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-slide-block{
width: 100%;
}
.nav-slide-item{
width: 100%;
display: block;
}
.nav-slide-item-a{
width: 100%;
display: none;
box-sizing: border-box;
padding: 12px 20px;
align-items: center;
flex-wrap: wrap;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.nav-slide-item-a:hover{
background: #F4F9FF;
}
.nav-slide-block.current > .nav-slide-item > .nav-slide-item-a{
display: flex;
}
.nav-slide-item-icon{
width: 30px;
margin-right: 10px;
}
.nav-slide-item-icon img{
width: 100%;
height: auto;
}
.nav-slide-item-a b{
color: #2A2F4B;
font-weight: 500;
font-size: 1.5em;
flex-grow: 1;
}
.nav-slide-item-a.back b{
font-weight: 700;
font-size: 2em;
}
.nav-slide-item-a i{
color: #2A2F4B;
font-size: 1.3em;
width: 20px;
text-align: right;
}
.nav-alert-item{
display: flex;
padding: 20px;
align-items: flex-start;
gap: 20px;
align-self: stretch;
position: relative;
border-bottom: 1px solid #DBE3EE;
background: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.nav-alert-item.no-cta{
pointer-events: none;
}
.nav-alert-item .nav-alert-ctas{
display: flex;
visibility: hidden;
opacity: 0;
padding: 16px;
justify-content: flex-end;
align-items: flex-start;
gap: 10px;
position: absolute;
top: 0;
right: 0;
background: #F1F7FD;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.nav-alert-item:hover{
background: #F1F7FD;
}
.nav-alert-item:hover .nav-alert-ctas{
visibility: visible;
opacity: 1;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-alert-item-icon{
display: flex;
align-items: center;
}
.nav-alert-item-icon img{
display: flex;
width: 40px;
height: 40px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-alert-item-data{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
flex: 1 0 0;
}
.nav-alert-item-data p{
align-self: stretch;
color: #4E5878;
font-family: 'Aktiv';
font-size: 1.3em;
font-style: normal;
font-weight: 400;
line-height: 160%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-alert-item-title{
display: flex;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.nav-alert-item-title span{
flex: 1 0 0;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.5em;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-alert-item-date{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
.nav-alert-item-date span{
color: #848BB2;
text-align: right;
font-family: 'Aktiv';
font-size: 1.3em;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.nav-alert-item-date i{
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FF5A72;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-menu-alerts{
display: none;
position: absolute;
width: 480px;
right: 0;
transform: translateX(37%);
z-index: 1;
max-height: 640px;
padding-bottom: 20px;
flex-direction: column;
align-items: flex-start;
overflow-y: auto;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #E2E8F1, 0px 1px 12px 0px rgba(48, 66, 95, 0.15);
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-alert-header{
display: flex;
padding: 12px 16px;
align-items: center;
gap: 12px;
align-self: stretch;
border-bottom: 1px solid #DBE3EE;
background: #FFF;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.nav-alert-header-headline{
display: flex;
align-items: flex-start;
gap: 10px;
flex: 1 0 0;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.6em;
font-style: normal;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.data-table{
width: 100%;
border-radius: 2px;
}
.data-table.ysl{
position: relative;
}
.data-table.ysl::after{
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateX(5%) translateY(-50%);
width: 31px;
height: 110%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.70) 50%, #FFF 100%);
}
.data-table.def  { box-shadow: 0 0 0 1px #d8e2eb; }
.data-table.otd  { box-shadow: 0 0 0 1px #d8e2eb; }
.data-table.rep  { box-shadow: none; }
.data-table.cle  { box-shadow: none; }
.data-table.scr  { max-height: 320px; overflow-y: auto; }
.data-table.cle tr  {
border-bottom: none;
}
.data-table.cle tr:hover,  .data-table.cle tr:hover th.acts {
background: #FFF;
}
.data-table.cle th.acts::before{
box-shadow: none;
}
.data-table.cle .cell  {
padding: 18px 0 18px 10px;
}
.data-table.cle th.acts .cell {
padding: 18px 0 !important;
}
.data-table.cle .table-cta  {
padding: 20px 10px;
}
.data-table.otd th.fixed::after{
width: 1px;
box-shadow: 1px 0 0 0 rgba(48 66 95 / 10%);
}
.data-table.otd th.acts::before{
width: 1px;
box-shadow: 1px 0 0 0 rgba(48 66 95 / 10%);
}
.data-table.otd th.nobrd::before{
width: 0 !important;
box-shadow: none !important;
}
.data-table.brd th{
border-right: 1px solid #e6eaf3 !important;
position: relative;
}
.data-table.brd th.ttl{
background: #f4f9ff !important;
}
.data-table.brd th.mrk{
background: #F5FEFF;
border: 1px solid #BFE0E8 !important;
}
.data-table.brd th.csm{
background: #FFFDF6;
border: 1px solid #EAE2C6 !important;
}
.data-table.brd th.clear{
border-right: none !important;
}
.data-table.brd th .cell{
padding: 14px 5px 14px 13px !important;
position: relative;
}
.data-table.brd th .cell--flex{
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.data-table.brd th .cell--flex > *,
.data-table.brd th .cell--flex > .cell-label{
margin: 0 !important;
}
.data-table.brd th.plyr .cell{
padding: 4px 5px 4px 13px !important;
}
.data-table.brd th.acts .cell{
padding: 14px 8px 14px 16px !important;
}
.data-table.brd th.fixed .cell{
padding: 14px 10px 14px 15px !important;
}
.data-table.cmp .table  table th .cell{
padding: 14px 2px 14px 12px !important;
}
.data-table.brd th .cell > *{
margin-right: 5px !important;
}
.data-table.brd th .cell .table-side-modal{
margin-right: 0 !important;
}
.data-table.brd th .cell .hidden{
position: absolute;
right: 10px;
background: #FFF;
}
.data-table.brd th .cell .hidden--relative{
position: relative;
margin: 0;
right: 0;
}
.data-table th.fit{
width: 1px;
}
@media (max-width: 1620px) {
.data-table.cle .cell { padding: 16px 0 16px 8px; }
.data-table.brd th .cell    { padding: 12px 5px 12px 11px !important; }
.data-table.brd th.plyr .cell   { padding: 2px 5px 2px 11px !important; }
.data-table.brd th.acts .cell   { padding: 12px 8px 12px 14px !important; }
.data-table.brd th.fixed .cell   { padding: 12px 10px 12px 13px !important; }
.data-table.cmp .table  table th .cell    { padding: 12px 2px 12px 10px !important; }
}
@media (max-width: 1300px) {
.data-table.cle .cell { padding: 14px 0 14px 6px; }
.data-table.brd th .cell    { padding: 10px 5px 10px 11px !important; }
.data-table.brd th.plyr .cell    { padding: 0 5px 0 11px !important; }
.data-table.brd th.acts .cell   { padding: 10px 8px 10px 14px !important; }
.data-table.brd th.fixed .cell   { padding: 10px 10px 10px 13px !important; }
.data-table.cmp .table  table th .cell    { padding: 10px 2px 10px 10px !important; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.data-table.px14 th .cell{
padding-left: 14px !important;
padding-right: 14px !important;
}
.table{
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border-radius: 2px;
position: relative;
}
.table.ovxsm{
overflow-x: visible;
overflow-y: visible;
}
.table.ovv{
overflow-x: visible;
overflow-y: visible;
}
.builder-content-wrapper .table{
overflow-x: visible;
overflow-y: visible;
}
.table.locked{
overflow-x: hidden;
}
.table table{
width: 100%;
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
padding: 0;
}
.table table tr{
border-bottom: 1px solid #e6eaf3;
background: #FFF;
}
.table table th{
padding: 0;
font-weight: 400;
}
.table table tr.push-item th{
font-weight: 700;
}
.table table th.fixed{
position: sticky !important;
left: 0;
top: auto;
z-index: 1;
background: #FFF;
}
.table table th.fixed::after{
content: '';
box-shadow: 1px 0 0 0 #e6eaf3, 5px 0 8px 0 rgb(48 66 95 / 7%);
height: 100%;
width: 10px;
position: absolute;
right: 0;
top: 0;
}
.table table th.clear::after{
box-shadow: none !important;
}
.table table th.acts{
width: 1%;
position: sticky !important;
right: 0;
background: #FFF;
z-index: 2;
}
.table table th.acts::before{
content: '';
box-shadow: -1px 0 0 0 #e6eaf3, -5px 0 8px 0 rgb(48 66 95 / 7%);
height: 100%;
width: 10px;
position: absolute;
left: 0;
top: 0;
}
.table table tr:hover, .table table tr:hover th.fixed, .table table tr:hover th.acts, .table table tr:hover th.mrk, .table table tr:hover th.csm{
background: #e8effd;
}
.table table tr.header:hover th.mrk{
background: #F5FEFF;
}
.table table tr.header:hover th.csm{
background: #FFFDF6;
}
.table table tr.header, .table table tr.header:hover th.fixed, .table table tr.header:hover th.acts{
background: #FFF;
}
.table table th.coll{
width: 1%;
}
.table table th.fixed .cell{
padding: 18px 25px 18px 25px !important;
}
.table table th.acts .cell{
padding: 18px 10px 18px 25px !important;
}
.table table tr.highlighted th{
background: #e0f9f4 !important;
}
.table table tr th.cent .cell{
text-align: center !important;
}
.table table tr:hover{
background: #e8effd;
}
.table table tr.header:hover{
background: #FFF;
}
.table table tr:hover .hidden{
visibility: visible;
opacity: 1;
}
.table.locked .dropdown-menu{
position: fixed !important;
}
.table table tr th:hover .cell.drag{
background: #F4F9FF;
}
.table table tr th.drag-over .cell{
background: #e5fde8;
}
.table .table-yscroll{
display: none;
position: fixed;
z-index: 999;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: #9b71ff;
border-radius: 50%;
box-shadow: 0 3px 9px rgb(48 66 95 / 40%), 0 -1px 4px rgb(0 0 0 / 20%);
color: #FFF;
font-size: 2.6em;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.table .table-yscroll:hover{
background: #2A2F4B;
box-shadow: 0 3px 20px rgb(48 66 95 / 60%), 0 -1px 4px rgb(0 0 0 / 20%);
}
.table .table-yscroll.active{
display: block;
}
.table table tr.sticky{
position: sticky;
}
.table table tr:hover .cell-hidden{
visibility: visible;
opacity: 1;
}
.table table tr.vtop{
vertical-align: top;
}
@media (max-width: 1620px) {
.table table th.fixed .cell { padding: 16px 23px 16px 23px !important; }
.table table th.acts .cell  { padding: 16px 8px 16px 23px !important; }
}
@media (max-width: 1300px) {
.table table th.fixed .cell { padding: 14px 21px 14px 21px !important; }
.table table th.acts .cell  { padding: 14px 6px 14px 21px !important; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.table table th.fixed   { position: initial !important; }
.table table th.fixed::after    { display: none; }
.table table th.acts    { position: initial !important }
.table table th.acts::before    { display: none; }
}
@media (max-width: 599px) {
.table.ovxsm{
overflow-x: scroll;
overflow-y: hidden;
}
}
.wc-table-cell.uppercase .cell-label{
text-transform: uppercase;
}
.cell{
padding: 18px 10px 18px 25px;
text-align: left;
vertical-align: middle;
white-space: nowrap;
}
.wc-table-cell.px14{
padding-left: 14px !important;
padding-right: 14px !important;
background-color: red;
}
.wc-table-cell.mw200{
min-width: 200px;
}
.wc-table-cell.mw150{
min-width: 150px;
}
.wc-table-cell.w268{
width: 268px;
min-width: 268px;
}
.wc-table-cell.mxw100{
max-width: 100px;
}
.cell-tail{
position: absolute;
width: 100%;
height: 4px;
top: 0;
}
.cell.header .cell-label{
color: #2A2F4B;
font-weight: 500;
font-size: 1.5em;
}
.wc-table-cell.bold .cell .cell-label{
font-weight: 700 !important;
font-size: 2.2em !important;
}
.cell .cell-label{
font-size: 1.4em;
font-weight: 400;
}
.cell .cell-label a{
text-decoration: underline;
}
.cell .cell-label a:hover{
color: #5373BD;
}
.cell .cell-label.def   { color: #4E5879; }
.cell .cell-label.red   { color: #E86C82; font-weight: 500; }
.cell .cell-label.gre   { color: #04A777; font-weight: 500; }
.cell .cell-label.blu   { color: #5373BD; font-weight: 500; }
.cell .cell-label.lig   { color: #B1BFCF;  }
.cell .cell-label.bol   { color: #4E5879; font-weight: 500;  }
.cell .cell-label.hdl   { color: #2A2F4B; font-weight: 700; font-size: 1.5em; }
.cell-drag{
font-size: 1.5em;
color: #c2ceda;
opacity: 0;
visibility: hidden;
cursor: pointer;
}
.cell-sort-block{
display: inline-flex;
align-items: center;
width: 20px;
height: 10px;
visibility: hidden;
opacity: 0;
}
.cell-sort-block.active{
visibility: visible;
opacity: 1;
}
.cell:hover .cell-sort-block{
opacity: 1;
visibility: visible;
}
.cell-sort{
display: inline-block;
width: 10px;
height: 10px;
line-height: 10px;
font-size: 1.5em;
text-align: center;
color: #c2ceda;
cursor: pointer;
}
.cell-sort.selected{
color: #2A2F4B !important;
cursor: default !important;
}
.cell-sort:hover{
color: #2A2F4B;
}
.cell:hover .cell-drag{
opacity: 1;
visibility: visible;
}
.cell-sort i{
width: 10px;
height: 10px;
line-height: 10px;
}
.cell-drag:hover{
color: #2A2F4B;
}
.cell-drag:hover{
cursor: grab;
}
.cell > *{
margin-right: 15px;
}
.cell .dropdown{
min-width: 60px;
}
.cell .dropdown.inl{
display: inline-flex;
position: initial;
}
.cell.header .dropdown.inl{
min-width: fit-content;
}
.cell .dropdown.inl .dropdown-menu{
position: absolute !important;
top: 40px !important;
left: 0 !important;
}
.cell .input{
display: flex;
}
.cell .input-group{
width: auto !important;
flex-wrap: nowrap;
}
.wc-table-cell.key{
cursor: pointer;
}
.wc-table-cell.key input{
width: 300px !important;
background: transparent !important;
cursor: pointer !important;
}
.wc-table-cell.key input[type='text']{
cursor: text !important;
}
.cell .hidden{
visibility: hidden;
opacity: 0;
}
.cell .recording-link, .cell .voicemail-link {
cursor: pointer;
background: url(../css/img/360-button-play.png) top center no-repeat;
height: 40px;
width: 40px;
display: inline-block;
}
.cell .ui360 .sm2-360ui .sm2-timing {
color: #BC9AF0;
font-weight: 700;
}
.wc-table-cell.right .cell{
text-align: right;
}
.wc-table-cell.flex .cell{
display: flex;
align-items: center;
}
.cell .cell-hidden{
position: absolute;
right: 10px;
top: 12px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background: #e8effd;
}
.cell .cell-hidden .button{
background: #FFF !important;
margin-left: 5px;
}
.wc-table-cell.ver .cell > *{
margin-top: 8px !important;
}
.wc-table-cell.mw120 .cell{
min-width: 120px;
}
.wc-table-cell.bw .cell{
white-space: normal;
word-wrap: break-word;
}
.wc-table-cell.bw .cell a span{
text-align: left;
}
@media (max-width: 1620px) {
.cell   { padding: 16px 8px 16px 23px; }
.cell > *   { margin-right: 13px; }
.cell .cell-hidden  { top: 10px; }
}
@media (max-width: 1300px) {
.cell   { padding: 14px 6px 14px 21px; }
.cell > *   { margin-right: 11px; }
.cell .cell-hidden  { top: 8px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.cell .dropdown.inl .dropdown-menu{
position: fixed !important;
bottom: 0 !important;
top: initial !important;
left: 0 !important;
}
}
@media (max-width: 500px) {
.cell .button.otd.hidden    { width: auto; }
}
.cell-tag{
position: relative;
}
.cell-tag .blu   { color: #5373BD; font-weight: 500; }
.table-cta{
width: 100%;
background: #FFF;
padding: 25px;
box-sizing: border-box;
}
.table-cta.pd13{
padding: 13px;
}
.table-cta .button{
width: 100%;
}
.pagination{
background: #FFF;
padding: 25px;
width: 100%;
box-sizing: border-box;
display: inline-flex;
}
.pagination.single{
background: rgb(255,255,255,0);
justify-content: center;
}
.pagination.single .pagination{
background: rgb(255,255,255,0);
}
.pagination.single .pages li a{
box-shadow: 0 0 0 1px #D3DCE9;
}
.pagination.single .pages li.disabled a{
background: rgb(255,255,255,0) !important;
}
.pagination.single .pages li.active a{
background: #FFF !important;
}
.pagination.single .page-sizes button.active{
background: #FFF !important;
}
@media (max-width: 1620px) {
.pagination { padding: 20px; }
}
@media (max-width: 1300px) {
.pagination { padding: 15px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.pagination { display: block; }
}
@media (max-width: 500px) {
}
.pages ul{
list-style: none;
margin: 0;
padding: 0;
display: inline-flex;
}
.pages li a{
border-radius: 4px;
height: 30px;
line-height: 32px;
display: block;
padding: 0 12px;
font-size: 1.3em;
cursor: pointer;
margin: 0 2px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.pages li a:hover{
background: #EDF5FF;
}
.pages li.active a{
background: #EDF5FF;
color: #5373BD;
font-weight: 700;
cursor: default !important;
}
.pages li.first a{
border-left: none;
}
.pages li.disabled a{
color: #d8dce4;
cursor: not-allowed;
background: #FFF !important;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.pages  { width: 100%; }
.pages ul { display: inline-block; width: 100%; }
.pages ul li { display: block; float: left; }
.pages li a { margin: 0; }
}
@media (max-width: 500px) {
}
.page-sizes{
display: inline-flex;
align-items: center;
margin-left: auto;
order: 2;
}
.page-sizes span{
font-size: 1.2em;
color: #4E5879;
padding: 0 10px;
}
.page-sizes button{
border-radius: 2px;
height: 30px;
line-height: 32px;
display: block;
padding: 0 10px;
font-size: 1.2em;
margin: 0 3px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.page-sizes button:hover{
box-shadow: 0 0 0 1px #DCE2EE;
}
.page-sizes button.active{
color: #2A2F4B;
font-weight: 700;
cursor: default !important;
box-shadow: 0 0 0 1px #DCE2EE;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.page-sizes     { display: none; flex-wrap: wrap; }
.page-sizes span    { margin: 0; flex-basis: 100%; padding: 0; }
}
@media (max-width: 500px) {
.page-sizes     { margin-top: 10px; }
.page-sizes button  { height: 24px; line-height: 26px; padding: 0 8px; font-size: 1.1em; margin: 0 1px; }
}
.table-header{
width: 100%;
padding: 15px 20px;
box-sizing: border-box;
display: flex;
background: #FFF;
border-bottom: 1px solid #e6eaf3;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.table-header     { padding: 10px 15px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.table-top{
display: flex;
width: 100%;
padding: 0px 20px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #D8E2EB;
background: #FFF;
box-sizing: border-box;
}
@media (max-width: 1620px) {
.table-top      { padding: 0 15px; }
}
@media (max-width: 1300px) {
.table-top      { padding: 0 10px; }
}
@media (max-width: 1040px) {
.table-top      { flex-direction: column-reverse; align-items: start; padding-top: 10px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.table-top-tabs{
display: flex;
padding-top: 15px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.table-top-tabs     { padding-top: 10px; width: 100%; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.table-top-tabs     { overflow-x: auto; overflow-y: hidden; }
}
@media (max-width: 500px) {
}
.table-top-rg{
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 10px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.table-top-rg       { flex-direction: column; width: 100%; }
.table-top-rg > *   { width: 100%; }
}
.wizard-builder{
position: fixed;
background: #EBF2F8;
z-index: 10000;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transform: scale(0.6);
transition: all 300ms cubic-bezier(.69,.01,.29,.93);
}
.wizard-builder.open{
transform: scale(1);
visibility: visible;
opacity: 1;
}
.wizard-builder-loaded{
position: fixed;
display: table;
width: 100%;
height: 100%;
}
.wizard{
position: fixed;
z-index: 10000;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
width: 100%;
height: 100vh;
overflow-y: auto;
background-color: #fff;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.wizard-title{
position: fixed;
left: 0;
top: 0;
display: inline-flex;
padding: 25px 30px;
flex-direction: column;
align-items: flex-start;
z-index: 50;
background-color: white;
}
.wizard-title img{
height: 30px;
}
.wizard-title span{
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 2em;
font-style: normal;
font-weight: 700;
line-height: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.wizard-title{
width: 100%;
}
.wizard-title img{
height: 25px;
}
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.wizard-close{
position: fixed;
right: 0;
top: 0;
z-index: 100;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.wizard-container{
max-width: 1368px;
padding-top: 80px !important;
padding-bottom: 0 !important;
}
.wizard-wrapper{
display: flex;
flex-direction: column;
align-items: center;
padding: 0 0 200px 0;
}
.wizard-body{
display: flex;
flex-direction: column;
align-self: center;
width: 100%;
/* max-width: 720px; */
box-sizing: border-box;
/* padding: 0 30px; */
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.wizard-progress{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.wizard-progress__steps{
display: flex;
align-items: flex-start;
align-self: stretch;
}
.wizard-progress__steps span{
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.5em;
font-style: normal;
font-weight: 700;
line-height: 100%;
}
.wizard-progress__bar{
display: flex;
height: 3px;
align-items: center;
gap: 3px;
align-self: stretch;
}
.wizard-progress__single-bar{
flex: 1 0 0;
align-self: stretch;
background: #DBE5E9;
}
.wizard-progress__single-bar--active{
background: #2463DF;
}
.wizard-step{
display: flex;
flex-direction: column;
gap: 10px;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.wizard-step-column{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.wizard-step-card{
display: flex;
padding: 30px 0px;
flex-direction: column;
gap: 25px;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.wizard-step-card{
padding: 15px 0px;
gap: 15px;
}
}
@media (max-width: 500px) {
}
.wizard-step-grid{
display: grid;
gap: 20px;
}
.wizard-step-grid.cols2{
grid-template-columns: 1fr 1fr;
}
.wizard-step-grid.cols3{
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.wizard-step-grid, .wizard-step-grid.cols2, .wizard-step-grid.cols3{
grid-template-columns: auto;
}
}
.wizard-step-block{
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
padding-top: 50px;
box-sizing: border-box;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.wizard-step-block{
padding-top: 20px;
}
}
@media (max-width: 500px) {
}
.wizard-step-title{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.wizard-step-title .blu{
color: #4253EA;
}
.wizard-step-title__headline{
align-self: stretch;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 2em;
font-style: normal;
font-weight: 700;
line-height: 125%;
}
.wizard-step-title__short-description{
align-self: stretch;
color: #4E5879;
font-family: 'Aktiv';
font-size: 1.5em;
font-style: normal;
font-weight: 300;
line-height: 140%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.wizard-step-row{
display: flex;
align-items: flex-start;
gap: 20px;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.support-widget{
position: fixed;
right: 30px;
top: 80px;
display: flex;
width: 360px;
height: auto;
flex-direction: column;
align-items: flex-start;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 6px 0px rgba(48, 66, 95, 0.15);
box-sizing: border-box;
}
.support-widget__header{
display: flex;
padding: 15px;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border-bottom: 1px solid #DBE3EE;
}
.support-widget__header span{
flex: 1 0 0;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.8em !important;
font-style: normal;
font-weight: 600;
line-height: 125% !important;
}
.support-widget__body{
display: flex;
max-height: 440px;
flex-direction: column;
align-items: flex-start;
width: 100%;
overflow-y: scroll;
box-sizing: border-box;
}
.support-widget__wrapper{
width: 100%;
}
.support-widget__block{
display: flex;
width: 100%;
padding: 15px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
box-sizing: border-box;
}
.support-widget__block ol,
.support-widget__block ul{
padding-left: 15px;
}
.support-widget__block--next{
padding: 5px;
}
.support-widget__headline{
align-self: stretch;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.8em !important;
font-style: normal;
font-weight: 600;
line-height: 125% !important;
}
.support-widget__description{
align-self: stretch;
color: #525F7F;
font-family: 'Aktiv';
font-size: 1.4em !important;
font-style: normal;
font-weight: 300;
line-height: 140% !important;
}
.support-widget__description a{
align-self: stretch;
color: #5373BD;
font-weight: 600;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
transition: all .2s;
}
.support-widget__description a:hover{
color: #FF7F69;
}
.support-widget__disclaimer{
display: flex;
padding: 10px 15px;
align-items: flex-start;
align-self: stretch;
border-radius: 2px;
background: #F7FAFF;
}
.support-widget__disclaimer span{
color: #4E5879 !important;
font-family: 'Aktiv';
font-size: 1.2em !important;
font-style: normal;
font-weight: 500;
line-height: 175%;
}
.support-widget__block + .support-widget__block{
border-top: 1px solid #DBE3EE;
}
.support-widget__description ol{
padding-left: 15px;
}
.support-widget__description ol li::marker{
font-weight: 300;
color: #525F7F;
}
.support-widget__description ul, ol{
margin-top: 20px;
}
.support-widget__description ul.lsin{
list-style-image: none;
}
.support-widget__description ol li + li,
.support-widget__description ul li + li{
margin-top: 10px;
}
.support-widget__description p + p{
margin-top: 20px;
}
@media (max-width: 1500px) {
.support-widget{
display: none;
}
}
.builder{
position: fixed;
background: #EBF2F8;
z-index: 10000;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transform: scale(0.6);
transition: all 300ms cubic-bezier(.69,.01,.29,.93);
}
.builder.open{
transform: scale(1);
visibility: visible;
opacity: 1;
}
.builder-loaded{
position: fixed;
display: table;
width: 100%;
height: 100%;
}
.builder-header{
width: 100%;
box-sizing: border-box;
background: #FFF;
display: inline-flex;
align-items: center;
border-bottom: 1px solid #d8e2eb;
position: sticky;
z-index: 999;
}
.builder-header.upg{
z-index: 99;
}
.builder-header-lf{
display: inline-flex;
align-items: center;
}
.bhl-back{
height: 60px;
line-height: 60px;
padding: 15px;
box-sizing: border-box;
display: inline-flex;
align-items: center;
cursor: pointer;
}
.bhl-back label{
height: 30px;
line-height: 32px;
width: 30px;
font-size: 1.4em;
box-shadow: 0 0 0 1px #d3dce9;
border-radius: 15px;
display: block;
text-align: center;
color: #2A2F4B;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.bhl-back span{
font-size: 1.3em;
font-weight: 700;
margin-left: 10px;
color: #909EAF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.bhl-back:hover label{
color: #FFF;
background: #2A2F4B;
}
.bhl-back:hover span{
color: #2A2F4B;
}
.builder-header-rg{
display: inline-flex;
align-items: center;
margin-left: auto;
order: 2;
}
.builder-header-rg > *{
margin-right: 20px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.bhl-back { height: 50px; line-height: 50px; padding: 10px; }
.builder-header-rg  { display: none; }
}
@media (max-width: 500px) {
}
.builder-body{
width: 100%;
height: 100%;
overflow-y: auto;
background: #EBF2F8;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.builder-body   { height: calc(100vh - 110px); }
.builder-page .builder-body   { overflow: initial; }
}
@media (max-width: 500px) {
}
.builder-sidebar{
position: fixed;
width: 300px;
height: 100%;
box-shadow: 1px 0 0 0 #d8e2eb;
background: #FFF;
padding: 40px 30px 200px 30px;
box-sizing: border-box;
overflow-y: auto;
z-index: 1;
text-align: left;
}
.builder-sidebar-top{
display: block;
}
.builder-sidebar-top p a{
font-weight: 700;
color: #5373BD;
}
.builder-sidebar-top p a:hover{
text-decoration: underline;
}
@media (max-width: 1620px) {
.builder-sidebar    { width: 260px; padding: 35px 25px 195px 25px; }
}
@media (max-width: 1300px) {
.builder-sidebar    { width: 220px; padding: 30px 20px 190px 20px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.builder-sidebar    { display: table; position: initial; width: 100%; height: auto; box-shadow: 0 1px 0 0 #d8e2eb; padding: 20px 20px 0 20px; overflow-y: initial; }
.builder-sidebar-steps, .builder-page .builder .builder-sidebar-steps  { display: none; }
.builder-sidebar-top    { margin-bottom: 20px !important; }
.builder-sidebar-top p    { display: none !important; }
.builder-sidebar-icon   { display: none !important; }
.builder-page .builder-sidebar-steps   { display: block; margin-bottom: 20px; }
}
@media (max-width: 500px) {
}
.builder-sidebar-step{
display: inline-flex;
width: 100%;
}
.bss-lf{
width: 20px;
position: relative;
}
.bss-lf:after {
content: '';
width: 0;
height: 100%;
position: absolute;
top: 0;
left: 9px;
z-index: 0;
border: 1px solid #DBEEF7;
}
.builder-sidebar-step.checked .bss-lf:after   { border: 1px solid #99D7B9; }
.builder-sidebar-step.last .bss-lf:after      { border: 1px solid #FFF; }
.bss-number{
width: 20px;
height: 20px;
line-height: 21px;
text-align: center;
background: #FFF;
box-shadow: 0 0 0 1px #DCE2EE;
border-radius: 10px;
font-size: 1.1em;
font-weight: 700;
color: #7F8AA5;
background: #FFF;
position: relative;
z-index: 1;
}
.builder-sidebar-step.checked .bss-number     { color: #FFF; background: #99D7B9; box-shadow: 0 0 0 1px #99D7B9; }
.builder-sidebar-step.current .bss-number     { color: #FFF; background: #7398E1; box-shadow: 0 0 0 1px #7398E1; }
.builder-sidebar-step .bss-number-check{
display: none;
}
.builder-sidebar-step.checked .bss-number-check{
display: inline-block;
}
.builder-sidebar-step.checked .bss-number-digit{
display: none;
}
.bss-rg{
padding-left: 10px;
padding-bottom: 30px;
width: calc(100% - 20px);
box-sizing: border-box;
}
.bss-title{
font-size: 1.3em;
font-weight: 700;
color: #BBBDCB;
display: block;
}
.builder-sidebar-step.checked .bss-title  { color: #52AF88; }
.builder-sidebar-step.current .bss-title  { color: #2A2F4B; }
.bss-content{
display: none;
}
.builder-sidebar-step.open .bss-content   { display: block; }
.bss-content .dropdown{
width: 100%;
}
.bss-content .field.multi{
align-items: center;
}
.bss-content .field.multi .dropdown{
margin-right: 0 !important;
}
.bss-content .field.multi .dropdown .select-label{
width: 50px;
}
.bss-content .field.multi .button.clo{
margin-left: 5px !important;
}
.builder-content{
position: fixed;
margin-left: 301px;
box-sizing: border-box;
overflow-y: auto;
width: calc(100% - 301px);
height: calc(100% - 140px);
}
.builder-content.locked{
overflow-y: hidden;
}
.builder-content.callflow{
height: calc(100% - 140px);
}
.builder-content.report .container.bld{
padding-top: 40px !important;
}
.builder-content.fll{
height: 100% !important;
}
@media (max-width: 1620px) {
.builder-content    { margin-left: 261px; width: calc(100% - 261px); }
.builder-content.report .container.bld  { padding-top: 35px !important; }
}
@media (max-width: 1300px) {
.builder-content    { margin-left: 221px; width: calc(100% - 221px); }
.builder-content.report .container.bld  { padding-top: 30px !important; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.builder-content{
position: initial;
margin-left: 0;
overflow-y: initial;
width: 100%;
height: auto;
}
}
@media (max-width: 500px) {
}
.builder-content-step-block{
width: 100%;
display: block;
}
.builder-content-step{
width: 100%;
display: block;
}
.builder-content-step-title{
width: 100%;
display: block;
}
.bcst-top{
width: 100%;
display: inline-flex;
}
.bcst-top-lf{
display: inline-flex;
align-items: center;
}
.bcst-top-lf > *{
margin-right: 15px;
}
.bcst-desc{
color: #4E5879;
font-size: 1.5em;
}
.bcst-desc b{
color: #2A2F4B;
}
.bcst-desc em{
color: #FF7F69;
font-weight: 700;
font-style: normal;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.bcst-top-lf{ display: block; }
.bcst-top-lf > *    { margin-right: 0; margin-bottom: 5px; }
}
@media (max-width: 500px) {
}
.builder-content-step-body{
width: 100%;
display: flex;
}
.builder-footer{
width: 100%;
box-sizing: border-box;
background: #FFF;
display: inline-flex;
align-items: center;
box-shadow: 0 -1px 0 0 #d8e2eb;
position: fixed;
bottom: 0;
z-index: 2;
min-height: 80px;
}
.bldf-lf{
display: inline-flex;
align-items: center;
border-right: 1px solid #d8e2eb;
}
.bldf-lf .button{
height: 80px;
padding: 0 40px !important;
}
.bldf-rg{
display: inline-flex;
align-items: center;
margin-left: auto;
order: 2;
border-left: 1px solid #d8e2eb;
}
.bldf-rg .button{
height: 80px;
padding: 0 50px !important;
border-radius: 0 !important;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.builder-footer     { min-height: 60px; }
.bldf-lf    { display: block; width: 50%; }
.bldf-lf .button    { height: 60px; padding: 0 15px !important; width: 100%; }
.bldf-rg    { display: block; width: 50%; }
.bldf-rg .button    { height: 60px; padding: 0 15px !important; width: 100%; }
}
@media (max-width: 500px) {
}
.builder-invoice{
position: fixed;
width: 100%;
height: 100%;
box-sizing: border-box;
overflow-y: auto;
}
.builder-invoice-block{
position: relative;
text-align: left;
width: 100%;
display: block;
background: #FFF;
box-sizing: border-box;
box-shadow: 0 0 0 1px #d3dce9;
padding: 80px 120px;
}
@media (max-width: 1620px) {
.builder-invoice-block  { padding: 70px 90px; }
}
@media (max-width: 1300px) {
.builder-invoice-block  { padding: 60px 60px; }
}
@media (max-width: 1040px) {
.builder-invoice-block  { padding: 50px 50px; }
}
@media (max-width: 820px) {
.builder-invoice-block  { padding: 40px 40px; }
}
@media (max-width: 500px) {
.builder-invoice-block  { padding: 30px 30px; font-size: 8.4px; }
}
.builder-invoice-info{
width: 100%;
display: block;
}
.builder-invoice-info label{
color: #2A2F4B;
font-weight: 700;
font-size: 2em;
line-height: 1.75em;
display: block;
}
.builder-invoice-info span{
font-size: 1.5em;
line-height: 1.75em;
display: block;
color: #4E5879;
}
.builder-invoice-info.rg{
text-align: right;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.builder-invoice-info.rg    { text-align: left; }
.builder-invoice-logo   { margin-bottom: 20px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.builder-invoice-overview{
width: 100%;
display: block;
box-sizing: border-box;
padding: 20px 30px;
box-shadow: 0 0 0 1px #dce2ee;
}
.builder-invoice-overview .bit-row{
padding: 0 !important;
}
@media (max-width: 1620px) {
.builder-invoice-overview  { padding: 18px 25px; }
}
@media (max-width: 1300px) {
.builder-invoice-overview  { padding: 16px 20px; }
}
@media (max-width: 1040px) {
.builder-invoice-overview   { margin-top: 30px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.builder-invoice-logo{
width: 100%;
display: block;
}
.builder-invoice-logo img{
max-width: 240px;
height: auto;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.builder-invoice-logo img   { max-width: 100%; }
}
.builder-page{
width: 100%;
height: 100%;
box-sizing: border-box;
}
.builder-page .builder-content{
width: calc(100% - 371px);
height: calc(100% - 120px);
}
.builder-page .builder-content.full{
width: 100%;
}
.token .builder-page{
padding-top: 0;
}
.token .builder-page .builder-content{
width: calc(100% - 301px);
}
.builder-page .builder-content.full{
width: calc(100% - 301px) !important;
}
@media (max-width: 1620px) {
.builder-page .builder-content  { width: calc(100% - 331px); }
.token .builder-page .builder-content  { width: calc(100% - 261px); }
.builder-page .builder-content.full    { width: calc(100% - 261px) !important; }
}
@media (max-width: 1300px) {
.builder-page .builder-content  { width: calc(100% - 291px); }
.token .builder-page .builder-content  { width: calc(100% - 221px); }
.builder-page .builder-content.full    { width: calc(100% - 221px) !important; }
}
@media (max-width: 1040px) {
.builder-page .builder-content  { width: calc(100% - 221px); }
}
@media (max-width: 820px) {
.builder-page .builder-content  { width: 100%; }
.token .builder-page .builder-content  { width: 100%; }
}
@media (max-width: 500px) {
}
.bit-table{
display: block;
width: 100%;
}
.bit-row{
display: table;
width: 100%;
box-sizing: border-box;
}
.bit-row.sm { padding-left: 40px; }
.bit-row.md { padding-left: 0; }
.bit-row.lg { padding-left: 0; }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.bit-cell   { vertical-align: top; }
}
@media (max-width: 500px) {
.bit-row.sm { padding-left: 0; }
}
.bit-cell{
display: table-cell;
vertical-align: middle;
}
.bit-row.sm .bit-cell     { padding: 8px 0; }
.bit-row.md .bit-cell     { padding: 10px 0; }
.bit-row.lg .bit-cell     { padding: 12px 0; }
.bit-cell label{
line-height: 1.5em;
}
.bit-cell.rg{
text-align: right;
}
.bit-row.sm .bit-cell label    { font-size: 1.4em; color: #4E5879;  }
.bit-row.md .bit-cell label    { font-size: 1.6em; color: #424770; font-weight: 500; }
.bit-row.lg .bit-cell label    { font-size: 2em; color: #2A2F4B; font-weight: 700; }
.bit-row .bit-cell.red label    { color: #E86C84 !important; font-weight: 700 !important; }
.bit-row .bit-cell.gre label    { color: #04A777 !important; font-weight: 700 !important; }
.bit-cell em{
font-weight: 700;
font-style: normal;
color: #2A2F4B;
}
.bit-row.sm .bit-cell em    { font-size: 1.4em; margin-left: 5px; }
.bit-row.md .bit-cell em    { font-size: 1.6em; margin-left: 8px; }
.bit-row.lg .bit-cell em    { font-size: 2em; margin-left: 10px; }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.bit-cell   { vertical-align: top; }
}
@media (max-width: 500px) {
.bit-cell.rg    { padding-left: 20px !important; white-space: nowrap; }
.bit-cell label { line-height: 1.25em; }
}
.builder-iframe{
position: fixed;
width: 100%;
height: calc(100% - 60px);
padding-left: 301px;
box-sizing: border-box;
overflow-y: auto;
}
.builder-iframe iframe{
width: 100% !important;
height: 100% !important;
border-width: 0 !important;
}
@media (max-width: 1620px) {
.builder-iframe { padding-left: 261px; }
}
@media (max-width: 1300px) {
.builder-iframe { padding-left: 221px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.builder-iframe { padding-left: 0; height: calc(100% - 100px); }
}
@media (max-width: 500px) {
}
.builder-top{
display: flex;
width: 100%;
align-items: flex-start;
background: #FFF;
box-shadow: 0px 1px 0px 0px #D8E2EB;
position: sticky;
z-index: 999;
}
.builder-top-headline{
display: flex;
height: 60px;
padding: 10px 20px;
align-items: center;
gap: 8px;
box-sizing: border-box;
}
.builder-top-headline label{
color: #2A2F4B;
font-size: 1.8em;
font-weight: 700;
line-height: 100%;
}
.builder-top-close{
display: flex;
width: 60px;
height: 60px;
justify-content: center;
align-items: center;
flex-shrink: 0;
font-size: 2.4em;
position: absolute;
right: 0;
cursor: pointer !important;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.builder-top-close:hover{
color: #FF7F69;
}
.builder-top-steps{
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
gap: 20px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.builder-top-steps  { gap: 15px; }
}
@media (max-width: 1040px) {
.builder-top-steps  { gap: 10px; }
}
@media (max-width: 820px) {
.builder-top-steps  { display: none; }
}
@media (max-width: 500px) {
}
.builder-top-step{
display: flex;
height: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 6px;
width: 160px;
position: relative;
}
.builder-top-step-number{
width: 20px;
height: 20px;
border-radius: 10px;
border: 2px solid #DBEEF7;
background: #FFF;
display: flex;
color: #A8BDC9;
font-size: 1.1em;
font-weight: 700;
box-sizing: border-box;
align-items: center;
justify-content: center;
}
.builder-top-step-number i{
display: none;
}
.builder-top-step.checked .builder-top-step-number i{
display: block;
}
.builder-top-step.checked .builder-top-step-number label{
display: none;
}
.builder-top-step.current .builder-top-step-number{
color: #FFF;
background: #7398E1;
border: 2px solid #7398E1;
}
.builder-top-step.checked .builder-top-step-number{
color: #7398E1;
background: #F3F4FF;
border: 2px solid #7398E1;
}
.builder-top-step-number:after{
content: '';
width: 100%;
height: 2px;
position: absolute;
z-index: 0;
background: #DBEEF7;
left: calc(50% + 10px);
}
.builder-top-step.last .builder-top-step-number:after{
display: none;
}
.builder-top-step.checked .builder-top-step-number:after{
background: #7398E1;
}
.builder-top-step-label{
width: 100%;
font-size: 1.2em;
font-weight: 700;
line-height: 100%;
text-align: center;
color: #A8BDC9;
}
.builder-top-step.current .builder-top-step-label{
color: #5373BD;
}
.builder-top-step.checked .builder-top-step-label{
color: #2A2F4B;
}
@media (max-width: 1620px) {
.builder-top-step   { width: 130px; }
}
@media (max-width: 1300px) {
.builder-top-step   { width: 100px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.builder-top-sub{
display: flex;
width: 100%;
padding: 10px 20px;
justify-content: space-between;
align-items: flex-start;
background: #FFF;
box-shadow: 0px 1px 0px 0px #D8E2EB;
position: sticky;
z-index: 99;
box-sizing: border-box;
flex-wrap: wrap;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.builder-top-sub    { gap: 10px;}
}
.builder-top-sub-lf{
display: flex;
justify-content: center;
align-items: flex-start;
gap: 10px;
flex-wrap: wrap;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.builder-top-sub-lf     { width: 100%; }
.builder-top-sub-lf > *     { width: 100%; }
}
.builder-top-sub-rg{
display: flex;
justify-content: center;
align-items: flex-start;
gap: 10px;
flex-wrap: wrap;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.builder-top-sub-rg     { width: 100%; }
.builder-top-sub-rg > *     { width: 100%; }
}
.builder-bottom{
display: flex;
background: #FFF;
box-shadow: 0px -1px 0px 0px #D8E2EB;
width: 100%;
position: fixed;
bottom: 0;
z-index: 10;
justify-content: space-between;
}
.builder-bottom .button{
border-radius: 0 !important;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.builder-bottom-lf { width: 50%; }
.builder-bottom-rg { width: 50%; }
.builder-bottom-lf .button { width: 100%; }
.builder-bottom-rg .button { width: 100%; }
}
@media (max-width: 500px) {
}
.builder-canvas{
position: fixed;
box-sizing: border-box;
overflow-y: auto;
width: 100%;
}
.builder-canvas.hei-def     { height: calc(100% - 120px); }
.builder-canvas.hei-sub     { height: calc(100% - 170px); }
.builder-canvas.locked{
overflow-y: hidden;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.builder-canvas     { z-index: 10; }
}
.builder-canvas-container{
margin: 0 auto;
box-sizing: border-box;
width: 1368px;
padding: 40px 0 200px 0;
}
@media (max-width: 1620px) {
.builder-canvas-container       { width: 1200px; }
}
@media (max-width: 1300px) {
.builder-canvas-container       { width: 984px; }
}
@media (max-width: 1040px) {
.builder-canvas-container       { width: 768px; }
}
@media (max-width: 820px) {
.builder-canvas-container       { width: 94%; }
}
@media (max-width: 500px) {
}
.builder-canvas-panel{
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.builder-canvas-panel   { height: auto; flex-direction: column; }
}
@media (max-width: 500px) {
}
.builder-canvas-panel-half{
height: 100%;
width: calc(50% - 3px);
overflow: auto;
box-sizing: border-box;
}
.builder-canvas-panel-half.lf   { border-right: 1px solid #C6D4E2; }
.builder-canvas-panel-half.rg   { border-left: 1px solid #C6D4E2; }
.builder-canvas-panel-half-container{
margin: 0 auto;
box-sizing: border-box;
width: 90%;
padding: 40px 0 100px 0;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.builder-canvas-panel-half  { width: 100%; height: auto; overflow: none; }
.builder-canvas-panel-half.lf   { border-right: none; border-bottom: 1px solid #C6D4E2; margin-bottom: 3px; }
.builder-canvas-panel-half.rg   { border-left: none; border-top: 1px solid #C6D4E2; margin-top: 3px; }
}
@media (max-width: 500px) {
}
.builder-canvas-step-block{
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.builder-canvas-step{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.builder-canvas-step-card{
display: flex;
padding: 30px;
flex-direction: column;
align-items: flex-start;
gap: 25px;
align-self: stretch;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #D8E2EB;
}
.builder-canvas-step-card.def   { padding: 30px; box-shadow: 0px 0px 0px 1px #D8E2EB; background: #FFF;}
.builder-canvas-step-card.cle   { padding: 0; box-shadow: none; background: transparent;}
.builder-canvas-step-card-title{
color: #2A2F4B;
font-weight: 700;
font-size: 2em;
line-height: 125%;
flex: 1 0 0;
}
.builder-canvas-step-card .grid{
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 20px;
align-self: stretch;
flex-wrap: wrap;
width: 100%;
}
.builder-canvas-step-card .grid .col{
display: flex;
margin: 0;
}
.builder-canvas-step-card .grid .col-3{
width: calc((100% - 60px) / 4);
}
.builder-canvas-step-card .grid .col-4{
width: calc((100% - 40px) / 3);
}
.builder-canvas-step-card .grid .col-6{
width: calc((100% - 20px) / 2);
}
.builder-canvas-step-card .row{
flex-direction: column;
gap: 10px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.builder-canvas-step-card   { padding: 25px; }
.builder-canvas-step-card .grid     { gap: 15px;}
.builder-canvas-step-card .grid .col-3  {width: calc((100% - 45px) / 4); }
.builder-canvas-step-card .grid .col-4  {width: calc((100% - 30px) / 3); }
.builder-canvas-step-card .grid .col-6  {width: calc((100% - 15px) / 2); }
}
@media (max-width: 1040px) {
.builder-canvas-step-card   { padding: 20px; }
}
@media (max-width: 820px) {
.builder-canvas-step-card .grid .col-3  {width: calc((100% - 15px) / 2); }
.builder-canvas-step-card .grid .col-4  {width: calc((100% - 15px) / 2); }
}
@media (max-width: 500px) {
.builder-canvas-step-card .grid .col-3  { width: 100%; }
.builder-canvas-step-card .grid .col-4  { width: 100%; }
.builder-canvas-step-card .grid .col-6  { width: 100%; }
}
.builder-popup{
display: flex;
width: 100%;
height: calc(100% - 60px);
justify-content: center;
background: rgba(235, 242, 248, 0.70);
position: fixed;
z-index: 999;
overflow: auto;
visibility: hidden;
opacity: 0;
transition: all 150ms cubic-bezier(.69,.01,.29,.93);
}
.builder-popup.open {
visibility: visible;
opacity: 1;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.side-modal-layer{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(61,77,96,0.95);
z-index: 100000;
box-sizing: border-box;
visibility: hidden;
opacity: 0;
transition: all 150ms ease-in-out;
-webkit-backdrop-filter: sepia(0.5);
backdrop-filter: sepia(0.5);
cursor: not-allowed;
}
.side-modal-layer.open{
visibility: inherit;
opacity: 1;
}
.side-modal{
background: #FFF;
display: inline-block;
text-align: left;
transition: all 200ms ease-in-out;
width: 600px;
height: 100%;
position: absolute;
box-shadow: -1px 0 0 0 #d8e2eb;
right: -600px;
cursor: auto;
}
.side-modal-layer.callf .side-modal{
width: 800px;
right: -800px;
}
.side-modal-layer.open .side-modal{
right: 0 !important;
}
.side-modal-loaded{
display: block;
width: 100%;
}
@media (max-width: 1620px) {
.side-modal{ width: 550px; right: -550px; }
.side-modal-layer.callf .side-modal{ width: 750px; right: -750px; }
}
@media (max-width: 1300px) {
.side-modal{ width: 500px; right: -500px; }
.side-modal-layer.callf .side-modal{ width: 700px; right: -700px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.side-modal{ width: 80%; right: -80%; }
.side-modal-layer.callf .side-modal{ width: 80%; right: -80%; }
}
@media (max-width: 500px) {
.side-modal{ width: 100%; right: -100%; }
.side-modal-layer.callf .side-modal{ width: 100%; right: -100%; }
}
.side-modal-layer.static{
width: 600px;
right: 0;
left: initial;
background: transparent;
-webkit-backdrop-filter: none;
backdrop-filter: none;
box-shadow: -1px 0 4px 0 rgb(48 66 95 / 30%);
}
@media (max-width: 1620px) {
.side-modal-layer.static { width: 550px; }
}
@media (max-width: 1300px) {
.side-modal-layer.static { width: 500px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.side-modal-layer.static { width: 80%; }
}
@media (max-width: 500px) {
.side-modal-layer.static { width: 100%; }
}
.side-modal-header{
display: inline-flex;
box-sizing: border-box;
align-items: center;
border-bottom: 1px solid #E2E8F1;
width: 100%;
position: sticky;
background: #FFF;
}
.side-modal-header.sm  { padding: 0 15px; line-height: 50px; height: 50px; }
.side-modal-header.md  { padding: 0 20px; line-height: 60px; height: 60px; }
.side-modal-header .button{
position: absolute;
top: 0;
right: 0;
}
.side-modal-header .button .icon{
margin: 0 !important;
}
.side-modal-header.sm .tag   { margin-left: 5px; }
.side-modal-header.md .tag   { margin-left: 10px; }
.side-modal-header .icon img  {
vertical-align: top;
}
.side-modal-header.sm .icon   { margin-right: 5px; }
.side-modal-header.md .icon   { margin-right: 10px; }
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.side-modal-header .tag   { display: none; }
}
.side-modal-body{
width: 100%;
display: block;
overflow-y: auto;
height: calc(100vh - 121px);
box-sizing: border-box;
padding-bottom: 120px;
}
.side-modal-body.full{
height: calc(100vh - 61px);
}
.side-modal-search{
display: flex;
padding: 15px 20px;
align-items: center;
align-self: stretch;
border-bottom: 1px solid #E2E8F1;
}
.side-modal-footer{
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid #E2E8F1;
display: inline-flex;
z-index: 2;
}
.side-modal-footer.bgw{
background-color: white;
}
.side-modal-footer .button{
width: 100%;
border-radius: 0px;
}
.side-modal-step{
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #E2E8F1;
padding: 30px 30px;
}
.side-modal-step .mgb3:last-child { margin-bottom: 0px; }
.side-modal-step-title{
width: 100%;
display: table;
margin-bottom: 30px;
}
.smst-number{
display: table-cell;
padding-right: 15px;
}
.smst-number span{
width: 20px;
height: 20px;
line-height: 21px;
text-align: center;
box-shadow: 0 0 0 1px #dce2ee;
border-radius: 10px;
font-size: 1.1em;
font-weight: 700;
color: #424770;
display: block;
}
.smst-info{
display: table-cell;
width: 100%;
}
.smst-label{
color: #2A2F4B;
font-size: 1.6em;
font-weight: 700;
width: 100%;
line-height: 1.35em;
}
.smst-desc{
color: #4E5879;
font-size: 1.4em;
width: 100%;
line-height: 1.5em;
margin-top: 5px;
}
.side-modal-step-body{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
.side-modal-step-body .option-body.xsm   { padding-left: 30px; }
.side-modal-step-body .option-body.sm   { padding-left: 35px; }
.side-modal-step-body .option-body.md   { padding-left: 40px; }
.side-modal-step-body .option-body.lg   { padding-left: 45px; }
.side-modal-step-body .option-body.nopad{
padding-left: 0 !important;
}
@media (max-width: 1620px) {
.side-modal-step    { padding: 26px 26px; }
.side-modal-step-title  { margin-bottom: 26px; }
}
@media (max-width: 1300px) {
.side-modal-step    { padding: 22px 22px; }
.side-modal-step-title  { margin-bottom: 22px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.side-modal-step-body .option-body.xsm   { padding-left: 0; }
.side-modal-step-body .option-body.sm   { padding-left: 0; }
.side-modal-step-body .option-body.md   { padding-left: 0; }
.side-modal-step-body .option-body.lg   { padding-left: 0; }
}
.side-modal-listing{
width: 100%;
padding: 15px 0;
box-sizing: border-box;
display: inline-flex;
}
.side-modal-listing .input{
margin-right: 20px;
}
.side-modal-listing .button{
flex-shrink: 0;
}
@media (max-width: 1620px) {
.side-modal-listing { padding: 13px 0; }
}
@media (max-width: 1300px) {
.side-modal-listing { padding: 11px 0; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.side-accordion{
width: 100%;
display: flex;
flex-direction: column;
/* border-bottom: 1px solid #E2E8F1; */
}
.side-accordion-header{
display: flex;
align-items: center;
width: 100%;
align-self: stretch;
border-radius: 2px 2px 0px 0px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #D3DCE9;
}
.sah-button{
width: 50px;
height: 60px;
line-height: 62px;
text-align: center;
font-size: 1.8em;
color: #5373BD;
cursor: pointer;
}
.sah-label{
height: 60px;
line-height: 62px;
color: #2A2F4B;
font-weight: 700;
font-size: 1.6em;
margin: 0 20px 0 25px;
}
.side-accordion-header .field-checkbox{
width: auto !important;
}
@media (max-width: 1620px) {
.sah-button{ height: 56px; line-height: 58px; }
.sah-label{ height: 56px; line-height: 58px; }
}
@media (max-width: 1300px) {
.sah-button{ height: 52px; line-height: 54px; }
.sah-label{ height: 52px; line-height: 54px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.side-accordion-body{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px 12px;
box-sizing: border-box;
width: 100%;
padding: 12px;
border-radius: 0px 0px 2px 2px;
background: #F6F8FB;
box-shadow: 0px 0px 0px 1px #D3DCE9;
}
.side-accordion-body .field{
padding-top: 2px;
break-inside: avoid-column;
position: relative;
display: inline-block;
}
@media (max-width: 1620px) {
.side-accordion-body    { padding: 10px 35px 26px 35px; }
}
@media (max-width: 1300px) {
.side-accordion-body    { padding: 5px 30px 22px 30px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.side-accordion-body{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
.side-accordion-item{
display: flex;
width: 100%;
padding: 10px;
align-items: center;
align-content: center;
gap: 10px;
flex-wrap: wrap;
box-sizing: border-box;
border-radius: 3px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
}
.side-accordion-item.no-wrap{
flex-wrap: nowrap;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.side-accordion-item.no-wrap{flex-wrap: wrap;}
}
@media (max-width: 500px) {
}
.table-side-modal{
width: 960px;
height: calc(100%-60px);
background: #FFF;
position: fixed;
top: 60px;
right: -1000px;
z-index: 1000;
box-shadow: -1px 0 4px 0 rgb(48 66 95 / 30%);
transition: all 200ms ease-in-out;
}
.table-side-modal.open{
right: 0;
}
.table-side-modal-header{
display: inline-flex;
box-sizing: border-box;
align-items: center;
border-bottom: 1px solid #E2E8F1;
width: 100%;
position: sticky;
background: #FFF;
padding: 0 20px;
line-height: 60px;
height: 60px;
}
.table-side-modal-header .button{
position: absolute;
top: 0;
right: 0;
}
.table-side-modal-body{
width: 100%;
display: flex;
overflow-y: auto;
height: calc(100vh - 101px);
box-sizing: border-box;
padding: 40px;
text-align: left;
flex-wrap: wrap;
gap: 20px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.table-side-modal       { width: 720px; }
.table-side-modal-body  { padding: 30px; gap: 15px; }
}
@media (max-width: 1040px) {
.table-side-modal       { width: 640px; }
}
@media (max-width: 820px) {
.table-side-modal       { width: 480px; }
}
@media (max-width: 500px) {
}
.table-side-modal-item{
width: 48.5%;
box-shadow: 0 0 0 1px #d8e2eb;
border-radius: 1px;
box-sizing: border-box;
padding: 25px;
white-space: initial !important;
border-radius: 1px;
position: relative;
}
.tsmi-label{
position: absolute;
top: 0;
right: 0;
background: #56BB98;
color: #FFF;
text-transform: uppercase;
padding: 2px 8px;
font-size: 1.1em;
font-weight: 700;
display: none;
}
.table-side-modal-item.high .tsmi-label{
display: block;
}
.tsmi-info{
font-size: 1.3em;
margin-top: 10px;
line-height: 1.6em;
}
.tsmi-info b{
color: #2A2F4B;
font-weight: 500;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.table-side-modal-item  { width: 98%; }
}
@media (max-width: 500px) {
}
.lead{
background: #FFF;
display: inline-block;
text-align: left;
transition: all 200ms ease-in-out;
width: 960px;
height: 100%;
position: fixed;
box-shadow: -1px 0 4px 0 rgb(48 66 95 / 30%);
top: 0;
right: -1000px;
z-index: 1000;
}
.lead.open{
right: 0;
}
.lead-loaded{
display: block;
width: 100%;
height: 100%;
}
.lead.full{
width: 100%;
z-index: 10000;
}
.lead.full .lead-header .full{
display: none;
}
.lead.full .lead-header .comp{
display: inline-block;
}
.lead.full .lead-body-left{
width: 32%;
}
.lead.full .lead-body-center{
width: 36%;
}
.lead.full .lbt-cell.data{
width: 60%;
}
.lead.full .lead-activity-panel{
padding: 7% 7% 100px 7%;
}
.lead.full .lead-activity-header{
padding: 4% 5% 0 5%;
}
.lead.full .lead-recording{
padding: 5%;
}
.lead.full .lead-bubble-wrap{
max-width: 85%;
}
.lead.full .lead-details{
padding: 5%;
}
.lead.full .lead-attribution{
padding: 5% 2.5%;
}
.lead.full .la-cell.data {
width: 55%;
}
.lead.full .lead-body-right{
display: block;
}
.lead.full .lead-block.comp{
display: none;
}
@media (max-width: 1620px) {
.lead   { width: 880px; right: -920px; }
}
@media (max-width: 1300px) {
.lead   { width: 800px; right: -840px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead   { width: 80%; right: -85%; z-index: 10000; }
.lead .lead-bubble-wrap     { max-width: 85% !important; }
.lead .lead-details     { padding: 5% !important; }
}
@media (max-width: 500px) {
.lead   { width: 100%; right: -105%; }
}
.lead-header{
display: inline-flex;
box-sizing: border-box;
align-items: center;
width: 100%;
background: #FFF;
line-height: 60px;
height: 60px;
}
.lead-header .button{
border-radius: 0;
width: 160px;
}
.lead-header .button.close {
margin-left: auto;
}
.lead-header .comp{
display: none;
}
.lead-header-label{
flex: 1;
text-align: center;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead-header .button   { padding: 0 25px !important; width: auto; }
.lead-header .button.full   { display: none; }
}
@media (max-width: 500px) {
.lead-header .button.full   { display: none; }
}
.lead-body{
width: 100%;
display: flex;
height: calc(100% - 61px);
box-sizing: border-box;
border-top: 1px solid #E2E8F1;
position: absolute;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead-body   { display: block; overflow-y: auto; }
}
@media (max-width: 500px) {
}
.lead-body-left{
width: 450px;
display: block;
height: 100%;
background: #FFF;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding-bottom: 240px;
box-shadow: inset -1px 0 0 0 #d8e2eb;
}
@media (max-width: 1620px) {
.lead-body-left     { width: 410px; }
}
@media (max-width: 1300px) {
.lead-body-left     { width: 370px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead-body-left     { height: auto; width: 100%; overflow-x: initial; overflow-y: initial; padding-bottom: 0px; }
}
@media (max-width: 500px) {
}
.lead-contact{
width: 100%;
padding: 20px 30px;
box-sizing: border-box;
display: flex;
border-bottom: 1px solid #d8e2eb;
background: #FFF;
position: sticky;
top: 0;
z-index: 10;
box-shadow: inset -1px 0 0 0 #d8e2eb;
}
.lead-contact.large{
padding: 0;
border-bottom: none;
box-shadow: none;
position: initial;
}
.lead-contact-left{
width: 60px;
height: 60px;
display: block;
position: relative;
}
.lead-contact.large .lead-contact-left{
width: 100px;
height: 100px;
}
.lead-contact-avatar{
width: 100%;
height: 100%;
display: block;
}
.lead-contact-avatar img{
height: 100%;
width: auto;
border-radius: 50%;
}
.lead-contact-type{
position: absolute;
width: 30px;
height: 30px;
left: -10px;
top: -10px;
border-radius: 50%;
overflow: hidden;
}
.lead-contact-type img{
height: 100%;
width: auto;
}
.lead-contact-right{
margin-left: 15px;
display: block;
flex: 1;
}
.lead-contact.large .lead-contact-right{
margin-left: 20px;
}
.lead-contact-data-wrap{
display: flex;
align-items: baseline;
}
.lead-contact-data{
width: 100%;
display: inline-flex;
position: relative;
margin-bottom: 8px;
}
.lead-contact.large .lead-contact-data{
display: inline-block;
}
.lead-contact-data-wrap:focus{
outline: none;
}
.lead-contact-data .button.hide{
opacity: 0;
visibility: hidden;
position: absolute;
right: 0;
top: -8px;
}
.lead-contact.large .lead-contact-data .tag{
margin: 5px 10px 5px 0;
}
.lead-contact-data:hover, .lead-contact-data-wrap.focus .lead-contact-data{
box-shadow: inset 0 -1px 0 0 #97B3F4;
}
.lead-contact.large .lead-contact-data:hover, .lead-contact.large .lead-contact-data-wrap.focus .lead-contact-data{
box-shadow: none;
}
.lead-contact-data:hover .button.hide, .lead-contact-data-wrap.focus .lead-contact-data .button.hide{
opacity: 1;
visibility: visible;
}
.lcd-name{
color: #2A2F4B;
font-size: 1.5em;
display: block;
line-height: 1.4em;
}
.lead-contact.large .lcd-name{
font-size: 2em;
}
.lcd-label{
font-size: 1.3em;
display: block;
line-height: 1.4em;
}
.lead-contact.large .lcd-label{
font-size: 1.5em;
}
@media (max-width: 1620px) {
.lead-contact  { padding: 20px 26px; }
}
@media (max-width: 1300px) {
.lead-contact  { padding: 20px 22px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead-contact  { padding: 15px 20px; position: initial; }
}
@media (max-width: 500px) {
}
.lead-block{
width: 100%;
box-sizing: border-box;
display: block;
border-bottom: 1px solid #d8e2eb;
}
.lead-block-header{
display: inline-flex;
width: 100%;
box-sizing: border-box;
padding: 10px 0;
}
.lead-block-header:focus{
outline: none;
}
.lbh-arrow{
display: block;
width: 40px;
height: 30px;
line-height: 30px;
text-align: center;
color: #5373BD;
font-size: 1.2em;
cursor: pointer;
}
.lbh-arrow.hide{
display: none;
}
.lbh-name{
display: inline-flex;
align-items: center;
cursor: pointer;
flex: 1;
}
.lbh-name-label{
color: #2A2F4B;
font-weight: 700;
font-size: 1.4em;
}
.lead-block-header.focus .lbh-name-label{
color: #5373BD;
}
.lbh-name .button{
margin-left: 10px;
}
.lbh-name .tag{
margin-left: 5px;
}
.lead-block-header.hide .lbh-arrow.up {
display: none;
}
.lead-block-header.hide .lbh-arrow.down {
display: block;
}
.lead-block-body{
width: 100%;
box-sizing: border-box;
padding: 0 30px 20px 30px;
}
.lead-block-body.hide{
display: none;
}
@media (max-width: 1620px) {
.lead-block-body  { padding: 0 25px 20px 25px; }
}
@media (max-width: 1300px) {
.lead-block-body  { padding: 0 20px 20px 20px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.lead-block-table{
width: 100%;
display: table;
}
.lead-block-table.sep{
border-bottom: 1px solid #e6eaf3;
padding-bottom: 10px;
margin-bottom: 10px;
}
.lead-block-table table{
width: 100%;
}
.lead-block-table table{
width: 100%;
}
.lead-block-table table tr:hover .button.hide, .lbt-cell.focus .button.hide{
opacity: 1;
visibility: visible;
}
.lead-block-table table tr:hover .select-arrow, .lbt-cell.focus .lead-block-label-wrap .dropdown .select .select-arrow{
opacity: 1;
visibility: visible;
}
.lead-block-table table tr:hover .lbt-cell.edit .lead-block-label-wrap, .lbt-cell.focus .lead-block-label-wrap{
box-shadow: 0 1px 0 0 #97B3F4;
}
.lbt-cell{
padding: 10px;
vertical-align: top;
}
.lbt-cell:focus{
outline: none;
}
.lbt-cell.data{
width: 200px;
position: relative;
}
.lead-block-label-wrap{
width: 100%;
}
.lbt-cell .lead-block-label{
font-size: 1.3em;
margin-right: 5px;
}
.lbt-cell.data .lead-block-label{
font-weight: 500;
color: #2A2F4B;
}
.lbt-cell .button.hide{
opacity: 0;
visibility: hidden;
position: absolute;
right: 5px;
top: 0;
background: #FFF;
}
.lbt-cell.data .button.txt{
text-align: left;
display: table;
}
.lbt-cell.data .dropdown-trigger{
height: 20px;
line-height: 20px;
}
.lbt-cell.data .select{
height: 20px;
line-height: 20px;
box-shadow: none;
}
.lbt-cell.data .select-label{
padding: 0;
font-weight: 500;
color: #2A2F4B;
}
.lbt-cell.data .select-arrow{
line-height: 20px;
color: #5373BD;
visibility: hidden;
opacity: 0;
}
@media (max-width: 1620px) {
.lbt-cell.data  { width: 190px; }
}
@media (max-width: 1300px) {
.lbt-cell.data  { width: 180px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lbt-cell  { width: 35%; }
.lbt-cell.data  { width: 60%; }
}
@media (max-width: 500px) {
}
.lead-block-journey{
margin-bottom: 10px;
position: relative;
}
.lead-block-journey-layer{
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
display: none;
align-items: center;
justify-content: center;
}
.lead-block-journey-layer--blur{
position: absolute;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.45);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
filter: blur(2px);
}
.lead-block-journey.upg .lead-block-journey-layer{
display: flex;
}
.lead-block-journey-content{
max-height: 360px;
overflow-y: auto;
width: 100%;
box-shadow: 0 0 0 1px #d8e2eb;
}
.lead-block-journey.expand .lead-block-journey-content{
max-height: 600px;
}
.lead-block-journey.fll .lead-block-journey-content{
max-height: initial;
overflow-y: initial;
}
.lead-block-journey-buttons .button{
width: 100%;
border-radius: 0;
}
.lbjb-col{
display: none;
}
.lead-block-journey.expand .lbjb-exp{
display: none;
}
.lead-block-journey.expand .lbjb-col{
display: inline-block;
}
.lead-block-journey.locked{
margin-bottom: 0;
}
.lead-block-journey.locked .lead-block-journey-item{
display: none;
}
.lead-block-journey.locked .lead-block-journey-item.active, .lead-block-journey.locked .lead-block-journey-item.attr{
display: flex !important;
}
.lead-block-journey.locked .lead-block-journey-buttons{
display: none;
}
.lead-block-journey.locked .lbjpb-buttons{
display: none;
}
.lead-block-journey-item{
display: flex;
width: 100%;
border-bottom: 1px solid #d8e2eb;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
}
.lead-block-journey-item.active{
background: #efefff !important;
cursor: initial !important;
}
.lead-block-journey-item.req:hover,
.lead-block-journey-item.prog:hover{
background: #fafbff;
cursor: pointer;
}
.lbji-left{
width: 50px;
text-align: center;
box-sizing: border-box;
padding: 20px 0;
position: relative;
flex-shrink: 0;
}
.lbji-left:before {
content:"";
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
left: 50%;
border-left: 2px solid #DDE5EF;
transform: translate(-50%);
}
.lbji-dot{
width: 12px;
height: 12px;
box-shadow: 0px 0px 0px 2px #A3B0C0 inset;
border-radius: 50%;
display: inline-block;
background: #FFF;
position: relative;
z-index: 1;
}
.lbji-dot.req{
box-shadow: 0px 0px 0px 2px #70ccb6 inset, 0px 0px 0px 3px #70ccb6, 0px 0px 0px 5px #fff;
background: #70CCB6;
}
.lbji-dot.prog{
box-shadow: 0px 0px 0px 2px #FFF inset, 0px 0px 0px 2px #70CCB6;
background: #ffbe57;
animation: glowprog 1000ms infinite alternate;
}
@keyframes glowprog {
from { box-shadow: 0 0 0 -8px rgba(255,190,87,0.3); }
to { box-shadow: 0 0 0 8px rgba(255,190,87,0.3); }
}
.lbji-right{
flex: 1;
display: inline-flex;
box-sizing: border-box;
padding: 15px 15px 15px 0;
width: calc(100% - 50px);
box-sizing: border-box;
}
.lbji-info{
flex: 1;
margin-left: 10px;
width: calc(100% - 40px);
}
.lbji-date{
color: #2A2F4B;
font-size: 1.3em;
font-weight: 700;
line-height: 1.75em;
}
.lbji-details-label{
font-size: 1.3em;
margin-right: 5px;
line-height: 2em;
}
.lbjpb-content{
width: 100%;
margin-top: 2px;
overflow: hidden;
height: 28px;
}
.lead-block-journey-pages.open .lbjpb-content{
height: auto;
}
.lbjpb-content .tag {
margin-top: 6px;
white-space: nowrap;
display: table;
}
.lbjpb-buttons{
margin-top: 8px;
}
.lbjpb-col{
display: none;
}
.lead-block-journey-pages.open .lbjpb-exp{
display: none;
}
.lead-block-journey-pages.open .lbjpb-col{
display: inline-block;
}
.lead-block-history{
display: flex;
padding: 30px;
box-sizing: border-box;
flex-direction: column;
width: 100%;
background: #FFF;
overflow-y: auto;
padding-bottom: 240px;
}
.lead-block-history-item{
display: flex;
gap: 4px;
width: 100%;
}
.lead-block-history-timeline{
display: flex;
flex-direction: column;
gap: 4px;
}
.lbht-top{
display: flex;
padding-left: 8px;
}
.lbht-top::before{
content: '';
width: 2px;
height: 20px;
background: #DDE5EF;
}
.lead-block-history-item.fst .lbht-top::before{
background: transparent;
}
.lbht-con{
display: flex;
align-items: center;
gap: 4px;
}
.lbht-con-dot{
display: flex;
width: 18px;
height: 18px;
border-radius: 50%;
background: #D3DCE9;
}
.lbht-con::after{
content: '';
width: 30px;
height: 2px;
background: #DDE5EF;
}
.lbht-bot{
display: flex;
padding-left: 8px;
flex: 1 0 0;
}
.lbht-bot::before{
content: '';
width: 2px;
align-self: stretch;
background: #DDE5EF;
}
.lead-block-history-box-wrap{
display: flex;
padding-bottom: 20px;
flex-direction: column;
gap: 10px;
flex: 1 0 0;
}
.lead-block-history-box{
display: flex;
flex-direction: column;
border-radius: 3px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #D3DCE9;
width: 100%;
}
.lead-block-history-box-top{
display: flex;
padding: 20px;
width: 100%;
flex-direction: column;
gap: 15px;
box-sizing: border-box;
}
.lead-block-history-item-owner{
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.lead-block-history-item-avatar{
display: none;
width: 24px;
height: 24px;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #FFF;
font-size: 1.2em;
font-weight: 700;
line-height: 100%;
text-transform: uppercase;
}
.lead-block-history-item.sys .lead-block-history-item-avatar.sys{ display: flex; background: #5DCCFC; }
.lead-block-history-item.usr .lead-block-history-item-avatar.usr{ display: flex; background: #A4A2FB;}
.lead-block-history-item.li .lead-block-history-item-avatar.li{ display: flex; background: #F2A2F9; }
.lead-block-history-item-description{
display: flex;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
}
.lead-block-history-item-description label{
color: #2A2F4B;
font-size: 1.4em;
font-weight: 500;
line-height: 140%;
}
.lead-block-history-item-description span{
color: #4E5879;
text-align: right;
font-size: 1.3em;
line-height: 140%;
}
.lead-block-history-item-info{
width: 100%;
font-size: 1.4em;
line-height: 140%;
}
.lead-block-history-item-info b{
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead-block-history-item-description    { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 500px) {
}
.lead-block-map{
box-sizing: border-box;
padding: 10px;
width: 100%;
}
.lead-block-map #map, .lead-block-map #map_comp{
height: 280px;
}
.lead-body-center{
width: 510px;
display: block;
background: #EBF2F8;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
@media (max-width: 1620px) {
.lead-body-center{ width: 470px; }
}
@media (max-width: 1300px) {
.lead-body-center{ width: 430px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead-body-center{ height: auto; width: 100%; overflow-x: initial; overflow-y: initial; }
}
@media (max-width: 500px) {
}
.lead-qualify{
border-bottom: 1px solid #d8e2eb;
background: #FFF;
width: 100%;
position: sticky;
z-index: 10;
top: 0;
}
.lead-qualify-table{
width: 100%;
border-bottom: 1px solid #d8e2eb;
display: inline-flex;
}
.lqt-cell{
flex: 1;
box-sizing: border-box;
padding: 15px 20px;
box-shadow: -1px 0 0 0 #d8e2eb;
display: flex;
gap: 15px;
}
.lqt-cell:focus{
outline: none;
}
.lqt-info{
width: 100%;
}
.lqt-label{
width: 100%;
font-size: 1.2em;
line-height: 1.5em;
}
.lqt-value{
width: 100%;
position: relative;
}
.lqt-value label{
font-size: 1.5em;
font-weight: 700;
line-height: 1.75em;
}
.lqt-value.amo label{
color: #04A777;
}
.lqt-cell:hover .lqt-value, .lqt-cell.focus .lqt-value{
box-shadow: 0 1px 0 0 #97B3F4;
}
.lqt-value .dropdown-trigger{
height: 26px;
line-height: 26px;
}
.lqt-value .select{
box-shadow: none;
height: 26px;
line-height: 26px;
}
.lqt-value .select-label{
padding: 0 !important;
font-weight: 500 !important;
color: #2A2F4B !important;
font-size: 1.5em !important;
}
.lqt-value .select-arrow{
line-height: 26px;
color: #5373BD;
visibility: hidden;
opacity: 0;
}
.lqt-cell:hover .select-arrow, .lqt-cell.focus .select-arrow{
opacity: 1;
visibility: visible;
}
.lqt-value .button{
position: absolute;
right: 0;
top: -5px;
opacity: 0;
visibility: hidden;
}
.lqt-cell:hover .button{
opacity: 1;
visibility: visible;
}
.lead-qualify-note{
box-sizing: border-box;
padding: 10px 20px;
width: 100%;
display: inline-flex;
}
.lead-qualify-note input{
width: 100%;
}
.lead-qualify-note input:focus{
box-shadow: 0 1px 0 0 #97B3F4;
}
.lead-qualify-note .textarea{
box-shadow: none;
height: 30px;
}
.lead-qualify-note .textarea textarea{
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.lead-qualify-note textarea.focus{
height: 88px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead-qualify  { position: initial; }
}
@media (max-width: 500px) {
}
.lead-sentiment {
padding:15px 20px;
width: calc(100% - 40px);
border-bottom: 1px solid #d8e2eb;
background: #FFF;
display: inline-flex;
gap: 15px;
}
.lead-sentiment-label {
font-size: 1.2em;
line-height: 1.5em;
}
.lead-sentiment-value {
font-size: 1.5em;
font-weight: 700;
line-height: 1.75em;
}
.lead-activity-panel{
width: 100%;
box-sizing: border-box;
padding: 30px 30px 200px 30px;
}
@media (max-width: 1620px) {
.lead-activity-panel    { padding: 25px 25px 100px 25px; }
}
@media (max-width: 1300px) {
.lead-activity-panel    { padding: 20px 20px 100px 20px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.lead-activity{
width: 100%;
background-color: #FFF;
box-shadow: 0 0 0 1px #d8e2eb;
border-radius: 5px;
}
.lead-activity-header{
width: 100%;
box-sizing: border-box;
padding: 25px 25px 0 25px;
display: inline-flex;
}
.lah-info{
flex: 1;
}
.lah-label{
font-weight: 700;
color: #2A2F4B;
font-size: 1.6em;
line-height: 1.5em;
}
.lah-desc{
color: #4E5879;
font-size: 1.2em;
line-height: 1.5em;
}
@media (max-width: 1620px) {
.lead-activity-header{ padding: 5% 5% 0 5%; }
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.lead-recording{
width: 100%;
box-sizing: border-box;
padding: 25px;
}
.lead-audio{
padding: 20px;
width: 100%;
background: #FAF3FF;
border: none;
box-sizing: border-box;
box-shadow: 0 0 0 1px #d8e2eb;
}
.lead-audio canvas{
width: 100% !important;
height: 90px !important;
background: transparent !important;
cursor: pointer !important;
margin: 30px 0 10px 0 !important;
}
.lead-audio audio{
display: none;
}
.lead-audio-controls{
position: relative;
margin: 0 auto;
text-align: center;
}
.lead-audio-controls a.wc_recording_play {
display: inline-block;
border-radius: 50%;
background: #C495E6;
color: #FFF;
width: 50px;
height: 50px;
line-height: 52px;
font-size: 1.8em;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.lead-audio-controls a.wc_recording_play:hover{
background: #A372C7;
}
.lead-audio-controls a.wc_recording_speed, .lead-audio-controls a.wc_recording_download {
position: absolute;
top: 10px;
border-radius: 2px;
background: #FFF;
color: #915FB8;
text-decoration: none;
font-size: 1.1em !important;
width: 90px;
height: 30px;
line-height: 30px;
font-weight: 700;
box-shadow: 0 0 0 1px #DECFEA;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.lead-audio-controls a.wc_recording_speed       { left: 0; }
.lead-audio-controls a.wc_recording_download    { right: 0; }
.lead-audio-controls a.wc_recording_speed:hover, .lead-audio-controls a.wc_recording_download:hover{
color: #2A2F4B;
}
.lead-audio-controls .wc_recording_play_time, .lead-audio-controls .wc_recording_duration {
position: absolute;
top: -135px;
color: #8A6F96;
font-size: 1.3em !important;
font-weight: 700;
}
.lead-audio-controls .wc_recording_play_time        { left: 0; }
.lead-audio-controls .wc_recording_duration        { right: 0; }
.lead-transcription{
max-height: 300px;
overflow-y: auto;
padding: 20px;
width: 100%;
box-sizing: border-box;
box-shadow: 0 0 0 1px #d8e2eb;
}
.lead-bubble{
width: 100%;
margin-bottom: 10px;
overflow: hidden;
}
.lead-bubble.rec    { text-align: left; }
.lead-bubble.cal    { text-align: right; }
.lead-bubble-wrap{
padding: 10px;
box-sizing: border-box;
max-width: 310px;
font-size: 1.2em;
line-height: 1.5em;
display: inline-block;
text-align: left;
}
.lead-bubble.rec .lead-bubble-wrap  { border-radius: 0 10px 10px 10px; background: #F9F0FF; color: #4E3D7A; }
.lead-bubble.cal .lead-bubble-wrap  { border-radius: 10px 0 10px 10px; color: #505C87; background: #F2F7FF; }
.lead-bubble.rec.current .lead-bubble-wrap  { background: #e5dcff; color: #1d1140; box-shadow: inset 0 0 0 1px #d5caf5; }
.lead-bubble.cal.current .lead-bubble-wrap  { background: #c9e1ff; color: #061122; box-shadow: inset 0 0 0 1px #bed1e9 }
.lbw-part{
display: block;
font-weight: 700;
}
.lbw-text{
display: block;
}
.lead-details{
width: 100%;
box-sizing: border-box;
padding: 25px;
}
@media (max-width: 1620px) {
.lead-details{ padding: 23px; }
}
@media (max-width: 1300px) {
.lead-details{ padding: 21px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.lead-detail{
width: 100%;
display: block;
box-sizing: border-box;
}
.lead-detail.map{
padding: 10px;
box-shadow: 0 0 0 1px #DDE5EF;
border-radius: 2px;
position: relative;
}
.lead-detail.map:before{
content: 'MAPPED';
position: absolute;
top: -8px;
left: 20px;
height: 16px;
line-height: 16px;
font-size: 0.8em;
font-weight: 700;
color: #4ABBA6;
background: #EAFAF5;
padding: 0 5px;
}
.ld-label{
width: 100%;
margin-bottom: 4px;
color: #4E5879;
}
.ld-label:focus{
outline: none;
}
.ld-label label{
font-size: 1.2em;
}
.ld-label.focus label{
color: #5373BD;
}
.ld-label .button.hide{
opacity: 0;
visibility: hidden;
margin-left: 8px;
}
.ld-label:hover .button.hide, .ld-label.focus .button.hide{
opacity: 1;
visibility: visible;
}
.ld-label .input{
margin: 5px 0;
}
.ld-value{
width: 100%;
box-sizing: border-box;
padding: 10px;
background: #f4f6fa;
border-radius: 4px;
word-break: break-word;
min-height: 40px;
max-height: 300px;
overflow-y: auto;
color: #424770;
position: relative;
}
.ld-value.edit{
padding: 20px;
}
.ld-value label{
font-size: 1.3em;
line-height: 1.5em;
white-space: pre-line;
}
.ld-value .button.hide{
opacity: 0;
visibility: hidden;
position: absolute;
right: 5px;
top: 5px;
}
.ld-value:hover .button.hide{
opacity: 1;
visibility: visible;
}
.ld-value.map{
display: flex;
flex-wrap: wrap;
border-radius: 0;
overflow: initial;
}
.ld-value.map .dropdown{
flex: 1;
}
.ld-value.map .input{
flex: 0;
}
.lead-attribution{
width: 100%;
display: table;
box-sizing: border-box;
padding: 20px 10px;
}
.lead-attribution table{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.la-cell{
padding: 10px 20px;
}
.la-cell.data{
width: 180px;
}
.la-label{
font-size: 1.3em;
}
.la-cell.data .la-label{
color: #2A2F4B;
font-weight: 500;
}
.lead-footer{
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid #E2E8F1;
display: inline-flex;
z-index: 10;
background: #FFF;
}
.lead-footer .button{
width: 200px;
border-radius: 0;
}
.lead-footer .button.next{
margin-left: auto;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead-footer .button    { width: 50%; }
}
@media (max-width: 500px) {
}
.lead-body-right{
display: none;
height: 100%;
background: #FFF;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding-bottom: 100px;
box-shadow: inset 1px 0 0 0 #d8e2eb;
width: 32%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.lead-tabs-wrap{
display: flex;
padding: 15px 15px 0px 15px;
border-top: 1px solid #D8E2EB;
}
.lead-tabs{
display: flex;
gap: 1px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.lead-tabs-wrap   { overflow-y: scroll; }
}
@media (max-width: 500px) {
}
.lead-tab{
display: flex;
padding: 15px 20px;
justify-content: center;
align-items: center;
gap: 8px;
border-top: 2px solid #FFFFFF;
background: #FFF;
cursor: pointer;
position: relative;
}
.lead-tab.current{
border-top: 2px solid #A853BD;
box-shadow: 0px 0px 0px 1px #E2E8F1;
cursor: default;
}
.lead-tab.current::after{
content: '';
width: 100%;
height: 1px;
background: #FFF;
position: absolute;
bottom: -1px;
z-index: 1;
}
.lead-tab-label{
font-size: 1.4em;
line-height: 120%;
}
.lead-tab.current .lead-tab-label{
font-weight: 700;
color: #A853BD;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.lead-summary{
font-size: 1.4em;
line-height: 160%;
}
.lead-summary p{
margin: 0 0 1.4em 0;
}
.lead-summary ul{
list-style-image: none;
}
.lead-summary ul li{
margin: 0.5em 0;
}
.lead-analysis{
display: flex;
flex-direction: column;
width: 100%;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #D8E2EB;
}
.lead-analysis-set{
display: flex;
padding: 12px;
width: 100%;
flex-direction: column;
gap: 8px;
box-sizing: border-box;
box-shadow: 0px -1px 0px 0px #D8E2EB;
}
.lead-analysis-item{
display: flex;
flex-direction: column;
width: 100%;
gap: 10px;
align-items: flex-start;
box-sizing: border-box;
}
.lead-analysis-item.qst     { padding-right: 60px; }
.lead-analysis-item.ans     { padding-left: 60px; }
.lead-analysis-item.fll     { padding: 0 !important; }
.lead-analysis-item-wrap{
display: flex;
gap: 10px;
}
.lead-analysis-item.qst .lead-analysis-item-wrap  { }
.lead-analysis-item.ans .lead-analysis-item-wrap  { margin-left: auto; }
.lead-analysis-item-avatar{
display: flex;
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 50%;
color: #FFF;
font-size: 1.3em;
line-height: 12px;
flex: 0 0 30px;
}
.lead-analysis-item.qst .lead-analysis-item-avatar  { background: #8EAAD4; }
.lead-analysis-item.ans .lead-analysis-item-avatar  { background: #259682; }
.lead-analysis-item-text{
color: #2A2F4B;
font-size: 1.3em;
line-height: 150%;
padding: 8px 12px;
box-sizing: border-box;
}
.lead-analysis-item.qst .lead-analysis-item-text  { background: #F0F6FF; border-radius: 0px 10px 10px 10px; }
.lead-analysis-item.ans .lead-analysis-item-text  { background: #DCF6EE; border-radius: 10px 0px 10px 10px; margin-left: auto; }
.leads-top-wrap{
width: 100%;
padding-bottom: 20px;
}
.leads-top-row{
width: 100%;
background: #FFF;
}
.leads-top.hidden .leads-top-row{
display: none;
}
.leads-top-main{
width: 100%;
box-sizing: border-box;
padding: 20px 20px;
box-shadow: 0px 1px 2px rgb(48 66 95 / 30%);
}
.leads-top-loaded{
width: 100%;
display: flex;
gap: 20px;
}
.ltm-col{
display: inline-block;
vertical-align: top;
}
.ltm-col2 { width: 16.66%; }
.ltm-col4 { width: 33.33%; }
.ltm-col6 { width: 50%; }
.ltm-col .chart{
height: 320px;
}
.ltm-col-grid{
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 20px;
flex-shrink: 0;
}
.leads-top-trigger{
width: 120px;
text-align: center;
background: #FFF;
height: 30px;
line-height: 30px;
box-shadow: 0px 1px 2px rgb(48 66 95 / 30%);
margin: 0 auto;
cursor: pointer;
color: #2A2F4B;
font-weight: 700;
font-size: 1.2em;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.leads-top-trigger[disabled]{
pointer-events: none;
opacity: 0.5;
}
.leads-top-trigger:hover{
color: #5373BD;
}
@media (max-width: 1620px) {
.leads-top-main     { padding: 15px 15px; }
.leads-top-loaded   { gap: 15px; }
.ltm-col-grid       { gap: 15px; }
.ltm-col .chart     { height: 300px; }
}
@media (max-width: 1300px) {
.ltm-col .chart     { height: 280px; }
}
@media (max-width: 1040px) {
.leads-top-loaded     { display: table; }
.ltm-col    { margin: 15px 2%; }
.ltm-col2 { width: 46%; }
.ltm-col4 { width: 46%; }
.ltm-col6 { width: 46%; }
}
@media (max-width: 820px) {
.leads-top-loaded     { display: block; }
.ltm-col2 { width: 96%; }
.ltm-col4 { width: 96%; }
.ltm-col6 { width: 96%; }
}
@media (max-width: 500px) {
.ltm-col-grid       { grid-template: none; }
.ltm-col .chart     { height: 184px; }
}
.leads-chart{
width: 100%;
box-shadow: 0 0 0 1px #dde4ee;
box-sizing: border-box;
padding: 30px;
border-radius: 2px;
}
.leads-chart-header{
display: flex;
width: 100%;
padding-bottom: 20px;
box-sizing: border-box;
align-items: center;
}
.leads-chart-title{
font-size: 3em;
color: #2A2F4B;
font-family: 'Eina';
letter-spacing: -.02em;
display: inline-flex;
flex: 1;
}
.leads-chart-opts{
display: inline-flex;
align-items: center;
margin-left: auto;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.leads-overview{
width: 100%;
box-sizing: border-box;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.leads-overview-item{
display: flex;
box-sizing: border-box;
width: 100%;
align-items: center;
}
.leads-overview-item.last{
box-shadow: none;
}
.leads-overview-item.type{
padding: 0 10px;
height: 46px;
}
.leads-overview-item.status{
padding: 0 20px;
height: 92px;
justify-content: center;
flex-direction: column;
}
.leads-overview-label{
white-space: nowrap;
}
.leads-overview-item.type .leads-overview-label{
width: 55%;
float: left;
}
.leads-overview-item.status .leads-overview-label{
width: 100%;
flex-shrink: 0;
}
.leads-overview-label i{
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
margin-right: 4px;
}
.leads-overview-label a > span{
font-weight: 700;
}
.leads-overview-label .button.txt span{
font-weight: 500 !important;
}
.leads-overview-qty{
color: #2A2F4B;
font-weight: 700;
overflow: hidden;
}
.leads-overview-item.type .leads-overview-qty{
margin-left: 5%;
width: 40%;
text-align: right;
font-size: 1.5em;
float: right;
}
.leads-overview-item.status .leads-overview-qty{
width: 100%;
font-size: 2.4em;
flex-shrink: 0;
line-height: 1em;
}
.leads-overview-item .button.tog{
opacity: 0;
visibility: hidden;
margin-left: 5px;
}
.leads-overview-item:hover .button.tog{
opacity: 1;
visibility: visible;
}
@media (max-width: 1620px) {
.leads-overview-item.type   { padding: 0 12px; height: 43px; }
.leads-overview-item.status { padding: 0 20px; height: 86px; }
}
@media (max-width: 1300px) {
.leads-overview-item.type   { padding: 0 10px; height: 40px; }
.leads-overview-item.status { padding: 0 15px; height: 80px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.leads-stat{
width: 100%;
box-shadow: 0 0 0 1px #dde4ee;
box-sizing: border-box;
padding: 20px;
border-radius: 4px;
margin-bottom: 14px;
height: 100px;
display: flex;
justify-content: center;
flex-direction: column;
}
.leads-stat.last{
margin-bottom: 0;
}
.leads-stat-label{
color: #2A2F4B;
flex-shrink: 0;
width: 100%;
}
.leads-stat-label label{
font-size: 1.8em;
font-family: 'Eina';
letter-spacing: -.02em;
}
.leads-stat-label .icon{
margin-left: 5px;
}
.leads-stat-label .icon i{
font-size: 1.8em;
color: #A1ACC9;
}
.leads-stat-value{
font-size: 3.2em;
font-weight: 700;
flex-shrink: 0;
width: 100%;
line-height: 1em;
margin-top: 8px;
}
.leads-stat-value.def     { color: #2A2F4B; }
.leads-stat-value.gre     { color: #04A777; }
@media (max-width: 1620px) {
.leads-stat { padding: 25px 20px; }
.leads-stat-value   { font-size: 3em; }
}
@media (max-width: 1300px) {
.leads-stat { padding: 25px 15px; }
.leads-stat-value   { font-size: 2.6em; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.quick-report{
background: #FFF;
display: inline-block;
text-align: left;
transition: all 200ms ease-in-out;
width: 860px;
height: 100%;
position: fixed;
box-shadow: -1px 0 4px 0 rgb(48 66 95 / 30%);
top: 0;
right: -900px;
z-index: 1000;
}
.quick-report.open{
right: 0;
}
.quick-report-loaded{
display: block;
width: 100%;
height: 100%;
}
@media (max-width: 1620px) {
.quick-report   { width: 780px; right: -820px; }
}
@media (max-width: 1300px) {
.quick-report   { width: 700px; right: -740px; }
}
@media (max-width: 1040px) {
.quick-report   { width: 620px; right: -660px; }
}
@media (max-width: 820px) {
.quick-report   { width: 90%; right: -95%; }
}
@media (max-width: 500px) {
}
.quick-report-header{
display: inline-flex;
box-sizing: border-box;
align-items: center;
width: 100%;
background: #FFF;
line-height: 60px;
height: 60px;
border-bottom: 1px solid #E2E8F1;
padding: 0 0 0 20px;
}
.quick-report-header .button{
border-radius: 0;
width: 160px;
}
.quick-report-header .button.close {
margin-left: auto;
}
.quick-report-header-label{
flex: 1;
}
.quick-report-body{
width: 100%;
display: block;
height: calc(100% - 61px);
box-sizing: border-box;
position: absolute;
background: #F1F6FB;
overflow-y: auto;
}
.quick-report-top{
display: flex;
padding: 12px 20px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #D8E2EB;
background: #FFF;
box-sizing: border-box;
}
.quick-report-top-lf{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.quick-report-top-lf-label{
color: #4E5879;
font-size: 1.3em;
font-weight: 500;
line-height: 135%;
}
.quick-report-top-rg{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.quick-report-top      { padding: 10px 15px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.quick-report-top       { flex-wrap: wrap; gap: 10px; }
.quick-report-top-lf    { width: 100%; flex: 1; }
.quick-report-top-rg    { width: 100%; justify-content: flex-start; }
}
@media (max-width: 500px) {
}
.quick-report-data{
width: 100%;
box-sizing: border-box;
padding: 40px;
}
.highcharts-legend-item-qr{
width: 260px;
}
@media (max-width: 1620px) {
.quick-report-data          { padding: 35px; }
.highcharts-legend-item-qr  { width: 238px; }
}
@media (max-width: 1300px) {
.quick-report-data          { padding: 30px; }
.highcharts-legend-item-qr  { width: 214px; }
}
@media (max-width: 1040px) {
.quick-report-data          { padding: 25px; }
.highcharts-legend-item-qr  { width: 186px; }
}
@media (max-width: 820px) {
.quick-report-data          { padding: 20px; }
.highcharts-legend-item-qr  { width: 186px; }
}
@media (max-width: 500px) {
.quick-report-data          { padding: 15px; }
.highcharts-legend-item-qr  { width: 123px; }
}
.quick-report-footer{
position: absolute;
bottom: 0;
width: 100%;
display: inline-flex;
z-index: 10;
background: #FFF;
left: 0;
}
.customer-journey{
display: inline-block;
text-align: left;
transition: all 200ms ease-in-out;
width: 1200px;
height: 100%;
position: fixed;
box-shadow: -3px 0 8px 0 rgb(66 91 118 / 21%);
top: 0;
right: -1240px;
z-index: 10001;
background: #EBF2F8;
}
.customer-journey.open{
right: 0;
}
.customer-journey-header{
display: inline-flex;
box-sizing: border-box;
padding: 0 0 0 20px;
align-items: center;
width: 100%;
background: #FFF;
line-height: 60px;
height: 60px;
}
.customer-journey-header .button{
border-radius: 0;
width: 160px;
}
.customer-journey-header .button.close {
margin-left: auto;
}
.customer-journey-body{
width: 100%;
height: calc(100% - 61px);
box-sizing: border-box;
border-top: 1px solid #E2E8F1;
overflow-y: auto;
overflow-x: hidden;
}
.customer-journey-top{
background: #FFF;
width: 100%;
border-bottom: 1px solid #d8e2eb;
position: sticky;
z-index: 10;
top: 0;
height: 170px;
display: inline-flex;
}
.customer-journey-arrow{
height: 100%;
width: 50px;
text-align: center;
font-size: 2.8em;
color: #5373BD;
display: flex;
align-items: center;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.customer-journey-arrow i{
flex: 1;
opacity: 0;
}
.customer-journey-arrow.active i{
opacity: 1;
}
.customer-journey-arrow.prev{
border-right: 1px solid #DDE5EF;
}
.customer-journey-arrow.next{
border-left: 1px solid #DDE5EF;
}
.customer-journey-arrow.active:hover{
background: #fafbff;
cursor: pointer;
}
.customer-journey-activities{
height: 100%;
flex: 1;
overflow-x: auto;
overflow-y: hidden;
display: inline-flex;
white-space: nowrap;
}
.customer-journey-activities::-webkit-scrollbar {
display: none;
}
.customer-journey-activities {
-ms-overflow-style: none;
scrollbar-width: none;
}
.customer-journey-bottom{
width: 100%;
display: flex;
padding: 1.75% 2.5%;
box-sizing: border-box;
}
.customer-journey-block{
height: 100%;
display: inline-flex;
}
.customer-journey-block.active .customer-journey-activity.att, .customer-journey-block.active .customer-journey-activity.req{
background: #e8f9f3;
}
.customer-journey-activity{
width: 100px;
height: 100%;
box-sizing: border-box;
border-right: 1px solid #DDE5EF;
text-align: center;
white-space: normal;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.customer-journey-activity.att:hover, .customer-journey-activity.req:hover{
background: #fafbff;
cursor: pointer;
}
.customer-journey-activity.sep{
width: 70px;
}
.cja-label{
color: #2A2F4B;
font-weight: 700;
font-size: 1.3em;
box-sizing: border-box;
padding: 20px 20px 0 20px;
}
.cja-icon{
width: 100%;
align-items: baseline;
box-sizing: border-box;
padding: 10px 20px 0 20px;
}
.cja-icon img{
margin-top: 20px;
width: 30px;
height: auto;
}
.customer-journey-activity.req .cja-icon img{
width: 50px;
margin-top: 0;
}
.cja-line{
width: 100%;
position: relative;
box-sizing: border-box;
padding: 15px 0 0 0;
}
.cja-dot{
width: 16px;
height: 16px;
border-radius: 50%;
box-shadow: 0px 0px 0px 2px #A3B0C0 inset;
display: inline-block;
margin: 4px 0;
position: relative;
z-index: 1;
background: #FFF;
}
.customer-journey-activity.req .cja-dot{
width: 24px;
height: 24px;
box-shadow: 0px 0px 0px 3px #FFF inset, 0px 0px 0px 2px #70CCB6;
background: #70CCB6;
margin: 0;
}
.cja-line:after {
display: inline-block;
content: "";
border-top: 2px solid #DDE5EF;
width: 100%;
transform: translateY(-28px);
}
.customer-journey-activity.sep .cja-line{
padding-top: 159px;
}
.customer-journey-item{
width: 50%;
padding: 1.75% 2.5%;
box-sizing: border-box;
}
.report-builder-tabs{
width: 100%;
box-sizing: border-box;
padding: 0 30px;
display: inline-flex;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.report-builder-tabs    { overflow-y: scroll; }
}
@media (max-width: 500px) {
}
.report-builder-tab{
height: 40px;
line-height: 42px;
color: #424770;
padding: 0 18px;
cursor: pointer;
border-radius: 6px 6px 0 0;
white-space: nowrap;
}
.rbt-label{
font-size: 1.3em;
}
.report-builder-tab[disabled]{
pointer-events: none;
opacity: 0.5;
}
.report-builder-tab.active{
font-weight: 700;
background: #FFF;
box-shadow: 0 1px 0 0 #fff, 0 0 0 1px #d8e2eb;
}
.report-builder-tab i, .report-builder-tab .tag{
margin-left: 5px;
}
.report-builder-content{
background: #FFF;
width: 100%;
display: block;
box-shadow: 0 0 0 1px #d8e2eb;
}
.report-builder-header{
width: 100%;
padding: 15px 20px;
background: #FFF;
display: inline-flex;
box-sizing: border-box;
flex-wrap: wrap;
grid-row-gap: 10px;
}
.rbh-left {
display: inline-flex;
align-items: center;
}
.rbh-right {
display: inline-flex;
align-items: center;
margin-left: auto;
order: 2;
flex-wrap: wrap;
grid-row-gap: 10px;
}
.rbh-right .button {
border-radius: 0 !important;
}
.rbh-left-item{
display: inline-flex;
align-items: center;
margin-right: 20px;
}
/* .rbh-left-item label{
color: #424770;
font-weight: 700;
margin-right: 10px;
font-size: 1.3em;
} */
.rbh-left-item .button{
border-radius: 0 !important;
}
.rbh-right .mL{
margin-left: 15px;
}
@media (max-width: 1620px) {
.report-builder-header    { padding: 14px 18px; }
.rbh-left-item { margin-right: 18px; }
.rbh-right .mL { margin-left: 14px; }
}
@media (max-width: 1300px) {
.report-builder-header    { padding: 13px 16px; }
.rbh-left-item { margin-right: 16px; }
.rbh-right .mL { margin-left: 13px; }
}
@media (max-width: 1040px) {
.report-builder-header    { display: block; }
.rbh-right  { margin-top: 10px; }
.rbh-right .mL { margin-left: 12px; }
}
@media (max-width: 820px) {
.rbh-left  { display: block; }
.rbh-left-item     { margin-bottom: 10px; }
.rbh-right  { display: block; }
.rbh-right > * { margin-bottom: 10px; margin-right: 10px; }
}
@media (max-width: 500px) {
}
.report-builder-chart{
width: 100%;
display: block;
}
.report-builder-chart-header{
width: 100%;
padding: 0 0 10px 0;
background: #FFF;
display: inline-flex;
box-sizing: border-box;
}
.rbch-left {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
grid-row-gap: 10px;
}
.rbch-right {
display: inline-flex;
align-items: center;
margin-left: auto;
order: 2;
flex-wrap: wrap;
grid-row-gap: 10px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.report-builder-chart-header  { display: block; }
}
@media (max-width: 500px) {
}
.report-builder-chart-body{
background: #FFF;
width: 100%;
box-sizing: border-box;
padding: 40px;
border-top: 1px solid #e6eaf3;
}
@media (max-width: 1620px) {
.report-builder-chart-body  { padding: 35px; }
}
@media (max-width: 1300px) {
.report-builder-chart-body  { padding: 30px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.report-builder-split{
width: 100%;
display: block;
}
.report-builder-split-top{
width: 100%;
box-sizing: border-box;
padding: 15px 0 0 0;
position: relative;
}
.report-builder-split-buts{
position: absolute;
top: -15px;
left: 50%;
transform: translate(-50%, 50%);
background: #FFF;
display: inline-flex;
}
.report-builder-split-buts .active{
background: #F4F9FF;
}
.report-builder-split-bot{
width: 100%;
box-sizing: border-box;
padding: 15px 0 0 0;
border-top: 1px solid #e6eaf3;
}
.report-builder-table{
width: 100%;
display: block;
}
.report-builder-table-header{
width: 100%;
padding: 0 20px 15px 20px;
background: #FFF;
display: inline-flex;
box-sizing: border-box;
border-bottom: 1px solid #e6eaf3;
}
.rbth-right {
display: inline-flex;
align-items: center;
margin-left: auto;
order: 2;
}
.rbth-right .button {
border-radius: 0 !important;
}
@media (max-width: 1620px) {
.report-builder-table-header   { padding: 0 18px 14px 18px; }
}
@media (max-width: 1300px) {
.report-builder-table-header   { padding: 0 16px 13px 16px; }
}
@media (max-width: 1040px) {
.report-builder-table-header    { display: block; }
}
@media (max-width: 820px) {
.report-builder-table-header   { padding: 10px 16px 13px 16px; }
.rbth-right  { display: block; }
.rbth-right > * { margin-bottom: 10px;  }
}
@media (max-width: 500px) {
}
.dropdown{
position: relative;
display: block;
}
.dropdown.open {
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5 !important;
}
.dropdown.open .dropdown-menu {
visibility: visible;
opacity: 1;
}
.dropdown[disabled] {
pointer-events: none;
opacity: 0.5;
}
.dropdown.inline {
display: inline-block;
}
.dropdown.shad .select {
box-shadow: 0px 1px 2px rgb(48 66 95 / 30%) !important;
width: auto !important;
font-weight: 700 !important;
}
.dropdown.shad .select.sm { padding: 0 5px; }
.dropdown.shad .select.md { padding: 0 10px; }
.dropdown.shad .select.lg { padding: 0 15px; }
.dropdown.w-100{
width: 100%;
}
.dropdown.w240{
width: 240px;
flex-shrink: 0;
}
@media (max-width: 820px) {
.dropdown.w240{
flex-shrink: 1;
}
}
@media (max-width: 500px) {
.dropdown.shad .select  { padding: 0 !important; width: 100% !important; }
}
.dropdown-trigger{
display: flex;
}
.dropdown-trigger .select-label {
overflow: hidden;
white-space: nowrap;
}
.dropdown-menu{
visibility: hidden;
opacity: 0;
z-index: 100;
border-radius: 2px;
background: #FFF;
position: absolute;
box-shadow: 0 0 0 1px #E2E8F1, 0px 1px 8px 0 rgba(48, 66, 95, 0.07);
}
.dropdown-menu.sm   { width: 160px; }
.dropdown-menu.md   { width: 240px; }
.dropdown-menu.lg   { width: 300px; }
.dropdown.fl .dropdown-menu   { width: 100%; }
.dropdown-menu.rig  { right: 0; }
.dropdown-menu.fix   { position: fixed; left: 50px; }
.dropdown-menu-content{
width: 100%;
overflow-y: auto;
max-height: 200px;
}
.dropdown-menu.hsm .dropdown-menu-content   { max-height: 160px; }
.dropdown-menu.hmd .dropdown-menu-content   { max-height: 300px; }
.dropdown-menu.hlg .dropdown-menu-content   { max-height: 400px; }
.dropdown-menu.hxlg .dropdown-menu-content  { max-height: 500px; }
@media (max-width: 1620px) {
.dropdown-menu.sm   { width: 130px; }
.dropdown-menu.md   { width: 230px; }
.dropdown-menu.lg   { width: 290px; }
.dropdown-menu-content  { max-height: 190px; }
.dropdown-menu.hsm .dropdown-menu-content   { max-height: 140px; }
.dropdown-menu.hmd .dropdown-menu-content   { max-height: 280px; }
.dropdown-menu.hlg .dropdown-menu-content   { max-height: 380px; }
.dropdown-menu.hxlg .dropdown-menu-content  { max-height: 480px; }
}
@media (max-width: 1300px) {
.dropdown-menu.sm   { width: 120px; }
.dropdown-menu.md   { width: 220px; }
.dropdown-menu.lg   { width: 280px; }
.dropdown-menu-content  { max-height: 180px; }
.dropdown-menu.hsm .dropdown-menu-content   { max-height: 120px; }
.dropdown-menu.hmd .dropdown-menu-content   { max-height: 260px; }
.dropdown-menu.hlg .dropdown-menu-content   { max-height: 360px; }
.dropdown-menu.hxlg .dropdown-menu-content  { max-height: 460px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.dropdown-menu  { position: fixed !important; z-index: 1000; bottom: 0 !important; top: initial !important; left: 0 !important; width: 100% !important; box-shadow: 0 0 0 1px #e2e8f1, 0px 0px 100px 100px rgb(48 66 95 / 0.8) !important; }
.dropdown-menu-content   { max-height: 70vh !important; }
}
@media (max-width: 500px) {
}
.dropdown-block{
box-sizing: border-box;
padding: 10px;
width: 100%;
display: block;
user-select: none;
-webkit-user-select: none;
}
.dropdown-block p{
width: 100%;
padding: 10px 0 5px 0;
text-transform: uppercase;
color: #909EAF;
}
.dropdown-item{
display: block;
padding: 10px;
width: 100%;
box-sizing: border-box;
border-radius: 2px;
cursor: pointer;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
position: relative;
line-height: initial;
}
.dropdown-item.locked {
background: #FFFFFF !important;
cursor: initial;
}
.dropdown-item[disabled]{
color:#aaa;
background: #ffffff !important;
cursor: not-allowed;
}
.dropdown-item.header{
background: #FFFFFF !important;
cursor: initial;
}
.dropdown-item.current {
background: #F4F9FF;
}
.dropdown-item.selected {
background: #F4F9FF;
}
.dropdown-item-wrap{
display: inline-flex;
align-items: center;
width: 100%;
overflow: hidden;
}
.dropdown-item-icon{
width: 20px;
margin: 0 10px 0 0;
flex-shrink: 0;
}
.dropdown-item-icon img{
width: 100%;
height: auto;
}
.dropdown-item-icon-txt{
width: 20px;
margin: 0 5px 0 0;
flex-shrink: 0;
text-align: center;
font-size: 1.3em;
}
.dropdown-item-info{
flex-shrink: 0;
width: 100%;
}
.dropdown-item-label{
font-size: 1.3em;
display: inline-block;
white-space: break-spaces;
}
.dropdown-item.header .dropdown-item-label{
cursor: initial;
padding: 10px 0 0 0 !important;
text-transform: uppercase;
color: #424770;
font-size: 1.1em;
font-weight: 700;
}
.dropdown-item-content{
width: 100% ;
flex-shrink: 0;
}
.dropdown-item-content .button{
width: 100% !important;
}
.dropdown-item-content .dropdown-menu{
z-index: 10;
display: none !important;
}
.dropdown-item-content.open .dropdown-menu{
display: block !important;
}
@media (max-width: 820px) {
.dropdown-item  { padding: 15px 10px; }
.dropdown-item-label    { font-size: 1.5em; }
}
.dropdown-search{
box-sizing: border-box;
padding: 15px;
width: 100%;
display: block;
background: #F8FBFD;
border-bottom: 1px solid #d3dce9;
position: sticky;
z-index: 1;
top: 0;
line-height: normal;
}
.onboarding{
display: flex;
width: 100%;
padding: 80px 100px;
justify-content: center;
align-items: center;
gap: 100px;
box-sizing: border-box;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #D8E2EB;
}
.onboarding__info{
display: flex;
flex: 1 0 0;
max-width: 540px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 30px;
}
.onboarding__text{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
}
.onboarding__headline{
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
}
.onboarding__headline span{
flex: 1 0 0;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 2.4em;
font-style: normal;
font-weight: 500;
line-height: 125%;
}
.onboarding__description{
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
}
.onboarding__description span{
flex: 1 0 0;
color: #4E5879;
font-family: 'Aktiv';
font-size: 1.5em;
font-style: normal;
font-weight: 300;
line-height: 150%;
}
.onboarding__ctas{
display: flex;
align-items: center;
align-content: center;
gap: 10px 30px;
align-self: stretch;
flex-wrap: wrap;
}
.onboarding__visual{
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 0;
width: 100%;
max-width: 560px;
}
.onboarding__visual img{
width: 100%;
max-width: 560px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.onboarding{
padding: 70px;
}
}
@media (max-width: 1040px) {
.onboarding{
padding: 50px;
gap: 50px;
}
}
@media (max-width: 820px) {
.onboarding{
padding: 20px;
gap: 20px;
flex-direction: column;
}
}
@media (max-width: 500px) {
}
.icon{
display: inline-block;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
}
.icon img{
height: 100%;
width: auto;
vertical-align: middle;
}
.icon.rnd img{
border-radius: 50%;
}
.icon.iwa{
width: auto !important;
}
.icon.sz6    { height: 6px; }
.icon.sz7    { height: 7px; }
.icon.sz8    { height: 8px; }
.icon.sz10   { height: 10px; }
.icon.sz12   { height: 12px; }
.icon.sz14   { height: 14px; }
.icon.sz16   { height: 16px; }
.icon.sz18   { height: 18px; }
.icon.sz20   { height: 20px; }
.icon.sz24   { height: 24px; }
.icon.sz30   { height: 30px; }
.icon.sz40   { height: 40px; }
.icon.sz50   { height: 50px; }
.icon.sz60   { height: 60px; }
.icon.sz80   { height: 80px; }
.icon.sz100  { height: 100px; }
.icon.sz120  { height: 120px; }
.icon.sz160  { height: 160px; }
.icon.sz200  { height: 200px; }
.icon.sz240  { height: 240px; }
.icon.sz280  { height: 280px; }
.icon.sz320  { height: 320px; }
.icon.mgr1 { margin-right:15px; }
.icon.mgr2 { margin-right:30px; }
.icon.mgr3 { margin-right:45px; }
.tag{
display: inline-flex;
border-radius: 3px;
font-weight: 500;
box-sizing: border-box;
align-items: center;
position: relative;
}
.tag.def   { background: #F4F8F9; }
.tag.gre   { background: #e0f9f4; }
.tag.yel   { background: #FFF8E6; }
.tag.red   { background: #FDEEF3; }
.tag.blu   { background: #F4F9FF; }
.tag.suc   { background: #56BB98; }
.tag.war   { background: #E584A7; }
.tag.neu   { background: #D8AF73; }
.tag.whi   { background: #FFFFFF; }
.tag.pro   { background: #6883ba; }
.tag.eli   { background: #8abb8f; }
.tag.pur   { background: #F7F5FC; }
.tag.bet   { background: #FFFFFF; box-shadow: 0 0 0 1px #D3DCE9; }
.tag.nav   { background: #E0F0FF; box-shadow: 0 0 0 1px #9EC0E0; }
.tag.def span, .tag.def i   { color: #4E5879 !important; }
.tag.gre span, .tag.gre i   { color: #029a6d !important; }
.tag.yel span, .tag.yel i   { color: #DA904C !important; }
.tag.red span, .tag.red i   { color: #DA4C6E !important; }
.tag.blu span, .tag.blu i   { color: #5373BD !important; }
.tag.suc span, .tag.suc i   { color: #FFFFFF !important; }
.tag.war span, .tag.war i   { color: #FFFFFF !important; }
.tag.neu span, .tag.neu i   { color: #FFFFFF !important; }
.tag.whi span, .tag.whi i   { color: #2A2F4B !important; }
.tag.pro span, .tag.pro i   { color: #FFFFFF !important; }
.tag.eli span, .tag.eli i   { color: #FFFFFF !important; }
.tag.pur span, .tag.pur i   { color: #8e6bb8 !important; }
.tag.bet span, .tag.bet i   { color: #E373E5 !important; }
.tag.nav span, .tag.nav i   { color: #1E5EA8 !important; }
.tag.xsm   { height: 16px; line-height: 18px; padding: 0 0 0 5px; }
.tag.sm   { height: 20px; line-height: 22px; padding: 0 0 0 6px; }
.tag.md   { height: 26px; line-height: 28px; padding: 0 0 0 8px; }
.tag.lg   { height: 36px; line-height: 38px; padding: 0 0 0 10px; }
.tag.xlg   { height: 44px; line-height: 46px; padding: 0 0 0 12px; }
.tag.xsm span, .tag.xsm .icon   { font-size: 0.9em; line-height: 16px; margin-right: 5px; }
.tag.sm span, .tag.sm .icon     { font-size: 1.1em; line-height: 20px; margin-right: 6px; }
.tag.md span, .tag.md .icon     { font-size: 1.3em; line-height: 26px; margin-right: 8px; }
.tag.lg span, .tag.lg .icon     { font-size: 1.5em; line-height: 36px; margin-right: 10px; }
.tag.xlg span, .tag.xlg .icon   { font-size: 1.8em; line-height: 44px; margin-right: 12px; }
.tag .icon img{
vertical-align: top;
}
.tag.xsm .mR   { margin-right: 4px; }
.tag.sm .mR    { margin-right: 6px; }
.tag.md .mR    { margin-right: 7px; }
.tag.lg .mR    { margin-right: 8px; }
.tag.xlg .mR   { margin-right: 9px; }
.signup-box{
width: 100%;
display: block;
box-sizing: border-box;
padding: 20px;
border-radius: 4px;
border: 1px solid #D3EEFA;
background: rgba(255, 255, 255, 0.70);
}
.signup-box-tit{
display: table;
width: 100%;
color: #2A2F4B;
font-weight: 700;
font-size: 1.6em;
}
.sbt-lf{
width: 75%;
float: left;
}
.sbt-rg{
width: 20%;
float: right;
text-align: right;
}
.testimonial{
display: block;
width: 100%;
}
.testm-img{
display: block;
float: left;
width: 80px;
}
.testm-img img{
width: 100%;
height: auto;
border-radius: 50%;
}
.testm-info{
margin: 0 0 0 100px;
display: block;
width: calc(100% - 100px);
text-align: left;
}
.testm-info p{
font-size: 1.8em;
line-height: 1.4em;
}
.testm-info span{
font-size: 1.5em;
}
@media (max-width: 1620px) {
.testm-img  { width: 70px; }
.testm-info { margin: 0 0 0 90px; width: calc(100% - 90px); }
}
@media (max-width: 1300px) {
.testm-img  { width: 60px; }
.testm-info { margin: 0 0 0 75px; width: calc(100% - 75px); }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.main-title-top{
display: flex;
padding-bottom: 15px;
border-bottom: 1px solid #CEDBE8;
}
.main-title.bb {
padding-bottom: 15px;
border-bottom: 1px solid #CEDBE8;
}
.main-title-top-lf{
display: flex;
align-items: end;
gap: 15px;
flex-wrap: wrap;
}
.main-title-top-rg{
display: flex;
align-items: start;
margin-left: auto;
order: 2;
gap: 15px;
flex-wrap: wrap;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.main-title-top       { display: block; }
.main-title-top-lf    { width: 100%; }
.main-title-top-rg    { width: 100%; gap: 10px; margin-top: 10px; }
}
@media (max-width: 500px) {
.main-title-top-rg    { flex-wrap: wrap; }
.main-title-top-rg > * { width: 100%; gap: 0; }
}
.login-img{
padding: 60px 0 40px 0;
display: block;
}
.login-img img{
max-height: 350px;
max-width: 275px;
width: auto;
}
@media (max-width: 1620px) {
.login-img{ padding: 52px 0 42px 0; }
.login-img img  { max-height: 340px; max-width: 265px; }
}
@media (max-width: 1300px) {
.login-img{ padding: 44px 0 34px 0; }
.login-img img  { max-height: 330px; max-width: 255px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.login-img{ padding: 40px 0 30px 0; }
.login-img img  { max-height: 305px; max-width: 240px; }
}
@media (max-width: 500px) {
.login-img{ padding: 36px 0 26px 0; }
.login-img img  { max-height: 280px; max-width: 220px; }
}
.left-panel-menu{
width: 260px;
background: #f8fcff;
height: calc(100vh);
box-shadow: 0px 0px 2px 0px rgb(241 246 251), 0px 2px 4px 0px rgb(12 31 41 / 22%);
box-sizing: border-box;
padding: 30px 20px 90px 20px;
position: fixed;
overflow-y: auto;
z-index: 1;
}
.left-menu{
display: table;
width: 100%;
}
.left-menu-headline{
padding: 15px 20px;
width: 100%;
box-sizing: border-box;
display: block;
margin-bottom: 10px;
}
.left-menu-headline label{
color: #2A2F4B;
font-size: 2em;
letter-spacing: -.025em;
font-weight: 700;
font-family: 'Eina';
}
.left-menu-headline .tag{
margin-left: 5px;
}
.left-menu a{
padding: 15px 20px;
color: #4E5879;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: top;
border-radius: 2px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.left-menu a:hover{
background: #eaf1f9;
}
.left-menu a.current{
background: #eaf1f9;
}
.left-menu a label{
font-size: 1.4em;
cursor: pointer;
}
.left-menu a.current label{
font-weight: 700;
color: #2A2F4B;
}
.left-menu a .tag{
margin-left: 8px;
}
@media (max-width: 1620px) {
.left-panel-menu    { width: 230px; padding: 20px 16px 80px 16px; }
.left-menu-headline { padding: 14px 16px; margin-bottom: 8px; }
.left-menu a    { padding: 14px 16px; }
}
@media (max-width: 1300px) {
.left-panel-menu    { width: 200px; padding: 10px 12px 70px 12px; }
.left-menu-headline { padding: 13px 12px; margin-bottom: 6px; }
.left-menu a    { padding: 13px 12px; }
}
@media (max-width: 1040px) {
.left-panel-menu { width: 100%; height: 56px; padding: 10px 10px 10px 10px; overflow: auto; z-index: 10; position: sticky; top: 61px; }
.left-menu { display: flex; }
.left-menu-headline { display: none; }
.left-menu a { padding: 10px; font-size: 1.3em; width: auto; white-space: nowrap; }
.left-menu a label { font-size: 1.3em; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.no-data{
width: 100%;
padding: 5% 0;
text-align: center;
}
.no-data-img{
width: 100%;
margin-bottom: 3%;
}
.no-data-img img{
width: 20%;
height: auto;
}
.no-data-inf{
width: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.no-data    { padding: 5%; box-sizing: border-box; }
.no-data-img    { margin-bottom: 20px; }
.no-data-img img    { width: 44%; }
}
.error-data{
width: 100%;
padding: 5% 0;
text-align: center;
}
.error-data-img{
width: 100%;
margin-bottom: 3%;
}
.error-data-img img{
width: 20%;
height: auto;
}
.error-data-inf{
width: 100%;
}
.error-data.comp{
padding: 2.5% 0 !important;
}
.error-data.comp .error-data-img{
margin-bottom: 1% !important;
}
.error-data.comp .error-data-img img{
width: 10% !important;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.error-data{ padding: 5%; box-sizing: border-box; }
.error-data-img { margin-bottom: 20px; }
.error-data-img img    { width: 44%; }
}
.success-data{
width: 100%;
padding: 5% 0;
text-align: center;
}
.success-data-img{
width: 100%;
margin-bottom: 3%;
}
.success-data-img img{
width: 10%;
height: auto;
}
.success-data-inf{
width: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.error-data{ padding: 5%; box-sizing: border-box; }
.error-data-img { margin-bottom: 20px; }
.error-data-img img    { width: 44%; }
}
.credit-card{
width: 100%;
display: block;
box-sizing: border-box;
padding: 40px;
border-radius: 8px;
}
.credit-card.def    { background: #f7faff; color: #2A2F4B; }
.credit-card.err    { background: #fff7fa; color: #f3244a; }
.credit-card-brand{
display: inline-block;
margin-bottom: 35px;
border-radius: 3px;
overflow: hidden;
}
.credit-card-brand img{
height: 50px;
width: auto;
}
.credit-card.err .credit-card-brand     { width: 80px; height: 50px; background: #ffdae8; }
.credit-card-number{
display: block;
width: 100%;
font-size: 2.4em;
line-height: 1.5em;
font-weight: 700;
margin-bottom: 25px;
}
.credit-card-expiration{
display: block;
width: 100%;
font-weight: 700;
font-size: 1.6em;
line-height: 1.5em;
}
.credit-card-disclaimer{
display: block;
width: 100%;
font-size: 1.6em;
line-height: 1.75em;
font-weight: 500;
}
@media (max-width: 1620px) {
.credit-card    { padding: 30px; }
.credit-card-brand   { margin-bottom: 30px; }
.credit-card-brand img  { height: 45px; }
.credit-card-number { font-size: 2.1em; margin-bottom: 25px; }
.credit-card-expiration { font-size: 1.5em; }
}
@media (max-width: 1300px) {
.credit-card    { padding: 20px; }
.credit-card-brand  { margin-bottom: 25px; }
.credit-card-brand img  { height: 40px; }
.credit-card-number { font-size: 1.8em; margin-bottom: 20px; }
.credit-card-expiration { font-size: 1.4em; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.info-block{
width: 100%;
}
.info-block.hlf{
width: 47.5%;
float: left;
}
.info-block.hrg{
width: 47.5%;
float: right;
}
.info-block-label{
line-height: 1.5em;
font-weight: 500;
color: #9ea8bf;
}
.info-block.sm .info-block-label   { font-size: 1.4em;  }
.info-block.md .info-block-label   { font-size: 1.5em;  }
.info-block.lg .info-block-label   { font-size: 1.6em;  }
.info-block.xlg .info-block-label   { font-size: 1.8em;  }
.info-block-content label{
line-height: 1.5em;
font-weight: 700;
}
.info-block.def .info-block-content label   { color: #2A2F4B; }
.info-block.gre .info-block-content label   { color: #04A777; }
.info-block.red .info-block-content label   { color: #E86C82; }
.info-block.sm .info-block-content label   { font-size: 2.2em;  }
.info-block.md .info-block-content label   { font-size: 2.6em;  }
.info-block.lg .info-block-content label   { font-size: 3em;  }
.info-block.xlg .info-block-content label   { font-size: 4.2em; letter-spacing: -.03em;   }
.info-block-content .tag{
margin-left: 15px;
}
@media (max-width: 1620px) {
.info-block.sm .info-block-content label   { font-size: 2.1em;  }
.info-block.md .info-block-content label   { font-size: 2.5em;  }
.info-block.lg .info-block-content label   { font-size: 2.9em;  }
.info-block.xlg .info-block-content label   { font-size: 4.1em; }
}
@media (max-width: 1300px) {
.info-block.sm .info-block-content label   { font-size: 2em;  }
.info-block.md .info-block-content label   { font-size: 2.4em;  }
.info-block.lg .info-block-content label   { font-size: 2.8em;  }
.info-block.xlg .info-block-content label   { font-size: 4em; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.filters{
width: 100%;
display: flex;
align-items: center;
}
.filters-lf{
display: flex;
flex-wrap: wrap;
white-space: nowrap;
}
.filters.gra .filters-lf{
background: #EBF2F8;
padding: 4px 8px;
border-radius: 2px;
width: auto;
margin: 0;
box-shadow: 0 0 0 1px #dde4ee;
}
.filters-lf-grp{
display: flex;
}
.filters-lf .chip{
margin: 4px 4px;
}
.filters-rg{
display: inline-flex;
white-space: nowrap;
margin-left: auto;
order: 2;
}
.filters-rg > * {
margin-left: 10px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.filters    { display: block; }
.filters-rg     { width: 100%; display: inline-flex; flex-wrap: wrap; }
.filters-rg > * { margin-left: 0; margin-right: 10px; margin-top: 10px; }
}
@media (max-width: 820px) {
.filters-lf     { white-space: initial; }
}
@media (max-width: 500px) {
.main-title-right .r-ctas { display: block; }
.filters-rg > * { margin-left: 0; margin-right: 0; width: 100%; }
}
#call-flow-templates { display: none; }
#call-flow-graph { position: absolute; }
.jtk-connector { z-index: 2; }
.jtk-connector.jtk-target-element-dragging { z-index: 3; }
.jtk-connector.jtk-source-element-dragging { z-index: 3; }
#call-flow-graph .insert_step {
position: absolute;
z-index: 3;
background: #fff;
width: 760px;
box-shadow: 0 0 0 1px #d3dce9;
}
.cf-insert-header{
display: inline-flex;
height: 60px;
line-height: 60px;
box-sizing: border-box;
padding: 0 0 0 25px;
width: 100%;
align-items: center;
border-bottom: 1px solid #E2E8F1;
position: relative;
}
.cf-insert-header .button{
position: absolute;
top: 0;
right: 0;
}
.cf-insert-body{
width: 100%;
box-sizing: border-box;
padding: 0 20px 40px 40px;
display: flex;
flex-wrap: wrap;
}
.cf-insert-step{
display: block;
margin: 40px 30px 0 0;
width: 70px;
color: #2A2F4B;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.cf-insert-step:hover{
color: #5373BD;
}
.cf-insert-label{
font-weight: 700;
font-size: 1.3em;
width: 100%;
display: block;
margin-top: 10px;
line-height: 1.25em;
}
#call-flow-graph .launch {
position: absolute;
left: 45px;
top: -40px;
width: 320px;
}
#call-flow-graph .use_existing {
position: absolute;
margin-left: -50%;
z-index: 3;
width: 320px;
}
.cf-step-header{
display: inline-flex;
align-items: center;
background: #FFF;
box-shadow: 0 0 0 1px #d3dce9;
box-sizing: border-box;
padding: 12px;
cursor: move;
width: 100%;
}
.callflow_node.suc .cf-step-header{
box-shadow: 0 0 0 1px #04A777;
background: #f3fff2;
}
.callflow_node.err .cf-step-header{
box-shadow: 0 0 0 1px #dd6c80;
background: #fff8f8;
}
.cf-step-header.locked{
cursor: initial;
}
.cf-step-header .button{
margin-left: 8px;
}
.cf-step-label{
font-weight: 700;
color: #2A2F4B;
flex: 1;
margin: 0 0 0 12px;
}
.cf-step-label.sm{ font-size: 1.1em; }
.cf-step-label.md{ font-size: 1.4em; }
.cf-step-label.lg{ font-size: 1.8em; }
.cf-step-label > .cf-step-label-name {
display: block;
position: relative;
top: 4px;
font-weight: normal;
font-size: 0.9em; line-height: 1em;
}
.cf-step-segment{
background: #FFF;
box-shadow: 0 0 0 1px #d3dce9;
box-sizing: border-box;
padding: 12px;
width: 100%;
font-size: 1.3em;
line-height: 1.7em;
}
.callflow_node.suc .cf-step-segment{
box-shadow: 0 0 0 1px #04A777;
background: #f3fff2;
}
.callflow_node.err .cf-step-segment{
box-shadow: 0 0 0 1px #dd6c80;
background: #fff8f8;
}
.cf-step-segment strong{
color: #2A2F4B;
}
.segment{
width: 100%;
overflow: hidden;
}
#call-flow-graph .use_existing .segment { overflow: visible; height: 120px; }
#call-flow-graph .use_existing .drag_icon {
display: block;
margin: 0px auto;
position: relative;
width: 1em;
cursor: pointer;
font-size: 2em;
}
#call-flow-graph .use_existing .drag_icon i { position: absolute; }
#call-flow-graph .callflow_node {
position: absolute;
width: 260px;
z-index: 3;
}
#call-flow-graph .callflow_node.jtk-dragged {
z-index: 4;
}
#call-flow-graph .callflow_node:hover{
box-shadow: 0 0 0 1px #D3DCE9, 0 0 10px 1px #c0d4f1;
z-index: 5;
}
#call-flow-graph .callflow_node.drop-hover { border: 2px solid #5373BD; }
#call-flow-graph .callflow_node .no_action {
padding: 10px 0px;
border: 1px solid #dd6c80;
text-align: center;
color: #cd5e72;
width: 100%;
font-weight: 500;
box-sizing: border-box;
}
#call-flow-graph .callflow_node .plate {
position: relative;
padding: 1em;
min-height: 18px;
max-height: 160px;
overflow-y: auto;
margin-bottom: 10px;
border: 1px solid #d3dce9;
border-radius: 2px;
width: 100%;
box-sizing: border-box;
}
#call-flow-graph .callflow_node .plate:last-child { margin-bottom: 0px; }
#call-flow-graph .callflow_node.schedule .plate strong { display: inline-block; min-width: 50px; line-height: 1.8em; }
#call-flow-graph .loose_anchor { position: absolute; left: 50.25%; }
#call-flow-graph .loose_anchor.left { left: 0; margin-left: -44px; top:13px; }
#call-flow-graph .loose_anchor.right { left: 100%; margin-left: 52px; top:13px; }
#call-flow-graph .cf_insert_step {
width: 28px; height: 28px;
text-align: center;
line-height: 30px;
border: 1px solid #dce2ee;
border-radius: 100px;
background: #fff;
color: #5373BD;
cursor: pointer;
z-index: 2;
}
#call-flow-graph .cf_insert_step:hover { border: 2px solid #5373BD; }
#call-flow-graph .cf_insert_step i { font-size: 1.1em !important; }
.call_flow_zoom_controls {
position: fixed;
margin-top: -40px;
right: 30px;
z-index: 5;
}
.call_flow_zoom_controls > button {
display: block;
margin-bottom: 10px;
}
@media (max-width: 1620px) {
#call-flow-graph .insert_step   { width: 710px; }
.cf-insert-body{ padding: 0 15px 35px 35px; }
.cf-insert-step { margin: 35px 25px 0 0; width: 65px; }
.cf-step-header     { padding: 10px; }
.cf-step-segment    { padding: 10px; }
#call-flow-graph .launch { width: 300px; }
#call-flow-graph .callflow_node { width: 240px; }
}
@media (max-width: 1300px) {
#call-flow-graph .insert_step   { width: 660px; }
.cf-insert-body{ padding: 0 10px 30px 30px; }
.cf-insert-step { margin: 35px 25px 0 0; width: 60px; }
.cf-step-header { padding: 9px; }
.cf-step-segment    { padding: 9px; }
#call-flow-graph .launch { width: 280px; }
#call-flow-graph .callflow_node { width: 220px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
#call-flow-graph .insert_step { width: 220px; }
}
.accordion{
width: 100%;
display: block;
box-shadow: 0 0 0 1px #e6eaf3;
}
.accordion.sm     { border-radius: 2px; }
.accordion.md     { border-radius: 4px; }
.accordion.lg     { border-radius: 6px; }
.accordion-title{
display: inline-flex;
vertical-align: top;
box-sizing: border-box;
width: 100%;
font-weight: 700;
color: #2A2F4B;
}
.accordion.sm .accordion-title     { padding: 10px 15px; font-size: 1.2em; }
.accordion.md .accordion-title     { padding: 15px 20px; font-size: 1.4em; }
.accordion.lg .accordion-title     { padding: 20px 25px; font-size: 1.6em; }
.accordion-content{
width: 100%;
display: none;
box-sizing: border-box;
border-top: 1px solid #e6eaf3;
}
.accordion.sm .accordion-content     { padding: 15px 20px; }
.accordion.md .accordion-content     { padding: 20px 25px; }
.accordion.lg .accordion-content     { padding: 25px 30px; }
.accordion.sm .at-icon     { margin-right: 7px; }
.accordion.md .at-icon     { margin-right: 10px; }
.accordion.lg .at-icon     { margin-right: 12px; }
.at-icon.open{
display: none;
}
.at-icon.close{
display: block;
}
.accordion.open .at-icon.open{
display: block;
}
.accordion.open .at-icon.close{
display: none;
}
.accordion.open .accordion-content{
display: block;
}
@media (max-width: 1620px) {
.accordion.sm .accordion-title     { padding: 9px 13px; }
.accordion.md .accordion-title     { padding: 14px 18px; }
.accordion.lg .accordion-title     { padding: 19px 23px; }
.accordion.sm .accordion-content     { padding: 13px 18px; }
.accordion.md .accordion-content     { padding: 18px 23px; }
.accordion.lg .accordion-content     { padding: 23px 28px; }
}
@media (max-width: 1300px) {
.accordion.sm .accordion-title     { padding: 8px 11px; }
.accordion.md .accordion-title     { padding: 13px 16px; }
.accordion.lg .accordion-title     { padding: 18px 21px; }
.accordion.sm .accordion-content     { padding: 11px 16px; }
.accordion.md .accordion-content     { padding: 16px 21px; }
.accordion.lg .accordion-content     { padding: 21px 26px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.drag-item{
width: 100%;
background: #F8FBFD;
box-shadow: 0 0 0 1px #d3dce9;
display: inline-flex;
align-items: center;
box-sizing: border-box;
border-radius: 2px;
}
.drag-item.sm   { padding: 10px; }
.drag-item.md   { padding: 15px; }
.drag-item.lg   { padding: 20px; }
.drag-item .button{
flex-shrink: 0;
}
.drag-item .input, .drag-item p{
margin: 0 15px;
}
.drag-item.hd{
margin-top: 30px;
}
.drag-item.sb{
width: calc(100% - 30px);
margin-left: 30px;
}
.drag-item .button.last{
margin-left: 10px;
}
@media (max-width: 1620px) {
.drag-item.sm   { padding: 8px; }
.drag-item.md   { padding: 13px; }
.drag-item.lg   { padding: 18px; }
.drag-item.hd   { margin-top: 25px; }
.drag-item.sb   { width: calc(100% - 25px); margin-left: 25px; }
}
@media (max-width: 1300px) {
.drag-item.sm   { padding: 6px; }
.drag-item.md   { padding: 11px; }
.drag-item.lg   { padding: 16px; }
.drag-item.hd   { margin-top: 20px; }
.drag-item.sb   { width: calc(100% - 20px); margin-left: 20px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.variation{
font-weight: 500;
font-family: 'Aktiv';
}
.variation.xsm   { font-size: 1em; }
.variation.sm    { font-size: 1.2em; }
.variation.md    { font-size: 1.4em; }
.variation.lg    { font-size: 1.6em; }
.variation.xlg   { font-size: 1.8em; }
.variation.down  { color: #E86C82; }
.variation.up  { color: #04A777; }
.variation em{
font-style: normal;
}
.variation.down .upa, .variation.up .downa  {
display: none;
}
.floating{
width: 320px;
height: 200px;
position: absolute;
top: 60px;
right: 4%;
background: #e0e0e0;
border-radius: 2px;
overflow: hidden;
cursor: pointer;
box-shadow: 0px 1px 2px rgb(48 66 95 / 30%);
background-size: cover !important;
}
.floating-label{
background: #FFF;
position: absolute;
left: 0;
bottom: 15px;
width: 75%;
box-sizing: border-box;
padding: 10px 15px;
box-shadow: 0px 1px 2px rgb(48 66 95 / 30%);
}
.floating-label label{
font-weight: 700;
color: #2A2F4B;
font-size: 1.1em;
text-transform: uppercase;
display: block;
}
.floating-label span{
font-weight: 700;
color: #2A2F4B;
font-size: 1.8em;
display: block;
line-height: 1.25em;
font-family: 'Eina';
letter-spacing: -.025em;
}
@media (max-width: 1620px) {
.floating   { top: 55px; width: 300px; height: 180px; }
}
@media (max-width: 1300px) {
.floating   { top: 50px; width: 280px; height: 160px; }
}
@media (max-width: 1040px) {
.floating   { display: none; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.conditions-box{
width: 100%;
box-sizing: border-box;
box-shadow: 0px 0px 0px 1px #DDE4EE;
border-radius: 2px;
background: #FFF;
word-wrap: break-word;
}
.conditions-box .conditions-box-content{
display: none;
}
.conditions-box.open .conditions-box-content{
display: flex;
}
.conditions-box.open .cbb-up{
display: block;
}
.conditions-box.open .cbb-down{
display: none;
}
.conditions-box-button{
display: flex;
padding: 10px;
gap: 5px;
width: 100%;
box-sizing: border-box;
font-size: 1.2em;
font-weight: 700;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.conditions-box-button:hover{
background: #f4f9ff;
}
.conditions-box-button span{
width: 16px;
text-align: center;
line-height: 135%;
cursor: pointer;
}
.conditions-box-button label{
line-height: 135%;
cursor: pointer;
}
.cbb-up{
display: none;
}
.conditions-box-content{
display: flex;
padding: 10px;
width: 100%;
box-sizing: border-box;
border-top: 1px solid #DDE4EE;
}
.conditions-block{
width: 100%;
box-sizing: border-box;
position: relative;
}
.conditions-block.def   { padding: 0; }
.conditions-block.and   { padding: 0 0 0 25px; }
.conditions-block.or   { padding: 0 0 0 25px; }
.conditions-block.and:before, .conditions-block.or:before {
font-size: 0.9em;
position: absolute;
left: 0;
top: calc(50% - 7px);
color: #2A2F4B;
font-weight: 700;
background: #FFF;
width: 20px;
text-align: center;
z-index: 1;
height: 14px;
line-height: 16px;
}
.conditions-block.and:before    { content: 'AND'; }
.conditions-block.or:before    { content: 'OR'; }
.conditions-block.and:after, .conditions-block.or:after {
content: '';
position: absolute;
left: 9px;
top: 0;
width: 2px;
height: 100%;
}
.conditions-block.and:after    { background: #E3B5FF; }
.conditions-block.or:after    { background: #FFC178; }
.conditions-item{
width: 100%;
box-sizing: border-box;
font-size: 1.1em;
padding: 0.5px 0;
word-break: break-word;
}
.conditions-item b{
color: #2A2F4B;
}
.public-content{
width: 100%;
min-height: 100%;
display: flex;
align-items: flex-start;
align-self: stretch;
position: absolute;
background: #FFF;
justify-content: center;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.public-content { flex-direction: column; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.public-top-bar{
box-sizing: border-box;
padding: 12px 20px;
border-bottom: 1px solid #E9EFF5;
width: 100%;
background: #FFF;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.public-top-bar span{
font-size: 1.4em;
line-height: 130%;
text-align: center;
}
.public-top-bar b{
font-size: 1.4em;
font-weight: 700;
color: #2A2F4B;
letter-spacing: 6px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.public-top-bar     { padding: 10px 15px; }
.public-top-bar b   { font-size: 1.2em; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.public-logo{
width: 100%;
display: flex;
padding: 60px 0px 40px 0px;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;
}
.public-logo img{
max-height: 350px;
max-width: 275px;
width: auto;
}
@media (max-width: 1620px) {
.public-logo    { padding: 52px 0 42px 0; }
.public-logo img  { max-height: 340px; max-width: 265px; }
}
@media (max-width: 1300px) {
.public-logo    { padding: 44px 0 34px 0; }
.public-logo img  { max-height: 330px; max-width: 255px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.public-logo    { padding: 40px 0 30px 0; }
.public-logo img  { max-height: 305px; max-width: 240px; }
}
@media (max-width: 500px) {
.public-logo    { padding: 36px 0 26px 0; }
.public-logo img  { max-height: 280px; max-width: 220px; }
}
.public-extra{
display: flex;
padding-top: 30px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100%;
}
.login-frame{
width: 50%;
display: flex;
padding: 0px 8vw 14vh 8vw;
flex-direction: column;
align-items: center;
align-self: stretch;
background: #FFF;
box-sizing: border-box;
}
@media (max-width: 1620px) {
.login-frame    { padding: 0px 6vw 14vh 6vw; }
}
@media (max-width: 1300px) {
.login-frame    { padding: 0px 4vw 14vh 4vw; }
}
@media (max-width: 1040px) {
.login-frame    { width: 100%; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.article-frame{
display: flex;
width: 50%;
padding: 0px 10vw 14vh 10vw;
flex-direction: column;
align-items: center;
gap: 80px;
align-self: stretch;
box-sizing: border-box;
}
.login-article{
display: flex;
width: 100%;
padding-top: 40px;
flex-direction: column;
align-items: center;
gap: 30px;
}
.login-article-image{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;
}
.login-article-image img{
width: 520px;
height: auto;
}
.login-article-info{
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
align-self: stretch;
text-align: center;
}
@media (max-width: 1620px) {
.article-frame  { padding: 0px 8vw 14vh 8vw; }
.login-article-image img  { width: 460px; }
}
@media (max-width: 1300px) {
.article-frame  { padding: 0px 6vw 14vh 6vw; }
.login-article-image img  { width: 360px; }
}
@media (max-width: 1040px) {
.login-article-image img  { width: 100%; }
.article-frame  { width: 100%; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.signup-frame{
width: 70%;
display: flex;
padding: 0px 16vw 14vh 16vw;
flex-direction: column;
align-items: center;
align-self: stretch;
background: #FFF;
box-sizing: border-box;
}
@media (max-width: 1620px) {
.signup-frame    { padding: 0px 14vw 14vh 14vw; }
}
@media (max-width: 1300px) {
.signup-frame    { width: 65%; padding: 0px 10vw 14vh 10vw; }
}
@media (max-width: 1040px) {
.signup-frame    { width: 100%; padding: 0px 5vw 14vh 5vw; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.plan-frame{
display: flex;
width: 30%;
padding: 6vh 4vw 14vh 4vw;
flex-direction: column;
gap: 40px;
align-self: stretch;
box-sizing: border-box;
background: #C8EFFF;
}
.plan-information{
display: flex;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 25px;
align-self: stretch;
border-radius: 2px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.50);
}
.plan-header{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.plan-header-headline{
display: flex;
align-items: center;
gap: 10px;
align-self: stretch;
}
.plan-header p{
font-size: 1.5em;
line-height: 140%;
}
.plan-header__price{
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.6em;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.plan-content{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
align-self: stretch;
}
.plan-features{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
align-self: stretch;
padding-left: 0;
}
.plan-features li{
display: flex;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.plan-features li span{
flex: 1 0 0;
color: #4E5879;
font-family: 'Aktiv';
font-size: 1.4em;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.plan-features li span b{
color: #4E5879;
}
.plan-features li i{
color: #496AB1;
font-size: 1.4em;
line-height: 140%;
}
@media (max-width: 1620px) {
.plan-information   { padding: 35px; }
}
@media (max-width: 1300px) {
.plan-frame         { width: 35% }
.plan-information   { padding: 30px; }
}
@media (max-width: 1040px) {
.plan-frame    { width: 100%; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.plan-information   { padding: 25px; }
}
.public-footer-bar{
display: flex;
width: 100%;
padding: 12px 18px;
justify-content: center;
align-items: center;
gap: 10px;
border-top: 1px solid #E9EFF5;
background: #FFF;
box-sizing: border-box;
position: absolute;
bottom: 0;
}
.public-footer-bar span, .public-footer-bar span label{
font-size: 1.3em;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.public-footer-bar  { flex-wrap: wrap; gap: 5px; }
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.no-data-block{
width: 100%;
border-radius: 2px;
box-sizing: border-box;
box-shadow: 0 0 0 1px #D3DCE9;
}
.no-data-block.md   { padding: 20px; }
.no-data-block label{
display: flex;
color: #b152dd;
font-weight: 500;
line-height: 130%;
margin-bottom: 0.3em;
}
.no-data-block.md label     { font-size: 1.4em; }
.no-data-block p{
font-size: 1.3em;
line-height: 140%;
}
.no-data-block.md p     { font-size: 1.3em; }
.no-data-block .button{
margin-top: 1.25em;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.code{
position: relative;
display: flex;
width: 100%;
padding: 25px;
align-items: flex-start;
box-sizing: border-box;
border-radius: 2px;
background: #F1F7FC;
box-shadow: 0px 0px 0px 1px #D0DDED;
}
.code_content{
flex: 1 0 0;
word-break: keep-all;
color: #000;
font-family: monospace;
font-size: 1.5em;
font-style: normal;
font-weight: 300;
line-height: 180%;
box-shadow: none;
}
.code_button{
position: absolute;
right: 0px;
top: 0px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.code{
padding-top: 50px;
}
}
@media (max-width: 500px) {
}
.checklist-modal__container{
position: relative;
z-index: 3;
}
.checklist{
position: fixed;
bottom: 30px;
right: 100px;
display: flex;
width: 340px;
flex-direction: column;
align-items: flex-end;
z-index: 2;
box-shadow: 0px 2px 15px 0px rgba(48, 66, 95, 0.25);
}
.checklist__closed{
display: inline-flex;
flex-direction: column;
align-items: flex-start;
width: auto;
border-radius: 6px;
background: #F7FAFE;
}
.checklist .radio{
pointer-events: none;
}
.checklist__close{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
position: absolute;
right: 8px;
top: 8px;
}
.checklist__close-item{
display: flex;
width: 20px;
height: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 10px;
box-shadow: 0px 1px 2px 0px rgba(15, 15, 15, 0.15);
transition: all .2s;
}
.checklist__close-item:hover{
background-color: white;
}
.checklist__close-item i{
font-size: 1.5em;
line-height: 100%;
transition: all .2s;
}
.checklist__close-item--minus{
background: #FFCD4F;
}
.checklist__close-item--times{
background: #FF7979;
}
.checklist__close-item--minus i{
color: #D16914;
}
.checklist__close-item--times i{
color: #C20F1B;
}
.checklist__header{
display: flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 15px;
align-self: stretch;
border-radius: 4px 4px 0px 0px;
background: #5576EA;
transition: background .2s;
}
.checklist__closed .checklist__header{
border-radius: 4px;
}
.checklist__closed:hover .checklist__header{
background-color: #5772CE;
}
.checklist__info{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
align-self: stretch;
}
.checklist__headline{
display: flex;
align-items: center;
gap: 10px;
align-self: stretch;
}
.checklist__headline-head{
display: flex;
justify-content: center;
align-items: center;
}
.checklist__headline-head span{
color: #FFF;
font-family: 'Aktiv';
font-size: 1.8em;
font-style: normal;
font-weight: 400;
line-height: 125%;
}
.checklist__headline-bubble{
display: flex;
padding: 5px 8px;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #2A2037;
}
.checklist__headline-bubble span{
color: #FFF;
font-family: 'Aktiv';
font-size: 1.4em;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.checklist__description{
display: flex;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
}
.checklist__description span{
color: #FFF;
font-family: 'Aktiv';
font-size: 1.3em;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.checklist__progress{
display: flex;
padding: 4px;
align-items: center;
align-self: stretch;
border-radius: 6px;
background: #FFF;
}
.checklist__progress-item{
height: 6px;
flex: 1 0 0;
background: #FFF;
}
.checklist__progress-item--active{
background: #334B7B;
}
.checklist__body{
display: flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
border-radius: 0px 0px 4px 4px;
background: #F7FAFE;
}
.checklist__item{
display: flex;
padding: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px;
align-self: stretch;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
transition: background .2s;
}
.checklist__item:hover{
background: #F7FAFE;
}
.checklist__progress-item-info{
display: flex;
align-items: center;
gap: 8px;
align-self: stretch;
}
.checklist__progress-item-info img{
display: flex;
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
}
.checklist__progress-item-wrapper{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3px;
flex: 1 0 0;
}
.checklist__progress-item-header{
display: flex;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.checklist{
max-width: 280px;
right: 20px;
bottom: 90px;
}
.checklist__header{
padding-bottom: 30px;
}
.checklist__closed .checklist__header{
padding: 15px;
}
}
@media (max-width: 500px) {
}
.testing-ad{
position: relative;
display: flex;
width: 100%;
padding: 30px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
box-sizing: border-box;
text-align: left;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 4px 0px rgba(15, 15, 15, 0.07);
transition: box-shadow .3s;
}
.testing-ad:hover{
box-shadow: 0 0 0 1px #D3DCE9, 0 0 10px 1px #c0d4f1;
}
.testing-ad__l1{
align-self: stretch;
color: #202124;
font-family: 'Aktiv';
font-size: 1.4em;
font-style: normal;
font-weight: 300;
line-height: 125%;
}
.testing-ad__l2{
align-self: stretch;
color: #1B10A7;
font-family: 'Aktiv';
font-size: 2em;
font-style: normal;
font-weight: 500;
line-height: 125%;
}
.testing-ad__l3{
align-self: stretch;
color: #202124;
font-family: 'Aktiv';
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 125%;
}
.testing-ad__l4{
align-self: stretch;
color: #4D5156;
font-family: 'Aktiv';
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 140%;
}
.testing-ad__external{
display: flex;
width: 50px;
height: 50px;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0px;
right: 0px;
}
.testing-ad__external i{
color: #4E5879;
font-size: 2em;
line-height: 125%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.testing-journey{
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.testing-journey__item{
display: flex;
align-items: flex-start;
align-self: stretch;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE;
}
.testing-journey__progress{
display: flex;
padding-left: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;
}
.testing-journey__progress-bar{
width: 4px;
flex: 1 0 0;
background: #E3E8EF;
}
.testing-journey__item--waiting{
opacity: .5;
}
.testing-journey__item--completed .testing-journey__progress-bar{
background: #70CCB6;
}
.testing-journey__item--progress .testing-journey__progress-bar:first-child{
background: #70CCB6;
}
.testing-journey__progress-check{
display: flex;
width: 20px;
height: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 10px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #E3E8EF;
}
.testing-journey__item--completed .testing-journey__progress-check{
background: #70CCB6;
box-shadow: 0px 0px 0px 1px #70CCB6;
}
.testing-journey__progress-check i{
color: #FFF;
text-align: center;
font-size: 1.3em;
}
.testing-journey__info{
display: flex;
padding: 20px;
align-items: center;
gap: 15px;
flex: 1 0 0;
}
.testing-journey__icon{
display: flex;
align-items: center;
}
.testing-journey__icon img{
width: 40px;
height: 40px;
}
.testing-journey__data{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
flex: 1 0 0;
}
.testing-journey__data span{
align-self: stretch;
color: #525F7F;
font-family: 'Aktiv';
font-size: 1.2em;
font-style: normal;
font-weight: 600;
line-height: 125%;
}
.testing-journey__data p{
align-self: stretch;
color: #525F7F;
font-family: 'Aktiv';
font-size: 1.5em;
font-style: normal;
font-weight: 300;
line-height: 140%;
}
.testing-journey__data p b{
color: #525F7F;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.testing-lead{
position: fixed;
top: 80px;
right: 30px;
display: flex;
width: 300px;
height: auto;
max-height: 500px;
overflow-y: auto;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex-shrink: 0;
box-sizing: border-box;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 6px 0px rgba(48, 66, 95, 0.15);
}
.testing-lead__header{
display: flex;
width: 100%;
height: 47px;
padding: 12px 15px;
align-items: center;
gap: 10px;
flex-shrink: 0;
box-sizing: border-box;
border-bottom: 1px solid rgba(219, 227, 238, 0.93);
background: #FFF;
}
.testing-lead__header span{
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.8em;
font-style: normal;
font-weight: 600;
line-height: 125%;
}
.testing-lead__body{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
}
.testing-lead__info{
display: flex;
padding: 15px;
align-items: center;
gap: 10px;
align-self: stretch;
}
.testing-lead__info img{
width: 40px;
height: 40px;
}
.testing-lead__contact{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
flex: 1 0 0;
}
.testing-lead__contact p:first-child{
align-self: stretch;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.5em;
font-style: normal;
font-weight: 600;
line-height: 140%;
}
.testing-lead__contact p:last-child{
align-self: stretch;
color: #525F7F;
font-family: 'Aktiv';
font-size: 1.3em;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.testing-lead__table{
display: flex;
padding: 15px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
border-top: 1px solid #DBE3EE;
}
.testing-lead__row{
display: flex;
align-items: center;
align-self: stretch;
}
.testing-lead__cell{
display: flex;
padding: 6px 8px;
align-items: flex-start;
box-sizing: border-box;
}
.testing-lead__cell:first-child{
width: 120px;
}
.testing-lead__cell:last-child{
flex: 1 0 0;
}
.testing-lead__cell p{
flex: 1 0 0;
color: #525F7F;
font-family: 'Aktiv';
font-size: 1.3em;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.testing-lead__cell:last-child p{
color: #2A2F4B;
font-weight: 500;
}
.testing-lead__cell .blu{
color: #5373BD;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
.testing-lead{
display: none;
}
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.testing-alert{
display: flex;
width: 360px;
flex-direction: column;
align-items: flex-start;
position: fixed;
right: 30px;
top: 100px;
border-radius: 2px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #DBE3EE, 0px 2px 6px 0px rgba(48, 66, 95, 0.15);
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.testing-alert{
display: none;
}
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.testing-alert-header{
display: flex;
padding: 12px;
align-items: center;
gap: 10px;
align-self: stretch;
border-bottom: 1px solid rgba(219, 227, 238, 0.93);
background: #FFF;
color: #2A2F4B;
font-family: 'Aktiv';
font-size: 1.4em;
font-style: normal;
font-weight: 700;
line-height: 100%;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.tabs{
display: inline-flex;
width: 100%;
}
.tabs-lf{
display: inline-flex;
}
.tabs-rg{
flex: 1;
border-bottom: 1px solid #b9ccdf;
}
.tabs.whi .tabs-rg{
border-bottom: none;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
.tabs   { overflow-y: scroll; }
}
@media (max-width: 500px) {
}
.tab{
display: inline-flex;
cursor: pointer;
box-sizing: border-box;
border-top: 1px solid #EBF2F8;
border-left: 1px solid #EBF2F8;
border-right: 1px solid #EBF2F8;
border-bottom: 1px solid #b9ccdf;
}
.tab.sm     { padding: 12px 15px; }
.tab.md     { padding: 15px 20px; }
.tab.lg     { padding: 18px 25px; }
.tab.whi    { border-bottom: none !important; }
.tab.fly    { border-top: none; border-left: none; border-right: none; border-bottom: none; }
.tab.current{
border-top: 1px solid #b9ccdf;
border-left: 1px solid #b9ccdf;
border-right: 1px solid #b9ccdf;
border-bottom: 1px solid #EBF2F8;
cursor: default;
}
.tab.whi.current{
border-top: 1px solid #d8e2eb;
border-left: 1px solid #d8e2eb;
border-right: 1px solid #d8e2eb;
background: #FFF;
}
.tab.fly.current{
border-left: 1px solid #D8E2EB;
border-right: 1px solid #D8E2EB;
border-bottom: none;
position: relative;
}
.tab.fly.current::before{
content: '';
width: 100%;
height: 3px;
background: #3062D3;
position: absolute;
left: 0;
top: 0;
}
.tab.fly.current::after{
content: '';
width: 100%;
height: 1px;
background: #FFF;
position: absolute;
left: 0;
bottom: -1px;
}
.tab.fly.current .tab-label{
color: #3062D3;
}
.tab[disabled]{
pointer-events: none;
opacity: 0.5;
}
.tab.lig{
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
}
.tab.lig.current{
border-bottom: 1px solid #FFF;
border-right: 1px solid #b9ccdf;
border-left: 1px solid #b9ccdf;
border-top: 1px solid #b9ccdf;
}
.tab.focus{
box-shadow: 0 0 0 1px #9cade7, 0 0 3px 2px #1f4be5;
}
.tab-label{
color: #4E5879;
}
.tab.sm .tab-label     { font-size: 1.3em; }
.tab.md .tab-label     { font-size: 1.4em; }
.tab.lg .tab-label     { font-size: 1.5em; }
.tab.current .tab-label{
color: #2A2F4B;
font-weight: 700;
}
.tab-arrow{
color: #2A2F4B;
}
.tab.sm .tab-arrow     { font-size: 1.3em; margin-left: 5px; }
.tab.md .tab-arrow     { font-size: 1.4em; margin-left: 8px; }
.tab.lg .tab-arrow     { font-size: 1.5em; margin-left: 10px; }
@media (max-width: 1620px) {
.tab.sm     { padding: 12px 15px; }
.tab.md     { padding: 15px 20px; }
.tab.lg     { padding: 18px 25px; }
}
@media (max-width: 1300px) {
.tab.sm     { padding: 10px 10px; }
.tab.md     { padding: 12px 15px; }
.tab.lg     { padding: 16px 20px; }
}
@media (max-width: 1040px) {
.tab.sm     { padding: 8px 8px; }
.tab.md     { padding: 10px 14px; }
.tab.lg     { padding: 14px 18px; }
}
@media (max-width: 820px) {
.tab.sm     { padding: 6px 6px; }
.tab.md     { padding: 8px 12px; }
.tab.lg     { padding: 12px 16px; }
.tab.sm .tab-label     { font-size: 1.2em; }
.tab.md .tab-label     { font-size: 1.3em; }
.tab.lg .tab-label     { font-size: 1.4em; }
}
@media (max-width: 500px) {
.tab.sm     { padding: 4px 4px; }
.tab.md     { padding: 6px 10px; }
.tab.lg     { padding: 10px 14px; }
.tab.sm .tab-label     { font-size: 1.1em; }
.tab.md .tab-label     { font-size: 1.2em; }
.tab.lg .tab-label     { font-size: 1.3em; }
}
.tabs-content{
width: 100%;
display: block;
}
.tab-content{
display: none;
}
.tab-content.current{
display: block;
}
.highcharts-tooltip{
filter: drop-shadow(0px 3px 5px rgba(48, 66, 95, 0.2));
}
.highcharts-tooltip span{
font-family: 'Aktiv' !important;
font-size: 10px !important;
}
.highcharts-tooltip small{
color: #2A2F4B;
font-size: 1.2em;
}
.highcharts-tooltip b{
color: #2A2F4B;
font-size: 1.5em;
line-height: 1.5em;
}
.chart{
display: block;
width: 100%;
height: 100%;
}
.chart .highcharts-container svg, .chart .highcharts-title{
font-family: 'Aktiv' !important;
font-size: 10px !important;
}
.chart .highcharts-legend-item text{
font-weight: 500 !important;
fill: #4E5879 !important;
color: #4E5879 !important;
font-size: 1.3em !important;
}
.chart .highcharts-legend-item.highcharts-legend-item-hidden rect{
fill: #d6dbe8 !important;
}
.chart .highcharts-legend-item.highcharts-legend-item-hidden text{
fill: #aab6d6 !important;
color: #aab6d6 !important;
}
.chart .highcharts-xaxis-labels text{
font-weight: 500 !important;
fill: #4E5879 !important;
color: #4E5879 !important;
font-size: 1.4em !important;
}
.chart .highcharts-yaxis-labels text{
font-weight: 400 !important;
fill: #4E5879 !important;
color: #4E5879 !important;
font-size: 1.4em !important;
}
.chart .highcharts-pie-series .highcharts-label text{
color: #4E5879 !important;
font-size: 1.3em !important;
font-weight: 400 !important;
fill: #4E5879 !important;
}
.chart .highcharts-pie-series .highcharts-label text .highcharts-text-outline{
fill: #FFFFFF !important;
stroke: #FFFFFF !important;
}
.chart .highcharts-pie-series .pie-bold{
fill: #2A2F4B;
font-size: 1.3em;
font-weight: 700;
}
.chart .highcharts-title small{
text-transform: uppercase;
color: #4E5879;
font-size: 1.1em;
line-height: 1.5em;
}
.chart .pie-tit{
text-transform: uppercase;
fill: #4E5879;
font-size: 1.2em;
line-height: 1.5em;
}
.chart .pie-qty{
fill: #2A2F4B;
font-size: 2.2em;
line-height: 1.5em;
font-weight: 700;
stroke-dasharray: 10px;
}
.chart .highcharts-title b{
color: #2A2F4B;
font-size: 2.4em;
line-height: 1.25em;
}
.chart .highcharts-bar-series .highcharts-label .bar-b{
color: #2A2F4B !important;
font-size: 1.8em !important;
font-weight: 700 !important;
fill: #2A2F4B !important;
font-family: 'Aktiv' !important;
}
.chart .highcharts-credits{
display: none !important;
}
@media (max-width: 1620px) {
.highcharts-tooltip span    { font-size: 9.5px !important; }
.chart .highcharts-legend-item text { font-size: 1.2em !important; }
.chart .highcharts-xaxis-labels text    { font-size: 1.3em !important; }
.chart .highcharts-yaxis-labels text    { font-size: 1.3em !important; }
.chart .highcharts-pie-series .pie-bold { font-size: 1.2em; }
.chart .highcharts-pie-series .highcharts-label text{ font-size: 1.2em !important; }
.chart .pie-tit { font-size: 1.1em; }
.chart .pie-qty { font-size: 2em; }
.chart .highcharts-bar-series .highcharts-label .bar-b  { font-size: 1.7em !important; }
}
@media (max-width: 1300px) {
.highcharts-tooltip span    { font-size: 9px !important; }
.chart .highcharts-legend-item text { font-size: 1.1em !important; }
.chart .highcharts-xaxis-labels text    { font-size: 1.2em !important; }
.chart .highcharts-yaxis-labels text    { font-size: 1.2em !important; }
.chart .highcharts-pie-series .pie-bold { font-size: 1.1em; }
.chart .highcharts-pie-series .highcharts-label text{ font-size: 1.1em !important; }
.chart .pie-tit { font-size: 1em; }
.chart .pie-qty { font-size: 1.8em; }
.chart .highcharts-bar-series .highcharts-label .bar-b  { font-size: 1.6em !important; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.chart .pie-tit { font-size: 0.8em; }
.chart .pie-qty { font-size: 1.4em; }
}
.player{
width: 100%;
}
.player-body{
background: #FAF3FF !important;
width: 100%;
display: inline-flex;
box-sizing: border-box;
padding: 15px;
}
.player-controls{
display: inline-flex;
margin-right: 20px;
}
.player-controls button{
background: url('/assets/icons/play.svg') no-repeat !important;
background-size: 100% auto !important;
}
.player-body.jp-state-playing .player-controls button{
background: url('/assets/icons/pause.svg') no-repeat !important;
background-size: 100% auto !important;
}
.player-progress{
display: inline-flex;
align-items: center;
flex-grow: 1;
}
.player-progress .jp-current-time, .player-progress .jp-duration{
font-family: 'Aktiv';
font-size: 1.1em;
color: #8A6F96;
font-weight: 700;
font-style: normal !important;
width: initial
}
.player-progress .jp-seek-bar{
height: 10px !important;
background: #ded3e6 !important;
margin: 0 10px;
border-radius: 5px;
overflow: hidden;
}
.player-progress .jp-play-bar{
background: #C495E6 !important;
}
.player-volume{
display: inline-flex;
align-items: center;
margin-left: 20px;
}
.player-volume-icon{
width: 20px;
height: 20px;
margin-right: 5px;
background: url('/assets/icons/volume.svg') no-repeat !important;
background-size: 100% auto !important;
}
.player-volume .jp-volume-bar{
position: initial !important;
height: 4px !important;
width: 30px !important;
border-radius: 2px;
overflow: hidden;
background: #ded3e6 !important;
}
.player-volume .jp-volume-bar-value{
background: #C495E6 !important;
}
.player-src{
display: none;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
.player-progress    { display: none; }
}
.video{
position: relative;
display: flex;
flex: 1 0 0;
width: 100%;
max-width: 540px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 30px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.report-card{
display: flex;
width: 100%;
flex-direction: column;
border-radius: 2px;
box-shadow: 0 0 0 1px #d8e2eb;
background: #FFF;
box-sizing: border-box;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.report-card-header{
display: flex;
position: relative;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.report-card-metrics{
display: flex;
flex: 1 0 0;
overflow: hidden;
}
.report-card-metrics-slider{
display: flex;
flex: 1 0 0;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.report-card-metrics-slider::-webkit-scrollbar {
display: none;
}
.report-card-metrics-arrow{
display: flex;
width: 24px;
justify-content: center;
align-items: center;
font-size: 1.3em;
border-top: 3px solid #FFF;
border-bottom: 5px solid #FFF;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: none;
}
.report-card-metrics-arrow:hover{
background: #E8F3FF;
border-top: 3px solid #E8F3FF;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.report-card-metric{
display: flex;
padding: 15px 35px 10px 20px;
flex-direction: column;
align-items: flex-start;
gap: 6px;
border-top: 3px solid #FFF;
border-bottom: 5px solid #FFF;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.report-card-metric:hover{
background: #E8F3FF;
border-top: 3px solid #E8F3FF;
}
.report-card-metric.act{
border-top: 3px solid #3062D3;
}
.report-card-metric-header{
display: flex;
align-items: flex-start;
gap: 6px;
}
.report-card-metric-label{
display: flex;
padding-bottom: 3px;
align-items: center;
gap: 10px;
border-bottom: 1px dashed transparent;
line-height: 110%;
font-weight: 500;
text-wrap: nowrap;
color: #2A2F4B;
}
.report-card-metric.act .report-card-metric-label{
color: #4674de;
}
.report-card-metric-label.sm    { font-size: 1.3em; }
.report-card-metric-label.md    { font-size: 1.5em; }
.report-card-metric-label.lg    { font-size: 1.7em; }
.report-card-metric-label.undl{
border-bottom: 1px dashed #2A2F4B;
}
.report-card-metric-tooltip{
position: absolute;
max-width: 200px;
background: #2E313F;
color: #FFF;
font-size: 1.2em;
line-height: 150%;
z-index: 1000;
padding: 8px 10px;
border-radius: 4px;
width: max-content;
top: 40px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.report-card-metric-tooltip::before{
content: "";
position: absolute;
width: 10px;
height: 10px;
top: -5px;
left: 14px;
background: #2E313F;
transform: rotate(45deg);
}
.report-card-metric-label:hover + .report-card-metric-tooltip {
opacity: 1;
visibility: visible;
}
.report-card-metric-value{
font-weight: 700;
line-height: 120%;
text-wrap: nowrap;
}
.report-card-metric-value.sm    { font-size: 2.6em; }
.report-card-metric-value.md    { font-size: 2.8em; }
.report-card-metric-value.lg    { font-size: 3em; }
.report-card-metric-value.xlg    { font-size: 3.2em; }
.report-card-metric-value.def     { color: #2A2F4B; }
.report-card-metric-value.gre     { color: #04A777;}
@media (max-width: 1620px) {
.report-card-metric-tooltip     { max-width: 150px; }
}
@media (max-width: 1300px) {
.report-card-metric             { padding: 12px 25px 8px 12px; border-bottom: 3px solid #FFF; }
.report-card-metric-tooltip     { max-width: 100px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.report-card-cta{
display: flex;
padding: 15px;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.report-card-cta        { padding: 12px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.report-card-chart{
display: flex;
padding: 0px 15px 15px 15px;
flex: 1 0 0;
}
@media (max-width: 1620px) {
}
@media (max-width: 1300px) {
.report-card-chart      { padding: 0px 12px 12px 12px; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}
.report-card-state{
display: flex;
padding: 0px 15px 15px 15px;
flex: 1 0 0;
}
.report-card-state.hor  { flex-direction: row; }
.report-card-state.ver  { flex-direction: column; }
.report-card-state.lf   { align-items: normal; }
.report-card-state.rg   { align-items: end; }
.report-card-state.cen  { align-items: center; }
.report-card-state.sm   { gap: 10px; }
.report-card-state.md   { gap: 15px; }
.report-card-state.lg   { gap: 20px; }
.report-card-state.sm .report-card-state-icon   { flex: 0 0 40px; width: 40px; }
.report-card-state.md .report-card-state-icon   { flex: 0 0 80px; width: 80px; }
.report-card-state.lg .report-card-state-icon   { flex: 0 0 160px; width: 160px; }
.report-card-state-icon img{
width: 100%;
height: auto;
}
.report-card-state-info{
display: flex;
flex-direction: column;
}
.report-card-state.sm .report-card-state-info   { gap: 0.4em; }
.report-card-state.md .report-card-state-info   { gap: 0.7em; }
.report-card-state.lg .report-card-state-info   { gap: 1em; }
.report-card-state.lf .report-card-state-info   { align-items: normal; text-align: left; }
.report-card-state.rg .report-card-state-info   { align-items: end; text-align: right; }
.report-card-state.cen .report-card-state-info  { align-items: center; text-align: center; }
.report-card-state-info label{
line-height: 135%;
font-weight: 700;
}
.report-card-state.sm .report-card-state-info label { font-size: 1.3em; }
.report-card-state.md .report-card-state-info label { font-size: 1.5em; }
.report-card-state.lg .report-card-state-info label { font-size: 1.8em; }
.report-card-state-info p{
line-height: 120%;
}
.report-card-state.sm .report-card-state-info p { font-size: 1.2em; }
.report-card-state.md .report-card-state-info p { font-size: 1.4em; }
.report-card-state.lg .report-card-state-info p { font-size: 1.6em; }
.report-card-state-info .button{
display: flex;
}
@media (max-width: 1620px) {
.report-card-state.sm .report-card-state-icon   { flex: 0 0 30px; width: 30px; }
.report-card-state.md .report-card-state-icon   { flex: 0 0 60px; width: 60px; }
.report-card-state.lg .report-card-state-icon   { flex: 0 0 120px; width: 120px; }
}
@media (max-width: 1300px) {
.report-card-state      { padding: 0 12px 12px 12px; }
.report-card-state .report-card-state-icon  { display: none; }
}
@media (max-width: 1040px) {
}
@media (max-width: 820px) {
}
@media (max-width: 500px) {
}