@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../Assets/Fonts/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../Assets/Fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../Assets/Fonts/Montserrat-SemiBold.ttf');
}

html, body {
    font-family: 'Montserrat-Regular';
    background-color: #F9F9FA;
}

a, .btn-link {
    color: #0366d6;
}

/*.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}*/

.main-content {
    width: 100%;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/*OVERRIDES of select2 only for bootstrap provider*/
/*.select2-selection {
    height: 36px!important;
    border: 1px solid lightgray!important;
}

.select2-selection__rendered {
    line-height: 35px!important;
}
:focus {
    outline:none;
}*/
/*override validation message only form bootstrap provider
*/ /*.validation-message {
    font-size: 80%;
    color: #dc3545;
}*/

/*  override form material provider
*/
.validation-message {
    color: #b00020;
    font-size: 90%;
    margin-top: -12px;
}


.is-invalid + .select2-container--bootstrap .select2-selection--single {
    border: 1px solid #f44336;
}


.was-validated .custom-select:invalid + .select2 .select2-selection {
    border-color: #dc3545 !important;
}

.was-validated .custom-select:valid + .select2 .select2-selection {
    border-color: #28a745 !important;
}

*:focus {
    outline: 0px;
}

.select2-valid .select2-container--material.select2-container--focus .select2-selection {
    box-shadow: initial;
    border-bottom: 1px solid #61d800;
}

.select2-valid .select2-selection {
    border-bottom: 1px solid #61d800;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%2361d800' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: center right;
}

.select2-invalid .select2-selection {
    border-color: #b00020;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath fill='%23b00020' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3e%3c/svg%3e");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
}

.select2-container--material .select2-selection {
    transition: none;
}

.select2-valid .select2-search__field:focus {
    box-shadow: #28a745;
    border-bottom: 1px solid #28a745;
}

.select2-invalid .select2-search__field:focus {
    box-shadow: #dc3545;
    border-bottom: 1px solid #dc3545;
}

.select2-search--dropdown {
    height: 38px;
}

.select2-dropdown {
    top: 8px !important;
}

.select2-container .select2-selection--single .select2-selection__clear {
    float: left;
    background: lightgray;
    color: black;
    width: 25px;
    height: 23px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 72px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-control-label {
    color: initial !important;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    margin-right: 25px;
}

.select2-container--material .select2-selection--single .select2-selection__rendered {
    float: left;
    align-items: center;
}


.empty-message-wrapper {
    color: lightgray;
    font-size: 22px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    justify-content: center;
    justify-self: center;
    height: 100%;
}

.icon-big {
    font-size: 120px;
    color: lightgray;
}

.full-page-height {
    height: 100vh;
}

.borderr {
    border-right: 1px solid lightgray;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1453px;
    }
}

.position-topright {
    z-index: 99;
}

.blazored-toast-error {
    background-color: #6200ee
}

.centerit {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


blinkid-in-browser {
    --mb-font-family: inherit;
    --mb-component-background: #FFF;
    --mb-component-font-color: rgba(0, 0, 0, 1);
    --mb-component-font-size: 14px;
    --mb-component-button-size: 40px;
    --mb-component-button-icon-size: 20px;
    --mb-component-button-background: #6200ee;
    --mb-component-button-border-color: white;
    --mb-component-button-border-color-focus: rgba(72, 178, 232, 0.5);
    --mb-component-button-border-color-hover: rgba(60, 60, 67, 0.29);
    --mb-component-button-border-color-disabled: rgba(116, 116, 128, 0.08);
    --mb-component-button-border-radius: 20px;
    --mb-component-button-border-style: solid;
    --mb-component-button-border-width: 1px;
    --mb-component-border-color: white;
    --mb-component-border-radius: 5px;
    --mb-component-border-style: solid;
    --mb-component-border-width: 1px;
    --mb-component-text-transform: uppercase;
}

.btn-float {
    box-shadow: none;
}

.strong {
    font-weight: 700;
}

body {
    max-width: 100%;
}



.calculation-one-item-image-wrapper {
    height: initial !important;
    flex: 0 0 8rem !important;
}

.calculation-one-item .small {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.017857em;
    line-height: 1.25rem !important;
    color: #767676;
    display: block;
    line-height: normal;
    margin-top: 0;
}


.topnavbar {
    display: flex;
    justify-content: space-between;
}

.calculation-one-item-details-wrapper {
    margin-bottom: 0.5rem;
    margin-right: 1.5rem;
}

.font-md {
    font-size: 18px;
}

.btn--green {
    background: #0c7926 !important;
}

.custom-control:last-of-type {
    margin-left: 1.5rem;
}

.asterisk {
    color: red;
    padding-right: 0.5rem;
}

.form-title {
    color: #25282B;
    font-family: Montserrat-SemiBold;
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
}

.b-text-edit,
.b-date-edit,
.b-time-edit,
.b-numeric-edit,
.b-select,
.b-input,
input[type="text"],
input[type="date"],
input[type="time"] {
    height: 40px !important;
    min-height: 40px !important;
    padding: 8px 12px;
    border-radius: 4px !important;
    border: 1px solid var(--black-20, #DBDDE0) !important;
    background: var(--white, #FFF) !important;
    box-shadow: none !important;
    outline: none;
    font-size: 16px;
    line-height: 24px;
}

    .b-text-edit:focus,
    .b-date-edit:focus,
    .b-time-edit:focus,
    .b-numeric-edit:focus,
    .b-input:focus,
    input:focus {
        border-color: var(--black-40, #B0B3B8) !important;
        box-shadow: none !important;
        outline: none;
    }

.b-field:focus-within > .b-label,
.b-field.b-field-focused .b-label,
label {
    color: var(--black-100, #25282B) !important;
}

.b-field::before,
.b-field::after {
    display: none !important;
}

.select2-container--material .select2-selection {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border-radius: 4px !important;
    border: 1px solid var(--black-20, #DBDDE0) !important;
    background: #fff !important;
    box-shadow: none !important;
}

.select2-container--open .select2-selection {
    border-color: var(--black-40, #B0B3B8) !important;
    box-shadow: none !important;
}

.b-text-edit:disabled,
.b-date-edit:disabled,
.b-time-edit:disabled,
.b-numeric-edit:disabled,
.select2-container--disabled .select2-selection {
    background: #f5f6f7 !important;
    color: #9ea1a6;
    cursor: not-allowed;
}

.select2-container--material .select2-dropdown {
    background: #ffffff !important;
    border-radius: 4px !important;
    border: 1px solid var(--black-20, #DBDDE0) !important;
    overflow: hidden;
}

.select2-container--material .select2-results {
    background: #ffffff !important;
}

.select2-container--material .select2-results__option {
    background: #ffffff !important;
}

.select2-container--material.select2-container--focus .select2-selection {
    box-shadow: none !important;
    border-bottom: 1px solid var(--black-20, #DBDDE0) !important;
}

.select2-container--material .select2-selection:focus {
    box-shadow: none !important;
}

.select2-container--material .select2-selection::after,
.select2-container--material .select2-selection::before {
    display: none !important;
}

.line {
    border-bottom: 1px solid #DBDDE0;
    margin-bottom: 28px;
}

.accomodation-wrapper {
    margin-top: 70px;
}

.main-button {
    all: unset;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #007EFF;
    color: #FFF;
    text-align: center;
    font-family: Montserrat-SemiBold;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px;
    border: 0;
    outline: none;
    cursor: pointer;
    width: max-content;
}

    .main-button:focus,
    .main-button:active {
        outline: none;
        box-shadow: none;
    }

.main-button2 {
    all: unset;

    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #007EFF;
    color: #FFF;
    text-align: center;
    font-family: Montserrat-SemiBold;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px;
    border: 0;
    outline: none;
    cursor: pointer;
}

    .main-button2:focus,
    .main-button2:active {
        outline: none;
        box-shadow: none;
    }

.cancel-button {
    all: unset;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    color: #52575C;
    text-align: center;
    font-family: Montserrat-SemiBold;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px;
    border: 1px solid #DBDDE0;
    outline: none;
    cursor: pointer;
    width: max-content;
}

    .main-button:focus,
    .main-button:active {
        outline: none;
        box-shadow: none;
    }

.image {
    border-radius: 4px;
}

.image-index {
    border-radius: 4px;
    max-width: 163px;
    max-height: 128px;
}

@media (max-width: 768px) {
    .image-index {
        max-width: none;
        max-height: none;
    }
}

.person-wrapper {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: baseline;
}

.person-number {
    display: flex;
    height: 28px;
    min-width: 28px;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #DBDDE0;
    background: #FFF;
}

.person-icon {
    margin-right: 4px;
}

.form-subtitle {
    font-size: 18px;
}

.alert-wrapper {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #F6A609;
    background: #FFF;
    margin-bottom: 36px;
}

.alert-text {
    color: #52575C;
    font-family: Montserrat-Regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.1px;
    margin: 0;
}

.picker-input::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

/* Dropdown */
.select2-container--material .select2-dropdown {
    margin-top: 2px !important;
    border: 1px solid #DBDDE0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* Lista */
.select2-results__options {
    padding: 2px 0 !important;
    
}

/* Jedna stavka */
.select2-results__option {
    padding: 8px 12px !important;
    min-height: 32px !important;
    line-height: 16px !important;
    font-size: 14px !important;
}

/* Hover */
.select2-results__option--highlighted {
    background: #EAF2FF !important;
    color: #25282B !important;
}

/* Odabrana */
.select2-results__option[aria-selected="true"] {
    background: #EAF2FF !important;
}

.select2-results__options {
    max-height: 240px !important;
    overflow-y: auto !important;
}

.select2-dropdown--above {
    transform: translateY(-12px) !important;
}

/* Sakrij strelicu */
.select2-selection__arrow b {
    display: none !important;
}

/* Strelica */
.select2-selection__arrow {
    width: 24px !important;
    height: 24px !important;
    right: 12px !important;
    top: 50% !important;
    background: url('/Assets/Icons/chevron-down.svg') no-repeat center center !important;
    background-size: 24px 24px !important;
}

.select2-container--material .select2-selection--single .select2-selection__arrow {
    margin-right: 0 !important;
}

.imageoverlay {
    background: linear-gradient(180deg, #101010 0.31%, rgba(0, 0, 0, 0.00) 99.56%);
    height: 40%;
}