.iti{width:100%}.select2{width:100%!important}.select2-container--default .select2-selection--multiple{background-color:var(--skross-white-color)!important;border:1px solid var(--skross-grey-color)!important;border-radius:.375rem!important;cursor:text}.select2-container--default .select2-selection--single{background-color:var(--skross-white-color)!important;border:1px solid var(--skross-grey-color)!important;border-radius:.375rem!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px!important}.select2-container .select2-selection--single{height:40px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--skross-black-color)!important}.select2-container--default .select2-selection--multiple .select2-selection__choice{border:none!important;background-color:var(--skross-primary-color)!important;color:var(--skross-white-color)!important;padding:8px 9px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-right:10px;color:var(--skross-white-color)!important}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--skross-primary-color)!important;color:var(--skross-white-color)!important}.select2-container--airport{border-bottom:1px solid var(--skross-white-color);.select2-selection--single { font-family: 'Myriad Pro'; min-width: 100px; font-size: 1.4rem; line-height: 2; padding: 0.5rem 1rem; border: 0px; border-radius: 0; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); color: #fff; background-color: hsl(0, 0%, 0%); .select2-selection__rendered { color: #fff; line-height: 2; & .select2-selection__clear { margin-right: 5px; color: var(--skross-primary-color); font-size: 1.8rem; } } .select2-selection__arrow b { border-color: hsl(356, 95%, 46%) transparent transparent transparent; } } .select2-dropdown { padding: 8px; border-radius: 12px; border: 1px solid var(--skross-grey-color); } .select2-search__field { line-height: 3; border-radius: 12px; border: 1px solid var(--skross-black-color); &:focus-visible { border: 1px solid hsl(356, 95%, 46%); } } .select2-results { padding-top: 10px; max-height: 250px; overflow: hidden auto; } .select2-results__options--nested li { font-size: 1.4rem; border-radius: 5px; transition: background-color 0.3s ease-in-out; &:hover { background-color: hsl(356, 95%, 46%); color: #fff; } &:highlighted[aria-selected] { background-color: hsl(356, 95%, 46%); color: #fff; } } .select2-results__option .wrapper { display: flex; flex-direction: column; } .select2-results__option .airport-name { font-size: 1.2em; } .select2-results__option .airport-info { font-size: 0.8em; } .select2-results__option--highlighted { padding: 0.5rem 1rem; background-color: var(--skross-primary-color); color: var(--skross-white-color); }}.select2-container--skross{border-bottom:1px solid var(--skross-white-color);.select2-selection--single { font-family: 'Myriad Pro'; font-size: 1.8rem; line-height: 2; padding: 0.5rem 1rem; border: 0px; border-radius: 8px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); color: var(--skross-black-color); background-color: var(--skross-white-color); .select2-selection__rendered { color: var(--skross-black-color); line-height: 2; } .select2-selection__arrow b { border-color: hsl(356, 95%, 46%) transparent transparent transparent; } } .select2-dropdown { padding: 8px; border-radius: 12px; border: 1px solid var(--skross-grey-color); -webkit-box-shadow: 1px 14px 21px -13px rgb(40, 40, 40); -moz-box-shadow: 1px 14px 21px -13px rgb(40, 40, 40); box-shadow: 1px 14px 21px -13px rgb(40, 40, 40); } .select2-search__field { line-height: 3; border-radius: 12px; border: 1px solid var(--skross-black-color); &:focus-visible { border: 1px solid hsl(356, 95%, 46%); } } .select2-results { padding-top: 10px; max-height: 150px; overflow: hidden auto; } .select2-results__options li { font-size: 1.8rem; border-radius: 5px; transition: background-color 0.3s ease-in-out; margin-bottom: 0px; &:hover { background-color: hsl(356, 95%, 46%); color: #fff; } &:highlighted[aria-selected] { background-color: hsl(356, 95%, 46%); color: #fff; } } .select2-results__options--nested li { font-size: 1.4rem; border-radius: 5px; transition: background-color 0.3s ease-in-out; &:hover { background-color: hsl(356, 95%, 46%); color: #fff; } &:highlighted[aria-selected] { background-color: hsl(356, 95%, 46%); color: #fff; } } .select2-results__option .wrapper { display: flex; flex-direction: column; } .select2-results__option .airport-name { font-size: 1.2em; } .select2-results__option .airport-info { font-size: 0.8em; }}.select2-results__option--skross{padding:.5rem 1rem;&:highlighted[aria-selected] { background-color:hsl(356,95%,46%); color:#fff; }}.form-group{margin-bottom:1.5rem;position:relative}.form-group.w-50{width:48%}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;&>.form-control { flex: 1 1 auto; width: 1%; margin-bottom: 0; min-width: 0; } &>:not(:first-child):not(.valid-feedback):not(.invalid-feedback) { margin-left: calc(1px * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } & .skross-btn { position: relative; z-index: 2; }}label{font-size:1.4rem;font-weight:400;color:var(--skross-black-color)}.form-control{display:block;box-sizing:border-box;border:1px solid var(--skross-grey-color);line-height:2.5;width:100%;border-radius:.375rem;padding:.5rem 1rem;font-size:1.4rem;font-weight:400;color:var(--skross-black-color);background-color:var(--skross-white-color);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&.is-invalid { border-color: var(--skross-primary-color); } &.is-valid { border-color: green; } &.transparent { background-color: transparent; border: 0px; border-bottom: 1px solid var(--skross-white-color); color: var(--skross-white-color); border-radius: 0px; }}.form-control:focus{border-color:var(--skross-black-color);outline:0;box-shadow:0 0 0 .25rem rgba(122,122,122,.25)}.input-big-planner{background-color:initial;font-size:clamp(1.8rem,1.585rem + .539vw,2.4rem);border:0;color:var(--skross-white-color);border-bottom:1px solid var(--skross-white-color);border-radius:0;&:focus { border:none; border-bottom:1px solid var(--skross-white-color); } &:focus-visible { outline:none; } &::placeholder { color:var(--skross-white-color); font-weight:300; font-size:1.4rem; } &::-webkit-input-placeholder { color:var(--skross-white-color); font-weight:300; font-size:1.4rem; } &::-moz-placeholder { color:var(--skross-white-color); font-weight:300; font-size:1.4rem; } &:-ms-input-placeholder { color:var(--skross-white-color); font-weight:300; font-size:1.4rem; } &:-moz-placeholder { color:var(--skross-white-color); font-weight:300; font-size:1.4rem; }}.form-check-input{flex-shrink:0;width:1.6em;height:1.6em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--skross-white-color);background-repeat:no-repeat;background-position:50%;background-size:contain;border:1px solid var(--skross-grey-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;&:checked[type=checkbox] { background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } &:checked { background-color:var(--skross-primary-color); border-color:var(--skross-primary-color); } &.is-invalid { border-color:var(--skross-primary-color); } &.is-valid { border-color:green; }}.form-check-input[type=checkbox]{border-radius:.25em}.form-select{border:1px solid var(--skross-grey-color);box-sizing:border-box;line-height:2;width:100%;border-radius:.375rem;padding:.5rem 1rem;font-size:1.4rem;font-weight:400;color:var(--skross-black-color);background-color:var(--skross-white-color);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&.is-invalid { border-color: var(--skross-primary-color); } &.is-valid { border-color: green; }}.form-select:focus{border-color:var(--skross-black-color);outline:0;box-shadow:0 0 0 .25rem rgba(122,122,122,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:1.2rem;font-weight:400;color:var(--skross-primary-color)}.user-profile-pic-container{position:relative;width:160px;overflow:hidden;border-radius:12px;& .photo { width: 160px; height: 160px; position: relative; background-color: var(--skross-grey-color); cursor: pointer; transition: all 0.4s ease-in-out; border-radius: 12px; overflow: hidden; &:hover { transform: scale(1.1); } } & .photo_uploader { position: absolute; bottom: 0; left: 10%; width: 90%; }}.file-upload{display:none}.planner-input-container{display:flex;background-color:var(--skross-white-color);border-radius:var(--skross-border-radius);width:140px;height:140px;align-items:center;cursor:pointer;& .planner-input__wrapper { display: flex; flex-direction: column; width: 100%; gap: 8px; } & .input--header { display: flex; width: 100%; flex-direction: column; gap: 10px; text-align: center; align-items: center; } & .form-group { display: none; padding-left: 10px; padding-right: 10px; & input { border: 0px; width: 100%; box-sizing: border-box; } } & .icon { display: none; } &.active .form-group { display: block; } &.active .input--header .main-icon { display: none; } &.active .input--header .input-text { font-weight: 700; } &.active .icon { display: block; }}@media only screen and (max-width:768px){.form-group.w-50{width:100%}}.iti__search-input{height:37px;padding:10px}