body {
    background: #EEF1F5;
    font-family: 'Montserrat', sans-serif;
    color: #222D40;
    font-size: 14px;
    min-height: 100vh;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

.navbar {
    font-size: 14px;
    font-weight: 500;
}

.navbar a {
    color: rgba(17, 24, 39, .6);
}

button.nav-link {
    color: rgba(17, 24, 39, .6);
}

button.nav-link:hover {
    color: #FD6500;
}

.underline {
    text-decoration: underline;
}

.navbar a img {
    opacity: .6;
}

.navbar a:hover img {
    opacity: 1;
}

.navbar a:hover {
    color: #FD6500;
}

.navbar a.active {
    color: rgba(17, 24, 39, 1);
}

.navbar a.active i {
    color: #FD6500;
}

a.navbar-brand img {
    opacity: 1 !important;
}

.opacity-1 {
    opacity: 1 !important;
}

.shadow {
    box-shadow: 0 3px 6px rgba(000, 000, 000, .16) !important;
}

.bg-orange {
    background: #FD6500 !important;
}

.fc-button {
    background: #FD6500 !important;
    color: white !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 8px !important;
}

.bg-orange-light {
    background: #FFD1B2 !important;
}

.bg-orange-light:hover {
    background: #FD6500 !important;
}

.bg-blue {
    background: #2E94CC !important;
}

.bg-blue:hover {
    background: #7ABEE3 !important;
}

.bg-navy {
    background: #5D6D8B !important;
}

.bg-navy:hover {
    background: #C5C5C5 !important;
}

.bg-green {
    background: #40B868 !important;
}

.bg-green:hover {
    background: #96DBAD !important;
}

.bg-red {
    background: #E36262 !important;
}

.bg-red:hover {
    background: #FABEBE !important;
}

.bg-neutral {
    background: #D0D8DC !important;
    color: #000000 !important;
}

.bg-neutral:hover {
    background: #FAFAFC !important;
    color: #000000 !important;
}

.bg-warning {
    background: #DED5BD !important;
    color: #000000 !important;
}

.bg-warning:hover {
    background: #FFFBEF !important;
    color: #000000 !important;
}

.nav-pills .nav-link.active {
    background: #FD6500 !important;
}

.bg-dark-blue {
    background: #222D40 !important;
}

.bg-blue-gradient {
    background: linear-gradient(to bottom, #455678, #7887A0);
}

.bg-success {
    background: #F7FEF9 !important;
}

.text-orange {
    color: #FD6500;
}

.text-dark-blue {
    color: #222D40;
}

.orange-icon {
    filter: brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(3019%) hue-rotate(336deg);
}

.white-icon {
    filter: saturate(0), brightness(1);
}

.btn {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 14px;
    border: 0px;
    /*max-height: 55px;*/
    font-weight: 500;
}

.btn-arrow {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 14px;
    border: 0px;
    max-height: 55px;
    font-weight: 500;
}

.btn-arrow-form {
    padding-top: 13px !important;
}

.btn-arrow.bg-orange {
    color: white !important;
    text-decoration: none;
    border-radius: 8px;
}

.btn-arrow.bg-orange:hover {
    background: #FF7C24;
}

.btn-arrow::after {
    content: "";
    background-image: url("../../img/arrow-icon.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    /* adjust the size to your needs */
    width: 20px;
    /* adjust the size to your needs */
    height: 20px;
    /* adjust the size to your needs */
    display: inline-block;
    margin-left: 15px;
    /* adjust the spacing to your needs */
    position: relative;
    top: 5px;
}

/* */

.btn-arrow-prev {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 14px;
    border: 0px;
    max-height: 55px;
    font-weight: 500;
}

.btn-arrow-prev.bg-orange {
    color: white !important;
    text-decoration: none;
    border-radius: 8px;
}

.btn-arrow-prev.bg-orange:hover {
    background: #FF7C24;
}

.btn-arrow-prev::before {
    content: "";
    background-image: url("../../img/arrow-icon.svg");
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    /* adjust the size to your needs */
    width: 20px;
    /* adjust the size to your needs */
    height: 20px;
    /* adjust the size to your needs */
    display: inline-block;
    margin-right: 15px;
    /* adjust the spacing to your needs */
    position: relative;
    top: 5px;
}

.btn-small {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    border: 0px;
}

.btn-small.bg-orange:hover {
    background: #FF7C24;
}

.no-btn {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    border: 1px solid #E36262 !important;
    color: #E36262 !important;
}

.no-btn:hover {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    background-color: #E36262 !important;
    border: 1px solid #E36262 !important;
    color: #fff !important;
}

.yes-btn {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    border: 1px solid #40B868 !important;
    color: #40B868 !important;
}

.yes-btn:hover {
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    background-color: #40B868 !important;
    border: 1px solid #40B868 !important;
    color: #fff !important;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-check:checked+.yes-btn {
    color: white !important;
    background-color: #40B868 !important;
    border-color: #40B868 !important;
}

.btn-check:checked+.no-btn {
    color: white !important;
    background-color: #E36262 !important;
    border-color: #E36262 !important;
}

.btn-small.bg-orange.show {
    background: #FF7C24;
}

.btn.bg-orange {
    color: white !important;
}

.btn.bg-orange:hover {
    background: #FF7C24;
}

.btn.bg-orange.show {
    background: #FF7C24;
}

.btn-small:hover {
    /*background: #FF7C24;
    color: white !important;*/
    border-color: transparent !important;
}

.btn-delete:hover {
    background: #E36262;
    color: white !important;
    border-color: transparent !important;
}

a.navbar-brand {
    color: #222D40;
}

input {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border: 1px solid #E3E3E3;
}

::placeholder {
    color: #B0B0B0 !important;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: #222d40;
    outline: 0;
    box-shadow: none;
}

.card {
    border: 0;
    border-radius: 16px;
}

table td:first-child {
    padding-left: 30px;
}

table td:last-child {
    padding-right: 30px;
}

table th:first-child {
    padding-left: 30px;
}

table th:last-child {
    padding-right: 30px;
}

table tr:nth-child(even) {
    background-color: #F9F9F9;
}

tr {
    border: 0px;
}

td {
    border: 0px;
    vertical-align: middle !important;
}

th,
thead {
    border: 0px;
}

thead {
    border-bottom: 1px solid rgba(000, 000, 000, .16);
}

.page-link:focus {
    z-index: 3;
    color: inherit;
    background-color: transparent;
    outline: 0;
    box-shadow: none;
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.pagination a {
    color: inherit;
}

.pagination a:hover {
    color: #FD6500;
    background-color: transparent;
}

.page-item.page-link a.active {
    color: #FD6500;
}

.page-next a img {
    width: 20px !important;
    height: auto;
    object-fit: contain;
    filter: invert(1);
}

.page-previous a img {
    width: 20px !important;
    height: auto;
    object-fit: contain;
    filter: invert(1);
    transform: rotate(180deg) !important;
}

.page-item.page-previous a:hover,
.page-item.page-next a:hover {
    filter: brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(3019%) hue-rotate(336deg);
}

li.breadcrumb-item a {
    color: #FD6500;
    text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: #FD6500;
    content: var(--bs-breadcrumb-divider, "/");
}

.progress-bar {
    background-color: #FD6500;
}

.white-icon {
    filter: grayscale(1) brightness(100);
}

.move-top {
    position: relative;
    top: 3px;
}

.move-bottom {
    position: relative;
    bottom: 3px;
}

.invert {
    filter: invert(1);
}

a.active img {
    opacity: 1 !important;
}

.rounded-16 {
    border-radius: 16px;
}

.rounded-8 {
    border-radius: 8px;
}

.fs-22 {
    font-size: 22px;
}

.fs-20 {
    font-size: 20px;
}

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

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

.fs-12 {
    font-size: 12px;
}

.fs-11 {
    font-size: 11px;
}

.fs-10 {
    font-size: 10px;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.gallery-thumb img {
    width: 100%;
    height: 90px;
    object-fit: cover;
}

@media(max-width: 768px) {
    .gallery-thumb img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }
}

@media(max-width: 992px) {
    .mobile-border-none {
        border: 0 !important
    }
}

.group {
    background-color: #fafafa;
    border: 1px #f0f0f0 solid;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
}

.image-upload>input {
    display: none;
}

.photo_thumbnail {
    position: relative;
}

.photo_thumbnail a {
    display: block;
    position: absolute;
    top: 3px;
    right: 20px;
}

.signature-pad {
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    background-color: white;
}

@media (min-width: 992px) {
    .position-lg-absolute {
        position: absolute !important;
    }
}

.group-preview {
    background-color: white;
    border-radius: 10px;
    border: 1px gray solid;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.collapse_button .bi {
    transition: .3s transform ease-in-out;
}

.collapse_button .collapsed .bi {
    transform: rotate(90deg);
}

.pdf-preview-page {
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}

.pdf-container canvas {

    position: relative;
    width: 100%;
}

/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
#map {
    height: 800px;
}

.hidden {
    display: none;
}

.input-icon {
    position: relative;
}

.input-icon>i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50%;
    pointer-events: none;
    width: 25px;
    text-align: center;
    font-style: normal;
}

.input-icon>input {
    padding-left: 25px;
    padding-right: 0;
}

.input-icon-right>i {
    right: 5px;
    color: #7887A0;
}

.input-icon-right>input {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
}

.conf_hidden {
    display: none;
}

.tables_hidden {
    display: none;
}

.row_hidden {
    display: none;
}

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.7) url("/img/loader_blocks.gif") center no-repeat;
}

/* Turn off scrollbar when body element has the loading class */
body.loading {
    overflow: hidden;
}

/* Make spinner image visible when body element has the loading class */
body.loading .overlay {
    display: block;
}

.custom_accordion {
    background: none !important;
    --bs-accordion-bg: #EEF1F5;
}

.accordion-button:not(.collapsed) {
    background: none !important;
    --bs-accordion-bg: #EEF1F5;
}

.accordion-button:focus {
    border: none;
}

.box-minmax {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    color: #FD6500;

    span:first-child {
        margin-left: 10px;
    }
}

.range-slider {
    margin-top: 0vh;
}

.rs-range {
    margin-top: 29px;
    width: 100%;
    -webkit-appearance: none;

    &:focus {
        outline: none;
    }

    &::-webkit-slider-runnable-track {
        width: 100%;
        height: 1px;
        cursor: pointer;
        box-shadow: none;
        background: #FD6500;
        border-radius: 0px;
        border: 0px solid #010101;
    }

    &::-moz-range-track {
        width: 100%;
        height: 1px;
        cursor: pointer;
        box-shadow: none;
        background: #FD6500;
        border-radius: 0px;
        border: 0px solid #010101;
    }

    &::-webkit-slider-thumb {
        box-shadow: none;
        border: 0px solid #ffffff;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
        height: 42px;
        width: 22px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 1);
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -20px;
    }

    &::-moz-range-thumb {
        box-shadow: none;
        border: 0px solid #FD6500;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
        height: 42px;
        width: 22px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 1);
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -20px;
    }

    &::-moz-focus-outer {
        border: 0;
    }
}

.rs-label {
    transform-origin: center center;
    display: block;
    width: 68px;
    height: 68px;
    background: transparent;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    padding-top: 12px;
    box-sizing: border-box;
    border: 2px solid #FD6500;
    margin-top: 20px;
    margin-left: 0px;
    left: attr(value);
    color: #FD6500;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 20px;

    &::after {
        content: "stp";
        display: block;
        font-size: 12px;
        letter-spacing: 0.07em;
        margin-top: -2px;
    }
}

.card-header-wizzard {
    background-color: rgb(253, 101, 0, 0.3);
    color: #000000;
}

.custom-popover {
    --bs-popover-max-width: 400px;
    --bs-popover-border-color: #C6C6C6;
    --bs-popover-header-bg: #FD6500;
    --bs-popover-header-color: #FFF;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

.selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/
    width: 100%;
}

.selectdiv label {
    width: 100%;
}

.selectdiv:after {
    content: '\F229';
    font: normal normal normal 17px/1 bootstrap-icons;
    color: #FF7C24;
    right: 11px;
    top: 6px;
    height: 34px;
    padding: 6px 0px 0px 8px;
    border: none;
    position: absolute;
    pointer-events: none;
}

/* IE11 hide native button */
select::-ms-expand {
    display: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    display: block;
    width: 100%;
    float: right;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dee2e6;
    -ms-word-break: normal;
    word-break: normal;
}

.fake-textarea {
    border: 1px #e9e9e9 solid;
    border-radius: 10px;
    padding: 5px;
    color: #6c757d;
    background-color: rgb(252, 252, 253);
}

.person_column {
    border: none;
    border-radius: 10px;
    box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.25);
}

.person_column_selected {
    border: 2px #FF7C24 solid;
    border-radius: 10px;
    box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.25);
}

.pyro>.before,
.pyro>.after {
    z-index: 1000;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro>.after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-moz-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-o-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-ms-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-webkit-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

.author_avatar {
    position: relative;
}

.post.classic .helper {
    right: 40px;
    left: auto;
}

.author_avatar .helper {
    background: url("../images/sun_2.png") no-repeat transparent;
    display: block;
    left: auto;
    right: -20px;
    top: -15px;
    position: absolute;
    z-index: 5;
    width: 50px;
    height: 55px;
}

.author_avatar .helper2 {
    background: url("../images/sun_2.png") no-repeat transparent;
    display: block;
    left: -16px;
    right: auto;
    top: -7px;
    position: absolute;
    z-index: 5;
    width: 50px;
    height: 55px;
}

.error {
    border-color: #E36262 !important;
    color: #E36262 !important;
}

.tab {
    display: none
}

#prevBtn {
    background-color: #bbbbbb
}

.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5
}

input.invalid {
    background-color: #ffdddd
}

.step.active {
    opacity: 1
}

.step.finish {
    background-color: #4CAF50
}

.all-steps {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

.thanks-message {
    display: none
}

.container input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.container:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.container input:checked~.checkmark {
    background-color: #2196F3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.container input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.sort.asc, .sort.desc {
    background-color: yellow;
}
.sort.asc::after {
    content: "\002B06";
    padding-left: 3px;
}
.sort.desc::after {
    content: "\002B07";
    padding-left: 3px
}

ul.pagination {
    margin-bottom:10px;
    padding-bottom:10px;
}

ul.pagination li a.page {
    display:inline-block;
    border-radius: 8px;
    margin:5px;
    padding:5px;
    text-decoration:none;
    font-size:16px;
    background: #FD6500;
    color:white;
}

ul.pagination li.active a.page {
    color: black;
    background:white;
}