body { color: #1A1A1A }
.fs-7 { font-size: .875rem; }
a { color: #333; text-decoration: underline; }
p { font-weight: 200; }
a:hover { color: #555; text-decoration: none; }
img { width: 100%; max-width: 100%; height: auto; }
ul { color: #1A1A1A; font-weight: 200;}
#main-nav, #main-nav .dropdown-menu { font-size: 1rem; }
#sitenav { z-index: 100; padding: 0.75rem 0; }
.navbar-brand { padding-top: 0.5rem; padding-bottom: 0.6rem; }
#sitenav .navbar-brand img, #footer .navbar-brand img { width: 140px }
#footer .navbar-brand img { filter: invert(1); }
#sitenav .nav-link.disabled { pointer-events: inherit!important; cursor: pointer; }
#sitenav .navbar-nav .nav-link.disabled { color: #000 !important; }
#sitenav.navbar-expand-lg .navbar-nav .nav-link { font-size: .95rem; padding: 0.25rem 1.35rem 0.3rem; }
#sitenav.bg-white.scrolled-up { box-shadow: 0 .1rem 1rem rgba(0,0,0,.05) }
.navbar-nav .nav-link, .navbar-nav .nav-link:focus, .dropdown-item { color: #000; }
#language .dropdown-menu>li>a { padding: 5px 20px; }
.navbar-nav .dropdown-menu { border-radius: 0; border: solid 1px #000; min-width: 12rem; padding: 1rem; box-shadow: 0px 6px 12px #00000029; }
.dropdown-menu[data-bs-popper] { left: -7rem; margin-top: 1.3rem; }
.dropdown-menu>li>a { display: block; padding: 2px 20px 3px; font-size: 0.9rem; width: auto; margin: 0.5rem 0; transition: 0.2s; color: #000; font-weight: 400; white-space: nowrap; }
.dropdown-menu>li>a:hover { background: #000; color: #fff; border-radius: .2rem; text-decoration: none; }
.dropdown-menu>.open>a, .dropdown-menu>.open>a:focus, .dropdown-menu>.open>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; background-color: #676767 !important; }
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { background-color: #676767; top: 0; left: 100%; margin-top: 0; margin-left: -1px; }
.dropdown-submenu>.dropdown-menu>li>a { padding: 7px 30px; }
.dropdown-submenu>.dropdown-menu>li>a:focus, .dropdown-submenu>.dropdown-menu>li>a:hover { background-color: #ececec; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a { background-color: #ececec; }
.dropdown-submenu:hover>a:after { border-left-color: #555; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; border-radius: 0; }
.dropdown-header { text-transform: uppercase; font-weight: bold; padding: 15px 20px 3px 30px; }
.dropdown:hover { display: block }
li.nav-item a.show, .navbar-nav .nav-link:hover { color: #000; }
.nav-clear .navbar-nav .nav-link, .nav-clear .navbar-nav .nav-link:focus { color: #000; }
.nav-link i { font-size: .625rem; filter: brightness(0.1); transition: .25s; margin-left: 3px; }
.nav-clear .nav-link i { filter: brightness(1); }
.profile { text-decoration: none; font-weight: 500; padding-top: 0; padding-bottom: 0; display: block; }
.profile i { width: 1.75em; height: 1.75em; vertical-align: middle; filter: invert(0.8); }
.profile:hover i { filter: invert(0.6); }
a.dropdown-toggle.show i { transform: rotate(-180deg); }
.dropdown-toggle::after, .dropup .dropdown-toggle::after { display: none; }
.li-language span.map { position: absolute; top: 10px; left: 10px; }
.nav-clear .site-logo { filter: invert(0) }
.nav-clear .navbar-brand { color: #fff }
.nav-clear .navbar-toggler .hamburger-toggle .hamburger span { background-color: #fff }
.final .award-container { padding: 0; border-radius: 5px; overflow: hidden; }
.final .award-container .award-year { font-weight: 600; }
.final .award-container-description { padding: 30px; }
.final .award-container-description h3 { font-size: 2rem; }
.final .partner-today { display: flex; align-items: center; justify-content: center; }
.final .award-channel { font-size: 1.3rem; margin-bottom: 0; }
.basic h1 { margin: 2.5rem 0 }
.card { border: 1px solid #000 !important; }
section#hero.basic { padding-top: 0; padding-bottom: 0; overflow: hidden; }
section#hero.basic .container { padding-top: 1.25rem; padding-bottom: 1.25rem }
#hero.basic { min-height: inherit; }
#hero.basic h1 { margin: inherit; }
#hero h1 { line-height: 1.1; margin-bottom: 1.5rem }
#hero .buttons { margin-top: 2.5rem; }
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}

@media (max-width : 1400px) {
.ft-copyright-list .break-mobile { display: block; }
}
@media (max-width : 991px) {
.offcanvas { width : 85% !important; }
.offcanvas-start-lg { top : 0; left : 0; border-right : 1px solid rgba(0, 0, 0, .2); transform : translateX(-100%); }
.final .partner-today { margin-top: 3rem; }
.final .award-container-description { padding: 30px 20px; }
}

@media (min-width : 992px) {
.offcanvas { visibility : visible !important; position : relative; background : none; border : none; justify-content : end; color : red; }
}
.autohide { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 1030; }
.scrolled-down { transform: translateY(-100%); transition: all 0.3s ease-in-out; }
.scrolled-up { transform: translateY(0); transition: all 0.3s ease-in-out; }
.nav-item.dropdown.dropdown-mega { position: static; }
.nav-item.dropdown.dropdown-mega .dropdown-menu { width: 100%; top: auto; background: transparent; }
.nav-item.dropdown.dropdown-mega .container { background: #fff; max-width: 900px; }
.navbar-toggler { border: none; padding: 0; outline: none; }
.navbar-toggler:focus { box-shadow: none; }
.navbar-toggler .hamburger-toggle { position: relative; display: inline-block; width: 30px; height: 50px; z-index: 11; float: right; }
.navbar-toggler .hamburger-toggle .hamburger { position: absolute; transform: translate(-50%, -50%) rotate(0deg); left: 50%; top: 50%; width: 100%; height: 50%; pointer-events: none; }
.navbar-toggler .hamburger-toggle .hamburger span { width: 100%; height: 3px; position: absolute; background: #333; z-index: 1; transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out; left: 0px; }
.navbar-toggler .hamburger-toggle .hamburger span:first-child { top: 10%; transform-origin: 50% 50%; transform: translate(0% -50%) !important; }
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) { top: 50%; transform: translate(0, -50%); }
.navbar-toggler .hamburger-toggle .hamburger span:last-child { left: 0px; top: auto; bottom: 10%; transform-origin: 50% 50%; }
.navbar-toggler .hamburger-toggle .hamburger.active span { position: absolute; margin: 0; }
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child { top: 45%; transform: rotate(45deg); }
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) { left: 50%; width: 0px; }
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child { top: 45%; transform: rotate(-45deg); }
.mega-content ul { list-style-type: none; padding-left: 0; }
.mega-content ul a { padding: 9px 10px; display: block; text-decoration: none; color: #333; font-weight: 500; transition: .25s; }
.mega-content ul a:hover { background: #f2f2f2; color: #444 }
.img-holder img { width: 100%; }
.btn { border: 2px solid transparent }
.btn, .button a { text-decoration: none; padding: 7px 20px 7px; min-width: 150px; font-weight: 500; border-radius: 1.5rem }
.button { line-height: 22px; }
.button a:hover { text-decoration: none }
.btn-primary { background-color: #000 }
.btn-check:focus+.btn,.btn:focus{box-shadow: none;}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle, .btn-check:focus+.btn-primary,.btn-primary:focus{color: #000; background-color: #fff; border-color: #000; box-shadow: none;}
.btn-primary:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color: #000; background-color: #fff; border-color: #000; box-shadow: none; }
.btn-white { border: solid 2px #000}
.btn-white:hover, .btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover, .btn-white:active.focus, .btn-white:active:focus, .btn-white:active:hover, .open>.dropdown-toggle.btn-white.focus, .open>.dropdown-toggle.btn-white:focus, .open>.dropdown-toggle.btn-white:hover { color: #fff; background-color: #000; border-color: #000 }
.btn-strike-dk { border: solid 1px #333; color: #333 }
.btn-strike-dk:hover { background-color: #333; color: #fff }
.btn-strike-lt { border: solid 1px #fff; color: #fff }
.btn-strike-lt:hover { background-color: #fff; color: #333 }
.btn-light:hover { opacity: 0.9 }
footer { font-size: .85em; background-color: #000 }
footer ul li a, footer .ft-copyright a { text-decoration: none; color: #999; padding-right: 0.5rem; }
footer ul li a:hover, footer .ft-copyright a:hover { text-decoration: underline; cursor: pointer; }
footer ul { padding-left: 0; color: #999 }
footer .ft-links { list-style: none; }
footer .ft-links li { list-style-type: none; padding-top: 5px; padding-bottom: 5px; }
footer .ft-links li a { text-decoration: none; color: #333; }
footer .ft-links li a:hover { text-decoration: underline; }
footer .ftr-logo { width: 150px; }
.ft-social-list { margin-bottom: 0; }
.ft-social-list li { display: inline-block; margin-right: 0; position: relative }
.ft-social-list li::after { content: ''; position: absolute; top: 0.75rem; right: -0.65rem; width: 1.1rem; border-top: 1px solid #fff; }
.ft-social-list li:last-child::after { border: none }
.ft-social-list svg { width: 100%; height: 100%; }
.ft-social-list .tw svg { width:50%; height: 50%; margin-top: 1px; }
.ft-social-list a { width: 52px; height: 26px; color: #333; fill: #fff; position: relative; display: block; border: 1px solid #fff; border-radius: 2rem; padding: 0 0.2rem; margin: 0 .4rem; text-align: center; }
.ft-social-list a:hover { background-color: #fff; fill: #000; }
.ft-links .ft-social-list a { width: 32px; height: 32px; color: #333 !important; fill: #000 !important; position: relative; display: block; }
.ft-social-list a .sm { max-width: 20px; }
.ft-copyright { font-size: 12px; }
.ft-copyright ul { margin-bottom: 0; padding-bottom: 0; }
.ft-copyright li { line-height: 20px; }
.ft-copyright-list { line-height: 1.4; margin-bottom: 0; }
.ft-copyright-list li { display: inline-block; vertical-align: middle; margin-right: 0.5rem; }
.ft-copyright-list li:first-child { margin-right: 1rem; }
.ft-copyright-list li:last-child { margin-right: 0; }
.ft-logos ul { padding-right: 5px; }
.ft-logos ul, .ft-corel-logo { display: inline-block; }
.language-selector button { margin-right: 30px; margin-top: 20px; padding: 5px 0; font-size: 14px; text-transform: capitalize; color: #fff; background-color: rgba(255,255,255,0); transition: .25s; border: none; }
.language-selector button i.bi-globe2 { font-size: 1.75em; }
.language-selector button.show i.bi-chevron-up { transform: rotate(-180deg); }
.language-selector .dropdown-menu { border-radius: 0; border: solid 1px #000; min-width: 12rem; padding: 1rem; box-shadow: 0px 6px 12px #00000029; }
[class^="bi-"], [class*=" bi-"] { display: inline-block; content: ''; text-indent: -9999px; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; top: 0; left: 0; z-index: 1; background-size: cover; }
.bi-chevron-down { background-image: url(../../common/icons/bootstrap-5/chevron-down.svg); }
.bi-chevron-up { background-image: url(../../common/icons/bootstrap-5/chevron-up.svg); }
.bi-house { background-image: url(../../common/icons/bootstrap-5/house.svg); }
.bi-check-circle-fill { background-image: url(../../common/icons/bootstrap-5/check-circle-fill.svg); }
.bi-check-circle { background-image: url(../../common/icons/bootstrap-5/check-circle.svg); }
.bi-check { background-image: url(../../common/icons/bootstrap-5/check.svg); }
.bi-play-circle { background-image: url(../../common/icons/bootstrap-5/play-circle.svg); }
.bi-download { background-image: url(../../common/icons/bootstrap-5/download.svg); }
.bi-clock-fill { background-image: url(../../common/icons/bootstrap-5/clock-fill.svg); }
.bi-cloud-fill { background-image: url(../../common/icons/bootstrap-5/cloud-fill.svg); }
.bi-cursor-fill { background-image: url(../../common/icons/bootstrap-5/cursor-fill.svg); }
.bi-file-zip-fill { background-image: url(../../common/icons/bootstrap-5/file-zip-fill.svg); }
.bi-shield-lock-fill { background-image: url(../../common/icons/bootstrap-5/shield-lock-fill.svg); }
.bi-lock-fill { background-image: url(../../common/icons/bootstrap-5/lock-fill.svg); }
.bi-shield-fill-check { background-image: url(../../common/icons/bootstrap-5/shield-fill-check.svg); }
.bi-speedometer { background-image: url(../../common/icons/bootstrap-5/speedometer.svg); }
.bi-speedometer2 { background-image: url(../../common/icons/bootstrap-5/speedometer2.svg); }
.bi-cart4 { background-image: url(../../common/icons/bootstrap-5/cart4.svg); }
.bi-question-circle-fill { background-image: url(../../common/icons/bootstrap-5/question-circle-fill.svg); }
.bi-person-circle { background-image: url(../../common/icons/bootstrap-5/person-circle.svg); }
.bi-globe2 { background-image: url(../../common/icons/bootstrap-5/globe2.svg); }
.bi-x-lg { background-image: url(../../common/icons/bootstrap-5/x-lg.svg); }
.bg-yellow { background-color: #FCE6A9 }
.bg-blue { background-color: #2A60E8; color: #efefef; }
.bg-blue h1 { color: #fff; }
.bg-blue ul { color: #efefef; }
.card { border-radius: 0.5rem; border: none; }
a.card-link { text-decoration: none; }
a.card-link span.link { text-decoration: underline; }
a.card-link:hover span.link { text-decoration: none; }
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.05)!important }
.modal { text-align: center; }
.modal-content { border-radius: 0 }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; margin: 30px auto; }
.form-wrap .btn-primary{margin-top: 20px}
.form-wrap .formio-component-form{ border: 1px solid #e2e2e2; padding: 20px; border-radius: 10px}

@media (min-width: 576px) {
.modal-dialog { max-width: 600px; }
}

@media (min-width: 992px) {
.modal-lg, .modal-xl { max-width: 800px !important; }
}
h1, .h1 { font-size: calc(1.525rem + 3.3vw); }
h2, .h2 { font-size: calc(1.425rem + 2.1vw); }
h3, .h3 { font-size: calc(1.375rem + 1.5vw); }
h4, .h4 { font-size: calc(1.3rem + 0.6vw); }
h5, .h5 { font-size: calc(1.275rem + 0.3vw); }
h6, .h6 { font-size: 1.25rem; }
p.large { font-size: 1.25rem; }
h2+p { margin-top: 2.5rem; }

@media (min-width: 1200px) {
h1, .h1 { font-size: 4rem; }
h2, .h2 { font-size: 3rem; }
h3, .h3 { font-size: 2.5rem; }
h4, .h4 { font-size: 1.75rem; }
h5, .h5 { font-size: 1.5rem; }
}
.dark { color: #fff; }

@media (min-width: 1200px) {
.modal-xl { max-width: 1000px !important; }
}
.modal-title { font-size: 22px }
.modal-body { margin-bottom: 15px; position: relative; }
.modal-body p { font-size: 14px; line-height: 1.5; }
.modal-body li { margin-bottom: 5px; line-height: 1.3 }
#modal-master.video .modal-dialog { width: 90%; max-width: 1000px; }
#modal-master.video .modal-content { background-color: transparent; border: none; box-shadow: none }
#modal-master.video .modal-body { padding: 0px; margin-bottom: 0; }
#modal-master.video .btn-close { position: absolute; right: 0; top: -40px; z-index: 999; color: #fff; text-shadow: none; background: transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") center/1em auto no-repeat; }
#modal-master.video .close:hover { color: #ccc; }
#vid-content { background-color: #000; }
.hero-basic { background-color: #575757; padding: 20px 0; }
.hero-basic h1 { color: #fff; font-size: 26px; line-height: 1; margin-bottom: 5px }
#hero .image-main { position: relative }
.global-announcement-bar { text-decoration: none; text-align: center; }
.global-announcement-bar .alert { padding: .75rem 2.25rem; border-radius: 0; margin-bottom: 0; }
.global-announcement-bar .alert-primary { border: none; background: #FCE6A9; color: #000; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.global-announcement-bar:hover .alert-primary { background: #fdebbb; }
.global-announcement-bar .alert-dismissible .btn-close { padding: 1rem 1rem; }
span.trademark { font-size: 0.875rem; }

@media (min-width: 768px) {
.navbar-nav>li>a { padding-top: 13px; padding-bottom: 13px; }
.nav>li>a { padding-left: 25px; padding-right: 25px; }
.show-m { display: none!important }
.hide-m { display: block!important }
#hero { min-height: 400px }
#hero .image-main img { position: absolute; }
a .card { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; }
a:hover .card { transform: scale(1.05) }
section#hero-basic .container { padding-top: 3.25rem; padding-bottom: 3.25rem }
}

@media (max-width: 991px) {
#language span.map { display: none; }
.navbar-nav.main { margin-top: 1rem; margin-bottom: 0 !important; }
.profile { padding: .5rem 1rem; display: block; border: 2px solid #333; text-align: center; margin: 1em 2em !important; border-radius: 5px; }
.profile i { width: 1.75em; height: 1.75em; vertical-align: middle; }
.navbar-nav { width: 100%!important; padding: .3rem; }
.mega-content { margin-bottom: 1rem }
.mega-content .border-start { border: none !important }
#sitenav .navbar-collapse { background-color: #f5f5f5; transition: .25s; }
.ft-copyright-list { line-height: 1.5rem; }
.offcanvas { background: #000; }
.offcanvas-header, .offcanvas-body { background: #000; }
#sitenav.navbar-expand-lg .navbar-nav .nav-link { font-size: 1.5rem }
.navbar-toggler { min-width: 50px; padding: 0 !important }
#sitenav.navbar-expand-lg .navbar-nav .nav-link { padding: 0 0 0.3rem; }
.navbar-nav .nav-link, .navbar-nav .nav-link:focus, .dropdown-item { color: #fff; }
#sitenav.navbar-expand-lg .navbar-nav .nav-link:hover, #sitenav.navbar-expand-lg .navbar-nav .nav-link:focus { color: #fff }
.navbar-nav .dropdown-menu { background-color: transparent; margin-top: 0; padding: 0 1rem; border-bottom: 1px solid #fff; }
.dropdown-menu>li>a { font-size: 1rem; padding: 0 0.5rem;}
#sitenav .dropdown-menu>li>a {color: #fff;}
.navbar-nav .nav-link i { filter: brightness(1); }
.ft-logos { float: left !important; margin-top: 1rem }
}

@media (min-width: 992px) {
.dropdown-menu>li>a { background: #fff; }
.nav-clear .profile i { filter: invert(0); }
.nav-item.dropdown.dropdown-mega .container { border-bottom: solid 2px #777 }
.navbar .offcanvas-body { overflow-y: inherit }
#sitenav.navbar-expand-lg .navbar-nav .nav-link { border: 0.1rem solid transparent; border-radius: 1.3rem; transition: 0.1s; }
#sitenav.navbar-expand-lg .navbar-nav .nav-link:hover, #sitenav.navbar-expand-lg .navbar-nav .nav-link.show { border: 0.1rem solid #000; background: #fff; }
#sitenav.navbar-expand-lg .navbar-nav .nav-link:active, #sitenav.navbar-expand-lg .navbar-nav .nav-link.show { background: #000; color: #fff; }
#sitenav .dropdown-menu.show:before { content: ""; position: absolute; top: -2rem; right: 2rem; height: 2rem; border-right: 1px solid black; }
.nav-link:active i, #sitenav.navbar-expand-lg .navbar-nav .nav-link.show i { filter: brightness(1); }
/**
.morning .navbar-nav .nav-link:hover, .morning .navbar-nav .nav-link.show { box-shadow: 0px 0px 10px #ffbc41; }
.midday .navbar-nav .nav-link:hover, .midday .navbar-nav .nav-link.show { box-shadow: 0px 0px 10px #4FDDD7; }
.night .navbar-nav .nav-link:hover, .night .navbar-nav .nav-link.show { box-shadow: 0px 0px 10px #2936C5; }
	**/
}

@media (max-width: 767px) {
#sitenav { padding: 0 }
#sitenav .navbar-brand img, #footer .navbar-brand img { width: 80px; }
footer .ft-links li { list-style-type: none; padding-top: 8px; padding-bottom: 8px; }
.nav-link i { filter: brightness(1)!important; font-size: 1rem; }
.show-m { display: block }
.hide-m { display: none }
.lead { font-size: calc(.75rem + 1.5vw); }
.language-selector { margin-bottom: 20px; }
}

/*
//Formio styles//
div.formio-form .formio-component .field-required.form-check-label span, 
.formio-component-htmlelement p { font-size: 12px; }
div.formio-form .formio-component .field-required.form-check-label span {display: inline-block;}
div.formio-form .form-check .field-required:after { position: absolute; margin-left: 3px; }
div.formio-form div.form-group {position:relative; padding:5px 0 0 0; margin:0 0 10px 0;}
*/

div.marketo-form {
	padding:20px;
	background:#fff;
}
div.marketo-form > div.mfp-body {
	padding:15px 20px 25px;
}
div.formio-form {background:#fff;}

/* form-group */
div.formio-form > div.form-group {
	padding-bottom: 16px;
	margin:0 0 0 0;
	position:relative;
}
div.formio-form > div.form-group.formio-hidden {
	height:0px;
	margin:0 0 0 0;
	display:none;
}

/* labels */
div.formio-form > div.form-group.formio-component label {
	position:absolute; 
	top:-6px; 
	left:10px; 
	margin:0; 
	padding:0px 5px 0 5px; 
	font-size:10px; 
	line-height:10px;
	background:#fff;
	z-index:15;
}
	div.formio-form > div.form-group.formio-component.formio-modified label {
		z-index:25;
	}

	div.formio-form > div.form-group.formio-component label.form-check-label {color:#757575;}
	div.formio-form > div.form-group.formio-component.has-error label {
		color:#a94442;
	}
	div.formio-form > div.form-group.formio-component.has-error label.form-check-label {
		color:#757575;
	}

/* fields */
div.formio-form > div.form-group.formio-component .form-control {
	position:relative;
	z-index:20;
	display: block;
	line-height: 1.2;
    height: 38px;
    padding: 8px 12px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 3px 3px 10px #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0px -8px 0 rgba(255,255,255,1);
}
div.formio-form > div.form-group.formio-component select.form-control {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;	
	-webkit-appearance: none;
    -moz-appearance: none;
}
div.formio-form > div.form-group.formio-component .form-control:focus  {
	z-index:10;
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0px -8px 0 rgba(255,255,255,1)
}
div.formio-form > div.form-group.formio-component .form-control::placeholder,
div.formio-form > div.form-group.formio-component-select select.form-control option[placeholder=true],
div.formio-form > div.form-group.formio-component-select select.form-control {
	color:#999999;
}

div.formio-form > div.form-group.formio-component-select.formio-modified select.form-control option,
div.formio-form > div.form-group.formio-component-select select.form-control option,
div.formio-form > div.form-group.formio-component-select.formio-modified select.form-control option[placeholder=true],
div.formio-form > div.form-group.formio-component-select.formio-modified select.form-control {
	color:#212529 !important;
}

/* messages and errors */
div.formio-form > div.form-group.formio-component .form-control.is-invalid {
	border-color:#a94442;
}
div.formio-form > div.form-group.formio-component.has-error .invalid-feedback, 
div.formio-form > div.form-group.formio-component.has-message .invalid-feedback {
	margin:0 !important;
	padding:0 5px; 
	position:absolute;
	z-index:20;
	bottom:10px;
	left:10px;
	background:#fff;
	width: auto;
}
div.formio-form > div.form-group.formio-component div.formio-errors.invalid-feedback div.form-text.error {
	font-size:10px; 
	line-height:10px;
	color:#a94442;
}

/* special rules */

/* submit button */
div.formio-form > div.form-group.formio-component-submit {
	text-align:right;
	padding-bottom: 0;
}

/* checkboxes */
div.formio-form > div.form-group.formio-component-checkbox label {
	position:relative; 
	top:auto; 
	left:auto; 
	margin:0; 
	padding:0 5px 0 30px; 
	font-size:12px; 
	line-height:16px;
	background:none;
}
div.formio-form > div.form-group.formio-component-checkbox.has-error .invalid-feedback, 
div.formio-form > div.form-group.formio-component-checkbox.has-message .invalid-feedback {
	margin:0 !important;
	padding:0 5px; 
	position:absolute;
	z-index:20;
	bottom:-13px;
	top:auto;
	left:25px;
	background:#fff;
}
div.formio-form > div.form-group.formio-component-checkbox div.form-check {
    padding:0;
    margin:10px 0;
}

/* textarea */
div.formio-form > div.form-group.formio-component-textarea .form-control {
	height:auto;
	min-height: 38px;
}

/* radio */
div.formio-form > div.form-group.formio-component-radio > label {
    position:relative;
    top:auto;
    left:auto;
    font-size:14px;
    line-height:17px;
    z-index:1;
    padding:0 0 0 0;
    background:none;
}
div.formio-form > div.form-group.formio-component-radio div.form-radio {
    margin:0 0 15px 0;
    padding:0 0 0 25px;
}
div.formio-form > div.form-group.formio-component-radio div.form-radio div.radio.form-check {
    margin:0 0 3px 0;
    padding:0 0 0 0;
}
div.formio-form > div.form-group.formio-component-radio div.form-radio div.radio.form-check label {
    position:relative;
    top:auto;
    left:auto;
    font-size:14px;
    line-height:17px;
    z-index:1;
    padding:0 0 0 0;
    background:none;
}
div.formio-form > div.form-group.formio-component-radio div.form-radio div.radio.form-check label input.form-check-input {
    margin:2px 0 0 -20px;
}

div.formio-form > div.form-group.formio-component-selectboxes label {
	position:relative; 
	top:auto; 
	left:auto; 
	margin:0; 
	padding:0 5px 0 0; 
	font-size:14px; 
	line-height:20px;
	background:none;
}