html,
        body {
            font-family: 'Muli', sans-serif;
            color: #211e1f;
        }
        
        html,
        body,
        .container-fluid,
        .row {
            height: 100%;
        }
        
        p {
            font-size: 15px;
            line-height: 20px;
        }
        
        [class*=col-] {
            padding-right: 15px;
            padding-left: 15px;
        }
        
        #left-side {
            background: #daeaf5;
        }
        
        .fixed-sidebar {
            width: 80%;
            position: relative;
            margin: 0 auto;
            position: sticky;
            top: 15%;
            left: 0;
            bottom: 0;
            right: 0;
        }
        
        .v-align-middle {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto !important;
            display: table !important;
        }
        
        #intro {
            /* width: 85% !important;
            margin: 0 auto;
            position: sticky;
            top: 20%; */
        }
        
        #intro .logo {
            display: inline-block;
            float: left;
            width: 70px;
            margin-right: 10px;
        }
        
        #intro h1 {
            font-size: 28px;
            line-height: 35px;
        }
        
        #intro .entry {
            display: inline-block;
            margin-top: 35px;
        }
        
        div#intro .entry ul {
            margin: 0 !important;
            margin-block-start: 0em;
            margin-block-end: 0em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 25px;
        }
        /* Content box - Right side container */
        
        .content-box .title {
            font-size: 25px;
            position: relative;
            font-weight: bold;
        }
        
        .underline:after {
            content: "";
            position: absolute;
            width: 13%;
            height: 1px;
            bottom: -6px;
            left: 0px;
            border-bottom: 3px solid #616161;
        }
        
        .content-box .short-desc {
            font-size: 18px;
        }
        
        div#login {
            margin-top: 21%;
        }
        
        form#login-form {
            margin-top: 30px;
        }
        
        .content-box {
            width: 60%;
            margin: 0 auto;
            display: table;
            padding: 25px;
            /* padding-right: 0; */
            /* border: 1px solid red; */
            border-radius: 10px;
            -webkit-box-shadow: 0px 0px 23px -1px rgba(137, 172, 212, 0.1);
            -moz-box-shadow: 0px 0px 23px -1px rgba(137, 172, 212, 0.1);
            box-shadow: 0px 0px 23px -1px rgba(137, 172, 212, 0.1);
            margin-top: 8%;
            margin-bottom: 8%;
        }
        
        .pull-left {
            float: left;
        }
        
        .pull-right {
            float: right;
        }
        
        .pull-center {
            text-align: center;
        }
        
        .pull-right-text {
            text-align: right;
        }
        
        ol.unstyle {
            list-style: none;
        }
        
        ol {
            display: block;
            list-style-type: decimal;
            margin-block-start: 0;
            margin-block-end: 0;
            margin-inline-start: 5px;
            margin-inline-end: 0px;
            padding-inline-start: 20px;
            padding-inline-end: 20px;
            z-index: 99999999;
        }
        /* Forms */
        
        form#survey-form {
            /* height: 595px; */
            overflow: overlay;
            overflow-x: hidden;
            /* padding-right: 25px; */
            /* padding-right: 40px; */
        }
        
        input#zavrsi-anketu {
            display: none;
        }
        
        .repeating-add-new-button {
            position: absolute;
            right: 0px;
            z-index: 999999;
        }
        
        .repeating-remove-button {
            position: absolute;
            right: 30px;
            z-index: 999999;
        }
        
        a.repeating-delete-button {
            position: absolute;
            right: 0px;
            z-index: 999999;
            top: 28px;
            right: 15px;
        }
        
        .repeating-add-new-button:hover,
        .repeating-delete-button:hover {
            cursor: pointer;
        }
        
        .repeating-add-new-button i,
        .repeating-delete-button i {
            color: #bcd630;
            font-size: 25px;
        }
        
        .repeater-item {
            position: relative;
            width: 100%;
        }
        
        div#dynamic_form {
            position: relative;
        }
        
        input {
            font-weight: 500;
            border-radius: 35px !important;
        }
        
        input#password {
            background: #daeaf5;
            color: #737373;
            font-weight: 500;
            border-radius: 35px;
        }
        
        .form-check {
            position: unset;
        }
        
        .form-check.inline-block {
            display: inline-block;
        }
        
        .form-check-label {
            font-size: 18px;
        }
        
        .form-check-label a {
            font-weight: bolder;
            color: #211e1f;
        }
        
        .form-check-label a:hover {
            cursor: pointer;
        }
        
        input[type=checkbox],
        input[type=radio] {
            width: 0px;
            margin-right: 25px;
        }
        
        input[type=checkbox]:before:hover,
        input[type=radio]:before:hover {
            cursor: pointer;
        }
        
        input[type=checkbox]:before,
        input[type=radio]:before {
            content: "";
            width: 18px;
            height: 18px;
            display: block;
            /* margin-right: 5px; */
            vertical-align: baseline;
            text-align: center;
            /* box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); */
            background-color: #daeaf5;
        }
        
        input[type=checkbox]:checked:before,
        input[type=radio]:checked:before {
            background-color: #daeaf5;
            font-size: 11px;
            color: #737373;
            content: "x";
            font-weight: bold;
        }
        
        .form-check-label {
            padding: 0 5px;
        }
        
        .btn-primary {
            background: #bcd630;
            border-color: #bcd630;
            border-radius: 35px;
            color: white;
            font-weight: 500;
            width: 100%;
        }
        
        .btn-primary:not(:disabled):not(.disabled).active,
        .btn-primary:not(:disabled):not(.disabled):active,
        .show>.btn-primary.dropdown-toggle,
        .btn-primary:hover {
            color: #fff;
            background-color: #bcd630;
            border-color: #bcd630;
        }
        
        .btn-primary.focus,
        .btn-primary:focus {
            box-shadow: 0 0 0 0.2rem #28a74500 !important;
        }
        
        .form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: #bcd630;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(188, 214, 48, 0.13);
        }
        /* survey */
        /* Mark input boxes that gets an error on validation: */
        
        li.col-md-6 {
            padding: 0;
            float: left;
        }
        
        input.invalid,
        .required.error {
            background-color: #ffdddd;
        }
        
        .hidden {
            display: none;
        }
        
        .repeater-item.hidden.show {
            display: inline-block;
        }
        
        label.error {
            float: right;
            color: red;
            /* background: red; */
            position: absolute;
            /* bottom: -25px; */
            bottom: -7px;
            left: 15px;
            /* right: 0; */
            /* width: 15px; */
            height: 15px;
            /* overflow: hidden; */
            /* border-radius: 50%; */
            font-size: 11px;
            z-index: 9999;
        }
        
        ol.radiobox-error label.error {
            bottom: -5px;
        }
        
        .form-check-label {
            padding: 0 5px;
            font-size: 15px;
        }
        
        .form-group {
            margin-bottom: 25px;
            margin-top: 5px;
            position: relative;
        }
        
        .dynamic_form {
            position: relative;
        }
        
        .actions.clearfix ul a {
            border: 1px solid transparent;
            padding: .375rem .75rem;
            font-size: 1rem;
            line-height: 1.5;
            width: 100% !important;
            display: block;
            text-align: center;
            background: #bcd630;
            border-color: #bcd630;
            border-radius: 35px;
            color: white;
            font-weight: 500;
            text-decoration: none;
        }
        
        .actions.clearfix ul {
            list-style: none;
        }
        /* Footer */
        
        section#footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 33%;
        }
        
        .copyright {
            font-size: 12px;
            text-align: center;
            width: 95%;
            display: block;
            margin: 0 auto;
            clear: both;
        }
        
        .copyright-box {
            float: left;
            margin-bottom: 6px;
        }
        
        .copyright-logos {
            width: 100%;
        }
        /* Hide all steps by default: */
        
        .steps.clearfix {
            display: none;
        }
        
        .tab {
            /* display: none; */
        }
        
        button {
            background-color: #4CAF50;
            color: #ffffff;
            border: none;
            padding: 10px 20px;
            font-size: 17px;
            cursor: pointer;
        }
        
        button:hover {
            opacity: 0.8;
        }
        
        #prevBtn {
            background-color: #bbbbbb;
        }
        /* Make circles that indicate the steps of the form: */
        
        .step {
            height: 15px;
            width: 15px;
            margin: 0 2px;
            background-color: #bbbbbb;
            border: none;
            border-radius: 50%;
            display: inline-block;
            opacity: 0.5;
        }
        
        .step.active {
            opacity: 1;
        }
        /* Mark the steps that are finished and valid: */
        
        .step.finish {
            background-color: #4CAF50;
        }
        
        ul.alp-list li {
            display: flex;
        }
        
        ul.alp-list label.error {
            right: 20px;
        }
        
        .actions.clearfix {
            margin-top: 50px;
        }
        
        .actions.clearfix ul {
            padding: 0;
            padding-inline-end: 20px;
            padding-inline-start: 20px;
        }
        
        label {
            margin-bottom: 5px;
        }
        
        ol li.col-md-6 label.error {
            bottom: -23px;
            left: 0;
        }
        
        ol li.col-md-12 {
            padding: 0;
        }
        
        .radio-subinput {
            /* position: absolute; */
            /* left: 25px; */
            margin-top: 10px;
            /* bottom: -48px; */
        }
        
        ol li.col-md-12 label.error {
            bottom: -22px;
            left: 0;
        }
        /* Responsive */
        
        @media (max-width:1800px) {
            /* LEFT SIDE */
            .fixed-sidebar {
                width: 80%;
                position: relative;
                margin: 0 auto;
                position: sticky;
                top: 11%;
                left: 0;
                bottom: 0;
                right: 0;
            }
            #intro .logo {
                display: inline-block;
                float: left;
                width: 55px;
                margin-right: 10px;
            }
            #intro h1 {
                font-size: 25px !important;
                line-height: 35px;
            }
            div#intro h4 {
                font-size: 18px;
            }
            #intro .entry {
                display: inline-block;
                margin-top: 35px;
                font-size: 14px;
            }
            /* RIGHT SIDE */
            .content-box {
                width: 80%;
                margin-top: 4%;
                margin-bottom: 4%;
            }
            ol li,
            .form-group label {
                font-size: 14px;
                line-height: 16px;
            }
            .form-check-label {
                margin-top: 5px;
            }
            .form-check {
                margin: 0px 0 5px 0;
            }
            label.error {
                position: absolute;
                bottom: -10px;
                left: 15px;
                font-size: 11px !important;
                z-index: 9999;
            }
            ul.alp-list.col-md-12 {
                padding: 0;
            }
        }