:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .wit{--header-color:rgba(0, 0, 0, 0.10);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} .weight200{font-size:calc(16rem/16) ;font-weight:200 ;}@media only screen and (min-width:40em) { .weight200{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .weight200{font-size:calc(16rem/16) ;line-height:1.50 }} .padding64px{padding:4rem ;} .myclass{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} .wit{color:rgba(255, 255, 255, 1.00) ;} .margintop48px{margin-top:3rem ;} .marginbottom48px{margin-bottom:3rem ;} .mymenu>.menu a, .menu.mymenu a{--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.menu .menu-text, .menu.mymenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu a:hover, .menu.mymenu a:hover{--menu-bg-color:rgba(250, 250, 250, 1.00)} .mymenu>.menu>li>a, .menu.mymenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu>.menu .submenu>li>a, .menu.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.menu li.active>a, .mymenu>.menu li.is-active>a, .mymenu>.menu a.is-active, .menu.mymenu li.active>a, .menu.mymenu li.is-active>a, .menu.mymenu a.is-active{--menu-bg-color:rgba(252, 29, 47, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mymenu>.menu .submenu, .menu.mymenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu .menu-text, .menu.mymenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .banner{background-image:url('https://www.academieturnhout.be/warehouse/banner/MarietteKnaepen_amsterdam.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.banner{background-attachment:scroll!important}}@media only screen and (min-width:40em){.banner{background-image:url('https://www.academieturnhout.be/warehouse/banner/MarietteKnaepen_amsterdam.jpg') }}@media only screen and (min-width:64em){.banner{background-image:url('https://www.academieturnhout.be/warehouse/banner/MarietteKnaepen_amsterdam.jpg') }} .margintop4px{margin-top:0.25rem ;} .marginbottom64px{margin-bottom:4rem ;} .marginbottom32px{margin-bottom:2rem ;} .marginbottom24px{margin-bottom:1.5rem ;} .margintop24px{margin-top:1.5rem ;} .margintop12px{margin-top:0.75rem ;} .achtergrondzwart{background-color:rgba(49, 49, 49, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.achtergrondzwart{background-attachment:scroll!important}} .padding1rem{padding-top:1rem ;padding-right:1rem ;padding-bottom:1rem ;padding-left:1rem ;} .padding40px{padding-top:2.5rem ;padding-right:2.5rem ;padding-bottom:2.5rem ;padding-left:2.5rem ;} .margintop64px{margin-top:4rem ;} .margintop96px{margin-top:6rem ;} .sitelokcolumn3rem{padding-right:3rem ;padding-left:3rem ;} .margintop256px{margin-top:16rem ;} .marginbottom64px{margin-bottom:4rem ;} .margintop80px{margin-top:5rem ;} .padding4444{padding-top:0.25rem ;padding-right:0.25rem ;padding-bottom:0.25rem ;padding-left:0.25rem ;} .marginbottom96px{margin-bottom:6rem ;} .margin4444{margin-top:0.25rem ;margin-right:0.25rem ;margin-bottom:0.25rem ;margin-left:0.25rem ;} .gutter32px{--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;} .Blueberry{color:rgba(0, 0, 255, 1.00) ;} .grijs80{color:rgba(204, 204, 204, 1.00) ;} .mymenu>.menu a, .menu.mymenu a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(204, 204, 204, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.menu .menu-text, .menu.mymenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu a:hover, .menu.mymenu a:hover{--menu-bg-color:rgba(14, 53, 90, 1.00)} .mymenu>.menu>li>a, .menu.mymenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu>.menu .submenu>li>a, .menu.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.menu li.active>a, .mymenu>.menu li.is-active>a, .mymenu>.menu a.is-active, .menu.mymenu li.active>a, .menu.mymenu li.is-active>a, .menu.mymenu a.is-active{--menu-bg-color:rgba(203, 67, 30, 0.50);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mymenu>.menu .submenu, .menu.mymenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu .menu-text, .menu.mymenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu a, .menu.mobile-menu a{--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mobile-menu>.menu .menu-text, .menu.mobile-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu>li>a, .menu.mobile-menu>li>a{padding-top:1rem;padding-bottom:1rem} .mobile-menu>.menu .submenu>li>a, .menu.mobile-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mobile-menu>.menu li.active>a, .mobile-menu>.menu li.is-active>a, .mobile-menu>.menu a.is-active, .menu.mobile-menu li.active>a, .menu.mobile-menu li.is-active>a, .menu.mobile-menu a.is-active{--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mobile-menu>.menu .submenu, .menu.mobile-menu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu .menu-text, .menu.mobile-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .hero{background-image:url('../files/bgimage-88.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:right center ;background-attachment:scroll ;background-origin:padding-box ;background-blend-mode:screen ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.hero{background-attachment:scroll!important}} .hero-overlay{background-color:var(--overlay-color) ;} .hero-overlay{height:25vh ;} @media only screen and (min-width:40em){.hero-overlay{height:33.3333vh }}@media only screen and (min-width:64em){.hero-overlay{height:33.3333vh }} h1{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);} .mymenu{position: absolute !important;z-index:5 !important;top:unset !important;bottom:2px !important;left:unset !important;right:unset !important;} .burger{position: absolute ;z-index:1 ;top:10px ;bottom:unset ;left:10px ;right:unset ;} .mobile-menu-wrapper{height:100% ;} .mobile-menu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .mobile-menu{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){ .mobile-menu{font-size:calc(24rem/16) }} .mymenu{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .mymenu{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .mymenu{font-size:calc(18rem/16) }} .mobile-menu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .mobile-menu{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){ .mobile-menu{font-size:calc(24rem/16) }} .mymenu{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .mymenu{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .mymenu{font-size:calc(18rem/16) }} /* @group Resets */ /* Resets to stop themes messing with our styling */ #stacks_in_43 *, #stacks_in_43 *:after, #stacks_in_43 *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_43 form, #stacks_in_43 fieldset { display: block; border: none; background: none; padding: 0; margin: 0; box-shadow: none; } #stacks_in_43 select { -webkit-appearance: menulist !important; -moz-appearance: menulist !important; } #stacks_in_43 select[multiple] { height: 100%; -webkit-appearance: none !important; -moz-appearance: none !important; } #stacks_in_43 .fpNotAllowed *:hover { cursor: not-allowed; } #stacks_in_43 .radio .radio, #stacks_in_43 .checkbox .checkbox { position: static; } /* @end */ /* Form layout */ .tsf-content { margin: -15px; overflow: hidden !important; } .inputWrapper .inputWrapper [data-formsplus-input-name], .inputWrapper .form-group { padding: 15px 0; } /* Code for CSS offset */ #tsf-wizard-stacks_in_43 { padding-top: 0vh; } /* @group Base Form Styling */ /* Styling borrowed from Twitter Bootstrap, scoped for exclusive use of FormSteps */ #stacks_in_43 label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; font-size: 14px; color: rgba(25, 25, 25, 1.00); } #stacks_in_43 .form-group { margin: 0; width: 100%; } #stacks_in_43 .form-control { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: rgba(85, 85, 85, 1.00); background-color: rgba(255, 255, 255, 1.00); background-image: none; border: 1px solid rgba(204, 204, 204, 1.00); border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; } #stacks_in_43 .form-control input { height: 34px; } /* Start styling for placeholder colors (added June 2021) */ #stacks_in_43 .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(142, 142, 142, 1.00); opacity: 1; } #stacks_in_43 .form-control::-moz-placeholder { /* Firefox 19+ */ color: rgba(142, 142, 142, 1.00); opacity: 1; } #stacks_in_43 .form-control:-ms-input-placeholder { /* IE 10+ */ color: rgba(142, 142, 142, 1.00); opacity: 1; } #stacks_in_43 .form-control:-moz-placeholder { /* Firefox 18- */ color: rgba(142, 142, 142, 1.00); opacity: 1; } /* End placeholder styling */ #stacks_in_43 .radio label { padding-left: 0; } #stacks_in_43 input[type="radio"], #stacks_in_43 input[type="checkbox"] { margin-left: 0.1em; position: relative; } #stacks_in_43 .form-control:focus { border-color: rgba(102, 175, 233, 1.00); background-color: rgba(255, 255, 255, 1.00); outline: 0; } #stacks_in_43 textarea.form-control { height: auto; } #stacks_in_43 .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgba(115, 115, 115, 1.00); } /* Input groups */ #stacks_in_43 .input-group { position: relative; display: table; border-collapse: separate; width: 100%; } #stacks_in_43 .input-group .form-control, #stacks_in_43 .input-group-addon { display: table-cell; } #stacks_in_43 .input-group-addon { width: 1%; white-space: nowrap; vertical-align: middle; } #stacks_in_43 .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: rgba(85, 85, 85, 1.00); text-align: center; background-color: rgba(238, 238, 238, 1.00); border: 1px solid rgba(204, 204, 204, 1.00); border-radius: 4px; } #stacks_in_43 .input-group .form-control:last-child, #stacks_in_43 .input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } #stacks_in_43 .input-group-addon:first-child { border-right: none; } #stacks_in_43 .input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; } #stacks_in_43 .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } /* Buttons */ #stacks_in_43 .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } /* @end */ /* @group Form Input sizing */ /* */ /* */ /* @end */ /* @group Date Picker Styling */ div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { z-index: 9999 !important; } .ui-datepicker { background-color: #fff; border: 1px solid #66AFE9; border-radius: 4px; box-shadow: 0 0 8px rgba(102,175,233,.6); display: none; margin-top: 4px; padding: 10px; width: 240px; color: #212529; } .ui-datepicker a, .ui-datepicker a:hover { text-decoration: none; } .ui-datepicker a:hover, .ui-datepicker td:hover a { color: #2A6496; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; } .ui-datepicker .ui-datepicker-title { font-weight: 700; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: default; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 20px; font-size: 20px; line-height: 1; margin-top: 2px; width: 30px; } .ui-datepicker .ui-datepicker-prev { float: left; text-align: left; } .ui-datepicker .ui-datepicker-next { float: right; text-align: right; } .ui-datepicker .ui-datepicker-prev:before { content: "\f0a8"; } .ui-datepicker .ui-datepicker-next:before { content: "\f0a9"; } .ui-datepicker .ui-icon { display: none; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 4px 0; } .ui-datepicker .ui-datepicker-calendar td { border-radius: 4px; -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; } .ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; } .ui-datepicker .ui-datepicker-today, .ui-datepicker .ui-datepicker-current-day { background-color: #4289cc; } .ui-datepicker .ui-datepicker-today a, .ui-datepicker .ui-datepicker-current-day a { color: #fff } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; } .ui-datepicker-unselectable.ui-state-disabled { opacity: 0.50; } /* Some extra CSS added by Will Woodgate on 28th Feb 2018 to help with styling the time picker */ .ui-datepicker table.ui-datepicker-calendar { margin-bottom: 10px; } .ui-datepicker .ui-timepicker-div dl { padding-top:15px; padding-bottom: 0px; border: 1px solid #dddddd; margin-top: 0px; margin-bottom: 10px; display: block; background: #f9f9f9; } .ui-datepicker .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { border-bottom: none; border: 1px solid #dddddd; background: #ffffff; margin: 0px; padding: 6px 0 6px 6px; } .ui-datepicker .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; min-height: 30px; } .ui-datepicker .ui-slider { border: 1px solid #c5c5c5; border-radius: 3px; height: .8em; position: relative; margin-top: 15px; } .ui-datepicker .ui-slider-handle { border: 1px solid #4289cc; border-radius: 3px; background: #4289cc; font-weight: normal; color: #454545; top: -.3em; margin-left: -.6em; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-datepicker div.ui-datepicker-buttonpane { display: block; } .ui-datepicker div.ui-datepicker-buttonpane button { float: left; background: #FFFFFF; border-radius: 4px; color: #333333; border: 1px solid #cccccc; outline: none; padding: 10px 15px; font-size: 15px; margin: 0px; } .ui-datepicker div.ui-datepicker-buttonpane button:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close { float: right; background: #4289cc; border: 1px solid #2e6da4; color: #ffffff; } .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close:hover { background-color: #286090; border-color: #204d74; color: #ffffff; } /* @end */ /* Next, previous and finish button styling */ #stacks_in_43 span.formsplus-next-btn-wrapper, #stacks_in_43 span.formsplus-prev-btn-wrapper, #stacks_in_43 span.formsplus-finish-btn-wrapper { font-size: 14px; } /* @group Step Button Styling */ #stacks_in_43 ul#step-indicator-stacks_in_43 *, #stacks_in_43 ul#step-indicator-stacks_in_43 *:after, #stacks_in_43 ul#step-indicator-stacks_in_43 *:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: baseline; font-size: 14px; line-height: 1.42857143; } #stacks_in_43 ul#step-indicator-stacks_in_43 a, #stacks_in_43 ul#step-indicator-stacks_in_43 a:visited, #stacks_in_43 ul#step-indicator-stacks_in_43 a:hover, #stacks_in_43 ul#step-indicator-stacks_in_43 a:active { text-decoration: none; outline: none; } /* */ /* Incomplete steps */ #stacks_in_43 .gsi-step-no-available li.current ~ li>*, #stacks_in_43 .gsi-step-no-available li.current ~ li>*:hover { background-color: rgba(229, 229, 229, 1.00) !important; border-color: rgba(229, 229, 229, 1.00) !important; color: rgba(44, 63, 76, 1.00) !important; } /* The active (current) steps */ #stacks_in_43 .gsi-step-indicator.triangle li.current>* { color: rgba(255, 255, 255, 1.00); background-color: rgba(150, 192, 61, 1.00); border-color: rgba(150, 192, 61, 1.00); } /* Hovered steps */ #stacks_in_43 .gsi-step-indicator.triangle li>*:hover { color: rgba(255, 255, 255, 1.00); background-color: rgba(44, 63, 76, 1.00); border-color: rgba(44, 63, 76, 1.00); } /* Completed steps */ #stacks_in_43 .gsi-step-indicator.triangle li>* { color: rgba(51, 51, 51, 1.00); background-color: rgba(205, 205, 205, 1.00); border-color: rgba(205, 205, 205, 1.00); } @media screen and (max-width: 768px) { #stacks_in_43 .gsi-step-indicator.triangle li::after, #stacks_in_43 .gsi-step-indicator.triangle li>*::after { display: none !important; } #stacks_in_43 .gsi-step-indicator li { display: block; float: none; margin: 4px; } #stacks_in_43 .gsi-style-1 li .desc, #stacks_in_43 .gsi-style-1 li .desc label { padding-top: 0 !important; padding-bottom: 0 !important; } #stacks_in_43 .gsi-step-indicator.triangle li:first-of-type>* { border-radius: 0.25em; } #stacks_in_43 .gsi-step-indicator.triangle li a { border-radius: 0.25em; } } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* Submit text colors */ /* Button styling */ #stacks_in_43 .center { text-align: center; } #stacks_in_43 .btnPosition { position: relative; z-index: 20; } #stacks_in_43 a.smartyBoxButton, #stacks_in_43 button[type="reset"], #stacks_in_43 .tsf-controls .tsf-wizard-btn { text-decoration: none; background-color: rgba(150, 192, 61, 1.00); color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; } #stacks_in_43 a.smartyBoxButton:hover, #stacks_in_43 a.smartyBoxButton:active, #stacks_in_43 button[type="reset"]:hover, #stacks_in_43 button[type="reset"]:active, #stacks_in_43 .tsf-controls .tsf-wizard-btn:hover, #stacks_in_43 .tsf-controls .tsf-wizard-btn:active { text-decoration: none; background-color: rgba(44, 63, 76, 1.00); color: rgba(255, 255, 255, 1.00); } /* Fixes the font sizing */ #stacks_in_43 ul#step-indicator-stacks_in_43 .number { font-size: 28px; } #stacks_in_43 ul#step-indicator-stacks_in_43 .desc label { font-size: 14px; } #stacks_in_43 ul#step-indicator-stacks_in_43 .desc span { font-size: 13px; } /* Fixes circle number alignment in some themes */ #stacks_in_43 ul#step-indicator-stacks_in_43.gsi-style-3 .number, #stacks_in_43 ul#step-indicator-stacks_in_43.gsi-number-circle .number { line-height: 1.2em; } /* Fixes colour override issues in themes like Foundation */ #stacks_in_43 .gsi-step-indicator.triangle a label, #stacks_in_43 .gsi-step-indicator.triangle a:hover label { color: inherit; } /* @end */ /* @group Validation */ .form-group { position: relative; } .form-group.has-error { border: 2px solid #f44545; padding: 30px 10px 10px; border-radius: 4px; } ul.parsley-errors-list { position: absolute; top: -2px; right: -2px; text-align: left; padding: 0; margin: 0; list-style: none; clear: both; line-height: 1.3; } ul.parsley-errors-list li { padding: 5px; margin: 0; font-weight: bold; font-size: 12px; line-height: 1.10em; text-transform: uppercase; z-index: 3; background: #f44545; color: #ffffff; display: none; border-top-right-radius: 4px; } ul.parsley-errors-list li:last-child { display: inline-block; } /* @end */ /* @group Edit Mode */ /* */ /* @end */ /* */ /* Message boxes, displaying errors and important messages */ .formsplus-warning { padding: 15px 20px 15px 15px; margin-bottom: 20px; margin-top: 20px; border: 1px solid #ebccd1; border-radius: 4px; color: #a94442; background-color: #f2dede; position: relative; } .formsplus-warning .smartyBoxMessageHide { position: absolute; top: 3px; right: 5px; color: inherit; float: right; font-size: 28px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; cursor: pointer; } /* Switches, added December 2021 */ #stacks_in_43 .switch { position: relative; display: block; min-height: 34px; margin-bottom: 20px; line-height: 1.1; } #stacks_in_43 .switch-label { padding: 0 0 0 calc(70px + 10px); display: block; margin-top: -6px; } #stacks_in_43 .switch input { opacity: 0; width: 0; height: 0; } #stacks_in_43 .slider { position: absolute; cursor: pointer; top: 0; left: 0; background-color: rgba(204, 204, 204, 1.00); -webkit-transition: .4s; transition: .4s; width: 70px; height: 34px; } #stacks_in_43 .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: rgba(255, 255, 255, 1.00); -webkit-transition: .4s; transition: .4s; } #stacks_in_43 input:checked + .slider { background-color: rgba(33, 150, 243, 1.00); } #stacks_in_43 input:focus + .slider { box-shadow: 0 0 1px rgba(33, 150, 243, 1.00); } #stacks_in_43 input:checked + .slider:before { -webkit-transform: translateX(calc(70px - 150% + 5px)); -ms-transform: translateX(calc(70px - 150% + 5px)); transform: translateX(calc(70px - 150% + 5px)); } /* On / off labels */ #stacks_in_43 .on { display: none; } #stacks_in_43 .on, #stacks_in_43 .off { color: rgba(255, 255, 255, 1.00); position: absolute; transform: translate(0, -50%); top: 50%; right: 10px; font-size: 12px; font-family: Verdana, sans-serif; } #stacks_in_43 input:checked + .slider .on { display: block; right: auto; left: 10px; } #stacks_in_43 input:checked + .slider .off { display: none; } #stacks_in_43 .slider.round { border-radius: 34px; } #stacks_in_43 .slider.round:before { border-radius: 50%; } #formsplusHeaderContentstacks_in_46 { margin-bottom: 20px; } #formsplusFooterContentstacks_in_46 { margin-top: 20px; } /* *//* *//* */ /* *//* */#formsplusHeaderContentstacks_in_53 { margin-bottom: 20px; } #formsplusFooterContentstacks_in_53 { margin-top: 20px; } /* */#units-stacks_in_55 { width: 40px !important; } /* *//* *//* */#formsplusHeaderContentstacks_in_62 { margin-bottom: 20px; } #formsplusFooterContentstacks_in_62 { margin-top: 20px; } /* */ #stacks_in_178_28 .button_icon,#stacks_in_178_28 .button_icon i { margin:0; padding:0; display:inline-block; font-weight:normal; height:32px; line-height:32px; font-size:19px; } #stacks_in_178_28 .button_label { font: 500 16px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; height:2em; line-height:2em; display: inline-block; } #stacks_in_178_28 .button_icon { border-right: 1px solid rgba(0,0,0,0.2); float:left; padding-right:14px; } #stacks_in_178_28 .button_label { border-left: 1px solid rgba(255,255,255, 0.2); float:left; padding: 0px 7px 0px 14px; } #stacks_in_178_28 .sweet_button_wrapper { text-align:left; height:32px; } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_178_28 .sweet_button_wrapper { height:28px; } #stacks_in_178_28 .button_icon,#stacks_in_178_28 .button_icon i { height:28px; line-height:2em; font-size:17px; } #stacks_in_178_28 .button_label { font: 500 14px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:2em; } } #stacks_in_178_28 .sweet_button { cursor: pointer; display:inline-block; margin:0; padding:0px 14px; text-decoration:none; text-align:center; color:rgba(255, 255, 255, 1.00); border-style:solid; border-width:0px; border-color:rgba(178, 178, 178, 1.00); border-radius:5px; background:rgba(49, 49, 49, 1.00); } #stacks_in_178_28 .sweet_button:visited { color:rgba(255, 255, 255, 1.00); } #stacks_in_178_28 .sweet_button:hover { border-color:rgba(153, 153, 153, 1.00); } #stacks_in_178_28 .sweet_button:hover { color:rgba(255, 255, 255, 1.00); background: rgba(69, 69, 69, 1.00); } #stacks_in_178_28 .sweet_button:active{ background: rgba(29, 29, 29, 1.00); } #stacks_in_178_28 .sweet_button.clicked { background: rgba(38, 113, 45, 1.00); border-color:rgba(0, 0, 0, 1.00); } #stacks_in_178_28 .sweet_button.clicked:hover { background: rgba(58, 133, 65, 1.00); border-color:rgba(153, 153, 153, 1.00); } #stacks_in_178_28 .sweet_button.clicked:active{ background: rgba(18, 93, 25, 1.00); } #stacks_in_178_28 .sweet_button.twotone { background: rgba(49, 49, 49, 1.00); background: linear-gradient(top, rgba(69, 69, 69, 1.00) 50%, rgba(49, 49, 49, 1.00) 50%); } #stacks_in_178_28 .sweet_button.twotone:hover { background: rgba(69, 69, 69, 1.00); background: linear-gradient(top, rgba(89, 89, 89, 1.00) 50%, rgba(69, 69, 69, 1.00) 50%); } #stacks_in_178_28 .sweet_button.twotone:active{ background: rgba(29, 29, 29, 1.00); background: linear-gradient(top, rgba(69, 69, 69, 1.00) 50%, rgba(49, 49, 49, 1.00) 50%); } #stacks_in_178_28 .sweet_button.twotone.clicked { background: rgba(38, 113, 45, 1.00); background: linear-gradient(top, rgba(58, 133, 65, 1.00) 50%, rgba(38, 113, 45, 1.00) 50%); } #stacks_in_178_28 .sweet_button.twotone.clicked:hover { background: rgba(68, 143, 75, 1.00); background: linear-gradient(top, rgba(78, 153, 85, 1.00) 50%, rgba(58, 133, 65, 1.00) 50%); } #stacks_in_178_28 .sweet_button.twotone.clicked:active{ background: rgba(18, 93, 25, 1.00); background: linear-gradient(top, rgba(58, 133, 65, 1.00) 50%, rgba(38, 113, 45, 1.00) 50%); } #stacks_in_178_28 { margin: 10px 0px 0px 0px; }