body {
    overflow-x: hidden;
    font-family: Arial, sans-serif;
    color: #414141;
    font-size: 16px;
    background-color: #fafafa
}

a {
    cursor: pointer;
    color: #6eacee;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

a:hover {
    text-decoration: none;
    color: #2870bc;
}

.text-primary {
    color: #fed136 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    font-family: Arial, sans-serif;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #DBDBDB;
}

.navbar-brand.active {
    color: #fff;
}

.container-fullwidth {
    margin: 0;
}

.container-theme-color{
  /* background: rgb(110 157 209); */
  /* background: radial-gradient(circle, rgb(110 157 209) 0%, rgb(174 199 209) 50%, rgb(110 157 209) 100%); */
  min-height: 100dvh;
}

footer {
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    background-color: #4b4b4b;
    padding: 10px 25px;
    color: #9d9d9d;
}

footer p {
    margin: 0;
}

td {
    vertical-align: middle !important;
}

.input-group {
    margin-bottom: 15px;
}

.home-title {
    text-transform: uppercase;
    font-size: 120px;
    font-weight: bold;
    margin-top: 10%;
    margin-bottom: 80px;
}

.home-action {
    float: left;
    width: 49%;
    text-align: center;
    background-color: #eee;
    padding: 90px;
    font-size: 50px;
    cursor: pointer;
}

.home-action:nth-of-type(2) {
    float: right;
}

.home-action:hover {
    border: 5px solid #000;
    padding: 85px;
}

.home-action-selector.action-selected {
    opacity: 0;
    height: 1px;
    transition: all 1s ease;
}

.home-action-selector.action-selected .home-action {
    opacity: 0;
    padding: 0;
    margin-top: -100px;
    transition: all 1s ease;
}

.home-form {
    height: 1px;
    opacity: 0;
    font-size: 30px;
}

.home-form.show {
    height: auto;
    opacity: 1;
    transition: all 1s ease;
}

.home-form input, .home-form select {
    font-size: 30px;
    padding: 5px;
    width: 100%;
}

.home-barcode-result {
    margin-bottom: 20px;
}

.opacity0 {
    opacity: 0;
    transition: all 1s ease;
}

.margintop20 {
    margin-top: 20px;
}

.global-message-bar {
    text-align: center;
    cursor: pointer;
}

.module-links {
    float: right;
    margin-bottom: 20px;
}

.title-links {
    margin: 0 0 10px 0;
}

.title-links .title-links-label {
    width: 60px;
    font-weight: bold;
    display: inline-block;
}

.title-links .dropdown {
    display: inline-block;
}

.search {
    margin-bottom: 10px;
}

.search .search-label {
    width: 60px;
    font-weight: bold;
    display: inline-block;
}

.search form input {
    display: inline;
    width: auto;
}

.search form a {
    vertical-align: top;
}

.error {
    color: red;
    border: 1px solid red;
    border-radius: 5px;
    padding: 5px 10px;
}

.home-footer {
    margin-top: 50px;
}

.home-back {
    font-size: 30px;
    padding: 5px;
    width: 100%;
}

.text-bold {
    font-weight: bold;
}

.invitees-table tr {
    cursor: pointer;
}

.highlight-green {
    background-color: #c6ffc6 !important;
}

#editor {
    positive: relative;
    width: 100%;
    height: 400px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    margin-bottom: 15px;
}

[data-bs-toggle="tooltip"] {
    text-decoration: underline;
    text-decoration-style: dashed;
    cursor: help;
}

.tooltip-inner {
    text-align: justify !important;
}

.nowrap {
    white-space: nowrap;
}

.bigbutton {
    padding: 15px;
    margin-bottom: 20px;
    font-size: 20px;
}

.ace-buttons button {
    margin-bottom: 5px;
}

.unset-styles {
    all: initial;
* {
    all: unset;
}
}

.checkbox {
    font-weight: 400;
    margin: 0;
}

.checkbox input {
    margin: 0;
    position: initial;
    vertical-align: middle;
}

.input-group-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #ccc;
    width: 100%;
    padding: 6px 12px;
    margin-bottom: 0;
}

.input-group-right .input-group {
    margin-bottom: 0;
}

.option-blocks {
    display: block;
}

.option-block {
    display: inline-block;
    background-color: #eee;
    padding: 6px 12px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 6px;
    margin-right: 3px;
}

.option-block a {
    padding-left: 6px;
}

.list-group-item > .btn-delete {
    float: right;
    cursor: pointer;
}

.second-nav .inner {
    border-bottom: 1px solid #e6e6e6;
}

.second-nav .inner a {
    float: left;
    font-size: 18px;
    color: #c1c1c1;
    padding: 15px 30px;
}

.second-nav .inner a:hover {
    color: #40aade;
}

.second-nav .inner a.active {
    border-bottom: 2px solid #40aade;
    color: #414141;
}

.main-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    margin-bottom: 20px;
    background-color: #ffffff;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.main-box.instances {
    cursor: pointer;
}

.main-box.instances:hover{
    border: 1px solid #b7e5f9;
    box-shadow: 0px 0px 12px -2px #9dcbe0;
}

.main-box.active  {
    border-left: 10px solid #38d288;
}

.main-box.inactive  {
    border-left: 10px solid #F1624E;
}

.main-box.focus {
    box-shadow: 0 0 14px 0 #95D7FF;
}

.main-box--inner.expand {
    border-bottom: 10px solid #e6e6e6;
    border-radius: 0 0 5px 0;
}

.main-box--top {
    padding: 12px 20px;
    font-size: 18px;
    line-height: 21px;
}

.main-box--top a{
    font-size: 16px;
}

.card-body--custom {
    background-color: #e6e6e6;
    color: #414141;
    border: 0;
    border-radius: 0;
    padding: 12px 20px 10px;
}

.dropdown-toggle:hover{
    color: #2b779c !important;
}

.btn-cancel {
    vertical-align: middle;
}

.card-img-link {
}

.card-img-top {
    width: 100%;
    max-width: 100%;
    object-fit: contain;
    padding: 2rem;
}

.winner-button {
    position: relative;
    width: 100%;
}

.winner-button label {
    font-size: 22px;
    margin: 0;
    cursor: pointer;
}

.winner-button label i:hover {
    color: #f9ea94;
}

.winner-button label input {
    display: none;
    position:absolute;
}

.winner-button input:checked + i {
    color: #f5df5c;
}

.submission-item .submission-id {
    position: absolute;
    top: 2rem;
    left: 2rem;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    padding: 2px 5px;
    min-width: 30px;
    font-size: 14px;
}

.submission-item .submission-box {
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    padding: 2px 5px;
    min-width: 30px;
    font-size: 14px;
}

.submission-item .submission-box a {
    color: white;
}

.submission-item .submission-participant {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    padding: 2px 5px;
    font-size: 14px;
    max-width: 70%;
}

.submission-item .remove-button a {
    color: #414141;
    font-size: 22px;
}

.submission-item .remove-button a:hover {
    color: #40aade;
}

.dropdown-replace a.dropdown-toggle::after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: .255em;
    vertical-align: -2px;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.img-header img {
    max-width: 620px;
    width: 100%;
}

.container--main {
    position: relative;
    background: #ffffff;;
    border-radius: 10px;
    text-align: center;
    max-width:500px;
    /*padding: 0 0 20px 0;*/
    /*min-height: 510px;*/
}

.container-theme-color footer {
    position: initial;
    text-align: center;
    font-size: 10px;
    background-color: inherit;
}

.btn-fa {
    font-size: 30px;
}

.btn-fa i {
    font-size: 30px;
    padding: 4px;
}

.container--main aside {
    padding: 20px;
    border-radius: 10px 10px 0 0;
    background-color: #F0F0F0;
}

.container--main aside a {
    position: absolute;
    color: #414141;
    left: 20px;
}

.container--main aside a:hover {
    color: #fec503;
}

.container--main-inner {
    padding: 0 15px 25px;
}

.container--main-inner ul {
    list-style: none;
    padding: 0;
}

.container--main-inner ul.list li a{
    display: block;
    background-color: #BBBAB9;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #ffffff;
    cursor: not-allowed;
}

.container--main-inner ul.list li a:hover {
    text-decoration: none;
    opacity: 0.75;
}

.container--main-inner ul.list li:last-child{
    margin-bottom: 45px;
}

.container--main-inner ul.list li a.active {
    background-color: #07D58A;
    cursor: pointer;
}

.container--main-inner ul.list li a.end {
    background-color: #F1624E;
}

li.question {
    border-bottom: 1px solid #d9d9d9;
}

li.question:last-child {
    border-bottom: 0;
}

.question.answered {
    border-bottom: 1px solid #D5D5D5;
    margin-bottom: 20px;
}

.question--content {
    position: relative;
    font-size: 18px;
    text-align: left;
}

.question--content .dropdown {
    position: absolute;
    color: #414141;
    right: 0;
    top: 0;
}

.question--content .dropdown-toggle{
    line-height: 0;
}

.dropdown-toggle::after {
    display: none;
}

.question--content a:hover {
    color: #fec503;
}

.question .caption {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

.question .caption input, .question .caption-text {
    width: 100%;
    margin-bottom: 10px;
    padding: 1px;
    border: 0;
}

.question .caption input {
    border-bottom: 1px solid #e0e0e0;
    outline: none;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.question .caption input:focus {
    box-shadow: 0 12px 15px -10px rgba(81, 203, 238, 1);
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border-bottom: 1px solid rgba(81, 203, 238, 1);
}

.dropdown button.dropdown-toggle {
    background: none;
    border: none;
    outline: none;
}

.dropdown button.dropdown-toggle:focus {
    color: #2579ff;
}

hr.grey {
    border-top: 1px solid #e6e6e6;
    margin: 10px 0;
}

hr.dark {
    border-top: 1px solid #cdcdcd;
    margin: 10px 0;
}

.form-control.custom {
    padding: .375rem .75rem;
    height: auto;
    font-size: initial;
}

.no-padding {
    padding: 0;
}

.text-414141 {
    color: #414141
}

.text-green {
    color: #07D58A;
}

.text-red {
    color: #F1624E;
}

.btn-primary {
    background-color: #40aade;
    border-color: #45a6e1;
}

.btn-primary:hover {
    background-color: #2b779c;
    border-color: #2b779c;
}


@media only screen and (max-width: 991px){
    .main-box .row > div{
        padding-bottom: 10px;
    }
}


/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-spin,
.la-ball-spin > div {
    position: absolute;
    top: 50%;
    right: 20px;
    color: #40aade;
    transform: translate(0%, -50%);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-spin {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-spin.la-dark {
    color: #333;
}
.la-ball-spin > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-spin {
    width: 32px;
    height: 32px;
}
.la-ball-spin > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 100%;
    -webkit-animation: ball-spin 1s infinite ease-in-out;
       -moz-animation: ball-spin 1s infinite ease-in-out;
         -o-animation: ball-spin 1s infinite ease-in-out;
            animation: ball-spin 1s infinite ease-in-out;
}
.la-ball-spin > div:nth-child(1) {
    top: 5%;
    left: 50%;
    -webkit-animation-delay: -1.125s;
       -moz-animation-delay: -1.125s;
         -o-animation-delay: -1.125s;
            animation-delay: -1.125s;
}
.la-ball-spin > div:nth-child(2) {
    top: 18.1801948466%;
    left: 81.8198051534%;
    -webkit-animation-delay: -1.25s;
       -moz-animation-delay: -1.25s;
         -o-animation-delay: -1.25s;
            animation-delay: -1.25s;
}
.la-ball-spin > div:nth-child(3) {
    top: 50%;
    left: 95%;
    -webkit-animation-delay: -1.375s;
       -moz-animation-delay: -1.375s;
         -o-animation-delay: -1.375s;
            animation-delay: -1.375s;
}
.la-ball-spin > div:nth-child(4) {
    top: 81.8198051534%;
    left: 81.8198051534%;
    -webkit-animation-delay: -1.5s;
       -moz-animation-delay: -1.5s;
         -o-animation-delay: -1.5s;
            animation-delay: -1.5s;
}
.la-ball-spin > div:nth-child(5) {
    top: 94.9999999966%;
    left: 50.0000000005%;
    -webkit-animation-delay: -1.625s;
       -moz-animation-delay: -1.625s;
         -o-animation-delay: -1.625s;
            animation-delay: -1.625s;
}
.la-ball-spin > div:nth-child(6) {
    top: 81.8198046966%;
    left: 18.1801949248%;
    -webkit-animation-delay: -1.75s;
       -moz-animation-delay: -1.75s;
         -o-animation-delay: -1.75s;
            animation-delay: -1.75s;
}
.la-ball-spin > div:nth-child(7) {
    top: 49.9999750815%;
    left: 5.0000051215%;
    -webkit-animation-delay: -1.875s;
       -moz-animation-delay: -1.875s;
         -o-animation-delay: -1.875s;
            animation-delay: -1.875s;
}
.la-ball-spin > div:nth-child(8) {
    top: 18.179464974%;
    left: 18.1803700518%;
    -webkit-animation-delay: -2s;
       -moz-animation-delay: -2s;
         -o-animation-delay: -2s;
            animation-delay: -2s;
}
.la-ball-spin.la-sm {
    width: 23px;
    height: 23px;
}
.la-ball-spin.la-sm > div {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px;
}
.la-ball-spin.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-spin.la-2x > div {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
}
.la-ball-spin.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-spin.la-3x > div {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-spin {
    0%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(0);
                transform: scale(0);
    }
}
@-moz-keyframes ball-spin {
    0%,
    100% {
        opacity: 1;
        -moz-transform: scale(1);
             transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -moz-transform: scale(0);
             transform: scale(0);
    }
}
@-o-keyframes ball-spin {
    0%,
    100% {
        opacity: 1;
        -o-transform: scale(1);
           transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -o-transform: scale(0);
           transform: scale(0);
    }
}
@keyframes ball-spin {
    0%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }
}

.full-width-buttons .btn {
    width: 100%;
    font-size: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.half-width-buttons .btn {
    width: 50%;
    font-size: 20px;
}

.half-width-buttons .btn:nth-of-type(1) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.half-width-buttons .btn:nth-of-type(2) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

select option:disabled {
    cursor: not-allowed;
    background-color: #dddddd;
}