@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins/Poppins-Medium.ttf);
}

.portlet-icon {
    font-size: 80pt;
    color: var(--yellow);
    transform: rotate(10deg);
    opacity: 0.4;
}

div.tagsinput input {
    padding: 0 5px !important;
    margin-bottom: 0 !important;
}

mark {
    background: #c1eaee !important;
}

div.tagsinput span.tag {
    color: white !important;
    margin-bottom: 0 !important;
}

.kt-checkbox.kt-checkbox--solid > input:checked ~ span,
.kt-radio.kt-radio--solid > input:checked ~ span {
    background: var(--primary) !important;
}

.kt-checkbox.kt-checkbox--solid > span {
    background: white !important;
}

div.tagsinput span.tag {
    border: none !important;
    padding: 0 5px !important;
    background: var(--primary) !important;
    color: white !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state="current"] .kt-wizard-v1__nav-body,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state="current"] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-icon,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state="current"]::after {
    color: var(--warning) !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state="done"] .kt-wizard-v1__nav-body,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state="done"] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-icon,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state="done"]::after {
    color: var(--primary) !important;
}

.kt-checkbox.kt-checkbox--solid > input:checked ~ span {
    background: var(--primary) !important;
}

.kt-checkbox.kt-checkbox--solid > span {
    background: white !important;
}

.btn-primary {
    background: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.bootstrap-maxlength {
    z-index: 999999 !important;
}

.btn-brand {
    background: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.btn-brand:hover {
    color: #fff;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.kt-checkbox.kt-checkbox--solid > input:checked ~ span {
    background: var(--primary) !important;
}

.kt-checkbox.kt-checkbox--solid > span {
    background: white !important;
}


.list-group-item.active {
    z-index: revert !important;
}

.btn-brand:not(:disabled):not(.disabled):active,
.btn-brand:not(:disabled):not(.disabled).active,
.show > .btn-brand.dropdown-toggle {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.footer {
    margin-top: 10pt;
    text-align: center;
    color: var(--secondary);
    margin-bottom: 30pt;
}

.footer hr {
    border-top: 2px solid var(--primary);
    border-radius: 40%;
    position: relative;
    margin: 5pt auto;
}

.footer hr:first-child {
    width: 250pt;
}

.footer hr:nth-child(2) {
    width: 220pt;
}

.footer hr:nth-child(3) {
    width: 190pt;
}

.footer ul {
    padding-left: 0;
}

.footer li {
    display: inline-block;
    list-style: none;
    text-align: center;
    padding: 0 10pt;
}

.text-primary {
    color: var(--primary) !important;
}

.text-warning {
    color: var(--warning) !important;
}

.alert-warning {
    background: var(--warning) !important;
    color: white !important;
}

.bg-primary {
    background: var(--primary) !important;
}

.text-secondary, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link,
.nav-tabs.nav-tabs-line a.nav-link,
.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title {
    color: var(--secondary) !important;
}

.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover,
.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active,
.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover,
.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active {
    color: var(--warning) !important;
    border-bottom: 2px solid var(--warning);
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: var(--primary) !important;
    background: white;
}

#system_name h1 {
    color: #000000;
    position: relative;
    top: 2px;
    font-size: 150%;
    display: inline-block;
}

@keyframes flashing {
    from, to {
        border-color: transparent
    }
    50% {
        border-color: #FFFFFF
    }
}

@keyframes writing {
    from {
        width: 100%
    }
    to {
        width: 0
    }
}

@-webkit-keyframes flashing {
    from, to {
        border-color: transparent
    }
    50% {
        border-color: #FFFFFF
    }
}

@-webkit-keyframes writing {
    from {
        width: 100%
    }
    to {
        width: 0
    }
}

@-moz-keyframes flashing {
    from, to {
        border-color: transparent
    }
    50% {
        border-color: #FFFFFF
    }
}

@-moz-keyframes writing {
    from {
        width: 100%
    }
    to {
        width: 0
    }
}

@media (max-width: 767px) {
    .route-query-origin {
        text-align: center !important;
        margin-bottom: 20pt;
    }

    .route-query-destination {
        text-align: center !important;
        margin-top: 20pt;
    }
}

.btn-info {
    background: var(--secondary) !important;
}

.bg-yellow {
    background: var(--yellow) !important;
}

#system_name h1 span {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 0;
    background-color: white;
    border-left: .1em solid #FFFFFF;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    animation: writing 10s infinite, flashing 1s infinite;
    -webkit-animation: writing 10s infinite, flashing 1s infinite;
    -moz-animation: writing 10s infinite, flashing 1s infinite;
}

.bg-warning {
    background: var(--warning) !important;
}

.badge-secondary {
    background: var(--secondary) !important;
    color: white;
}

.route {
    background: #ecedf0;
    position: relative;
    border-radius: 5pt;
}

.bad-route {
    background: #f2e7e7;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.system_name {
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    color: var(--primary) !important;
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--primary > a > i {
    color: var(--primary) !important;
}

.kt-sticky-toolbar .kt-sticky-toolbar__item.kt-sticky-toolbar__item--primary > a:hover {
    background: var(--yellow) !important;
}

.tooltip .tooltip-inner {
    color: #fff;
    background: var(--primary) !important;
}

.kt-pagination.kt-pagination--primary .kt-pagination__links .kt-pagination__link--active {
    background: var(--primary) !important;
}

.kt-pagination .kt-pagination__links li {
    background: rgba(88, 103, 221, 0.1) !important;
}

.kt-pagination.kt-pagination--primary .kt-pagination__links li[disabled]:hover a i {
    color: #a7abc3 !important;
}

.kt-pagination.kt-pagination--primary .kt-pagination__links li:not([disabled]):hover a {
    background: var(--warning) !important;
}

.text-success {
    color: var(--success) !important;
}

.alert-dark {
    background: var(--primary) !important;
}

.alert-success, .badge-success {
    background: var(--success) !important;
    color: white !important;
}

.badge-warning {
    background: var(--warning) !important;
    color: white;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.badge-primary, .alert-primary {
    background: var(--primary) !important;
}

.kt-notification__item-title {
    color: var(--primary) !important;
}

.kt-notification__item-time {
    color: var(--secondary) !important;
}

.alert-info {
    background: var(--info) !important;
}

.btn-danger, .badge-danger, .alert-danger {
    background: var(--danger) !important;
    color: white !important;
}

.alert-danger-light {
    background: pink !important;
}

.alert-success-light {
    background: #38b4a8 !important;
}

.alert-primary-light {
    background: #9eafe7 !important;
}

.alert-infant {
    background: var(--infant) !important;
}

.text-danger {
    color: var(--danger) !important;
}

.itinerary-history-icon, .kt-portlet__head-icon {
    color: var(--primary) !important;
    margin-left: -6px;
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--warning);
}

.btn-warning {
    background: var(--warning) !important;
}

.heat_map_cell {
    width: 20px;
    height: 20px;
    border: 1px solid lightgrey;
    color: white !important;
    font-size: 10px;
}

.heat_map_day {
    width: 20px;
    height: 20px;
}

/*--------------------------------------------------------------------------*/


.social-icon {
    color: #6359b0 !important;
    font-size: 20px;
}


.social-icon-2 {
    background: #920b3f !important;
    font-size: 20px;
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-left: 5px;
    padding-top: 2px;
}

.kt-widget2 .kt-widget2__item.kt-widget2__item--brand::before {
    background: var(--primary);
}

.social-icon-2 a {
    color: white;
}

/*  btn default start */
.btn.btn-default {
    color: var(--primary) !important;
    border: none !important;
}

.btn.btn-default i {
    color: var(--primary) !important;
}

.show > .btn.btn-default,
.btn.btn-default.active,
.btn.btn-default:active,
.btn.btn-default:hover {
    color: #ffffff;
    background: var(--primary);
    border-color: var(--primary);
}

.show > .btn.btn-default,
.btn.btn-default.active,
.btn.btn-default:active,
.btn.btn-default:hover i {
    color: #ffffff !important;
}

.modal-full {
    max-width: 95% !important;
}

.show > .btn.btn-default i,
.btn.btn-default.active i,
.btn.btn-default:active i,
.btn.btn-default:hover i {
    color: #ffffff;
}

.show > .btn.btn-brand.btn-elevate,
.btn.btn-brand.btn-elevate:focus,
.btn.btn-brand.btn-elevate.active,
.btn.btn-brand.btn-elevate:active,
.btn.btn-brand.btn-elevate:hover {
    -webkit-box-shadow: 0 9px 16px 0 rgb(156 71 176 / 25%) !important;
    box-shadow: 0 9px 16px 0 rgb(156 71 176 / 25%) !important;
}

.btn.btn-brand.btn-elevate {
    -webkit-box-shadow: 0 4px 16px 0 rgb(156 71 176 / 15%);
    box-shadow: 0 4px 16px 0 rgb(156 71 176 / 15%);
}

.btn-outline-brand {
    color: var(--primary) !important;
    border-color: var(--primary);
}

.btn-outline-brand:hover {
    color: #ffffff !important;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-brand:focus, .btn-outline-brand.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(156, 71, 176, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(156, 71, 176, 0.5);
}

.btn-outline-brand.disabled, .btn-outline-brand:disabled {
    color: var(--primary) !important;
    background-color: transparent;
}

.btn-outline-brand:not(:disabled):not(.disabled):active,
.btn-outline-brand:not(:disabled):not(.disabled).active,
.show > .btn-outline-brand.dropdown-toggle {
    color: #fff !important;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-brand:not(:disabled):not(.disabled):active:focus,
.btn-outline-brand:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-brand.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(156, 71, 176, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(156, 71, 176, 0.5);
}

/*  btn outline brand end */
.text-grey {
    color: #797679;
}

.kt-header--fixed.kt-header--minimize .kt-header {
    background: url("../img/background.jpg");
}

.row {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0;
}

.has-error input, .has-error textarea {
    border: 1px solid #fd397a;
}

.has-error label, .has-error .error-message {
    color: #fd397a;
}

.has-error ul.errorlist {
    color: #fd397a;
}

.display-inline-block {
    display: inline-block !important;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__desc {
    color: #3c3f4e;
}

.nav-pills .nav-item .nav-link {
    color: #3c3f4e;
}

.nav-pills.nav-pills-label .nav-item .nav-link:active,
.nav-pills.nav-pills-label .nav-item .nav-link.active,
.nav-pills.nav-pills-label .nav-item .nav-link.active:hover {
    background-color: #ccbeff;
    color: #3c3f4e;
}

.main_concept {
    text-align: justify;
}

.nav-link.active {
    background: #5b014d !important;
    color: white !important;
}

.p-line-medium {
    line-height: 20px;
}


.table-example {
    border-collapse: collapse;
    text-align: center;
    margin: auto;
    left: 50%;
}

.table-example td {
    border: 1px solid black;
    padding: 5px;
}

.table-example th {
    border: 1px solid black;
    padding: 10px;
    background: #282a3c;
    color: white;
}

.kt-sticky-toolbar__item a, .kt-grid-nav__item {
    color: #920b3f !important;
}

.kt-sticky-toolbar__item a:hover {
    background: #caa5ff !important;
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__title {
    color: #920b3f;
}

.btn-purple {
    background: #5b014d !important;
}

.text-brand {
    color: #8b0179 !important;
}

.alert.alert-success {
    background: #0abb87;
    border: 1px solid #0abb87;
    color: #ffffff;
}

a {
    cursor: pointer;
}

a.action {
    color: #920b3f !important;
}

.alert-dark a {
    color: #ffe2f7;
}

fieldset legend {
    font-size: 16px;
}

.datetimepicker-days, .day, .hour, .minute, .datetimepicker-days .switch, .datetimepicker-days .next,
.datetimepicker-hours .switch, .datetimepicker-minutes .switch, .datetimepicker-days .next span,
.datetimepicker-hours .next span, .datetimepicker-minutes .next span, .datetimepicker-days .prev span,
.datetimepicker-hours .prev span, .datetimepicker-minutes .prev span {
    color: #514d51 !important;
}

.day.disabled {
    color: #cbc7cb !important;
}

.day.active, .hour.active, .minute.active {
    color: white !important;
}

.datetimepicker {
    z-index: 500 !important;
}

.blink {
    animation-name: blinking;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: blinking;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinking {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinking {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes blinking {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

.kt-widget4__text, .kt-widget4__info a {
    color: #514d51 !important;
}

.kt-widget4__item {
    border-radius: 5px;
}

.alert-dark .kt-widget4__text, .alert-dark .kt-widget4__info a {
    color: white !important;
}

.kt-error_title {
    font-size: 60px;
    position: relative;
    font-weight: bold;
    top: 30px;
    left: 30px;
}

.kt-error_subtitle {
    font-weight: bold;
    font-size: 20px;
    position: relative;
    left: 50px;
    top: 30px;
    color: #736090;
}

.hide {
    display: none !important;
}

input.has-error, select.has-error {
    border: 2px solid red;
}

input.has-ok, select.has-ok {
    border: 2px solid green;
}

.font-24 {
    font-size: 24px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-18 {
    font-size: 18px !important;
}

.dropdown-submenu a {
    border-left: 1px solid rgba(82, 63, 105, 0.15);
    border-right: 1px solid rgba(82, 63, 105, 0.15);
}

.dropdown-submenu a:first-child {
    border-top: 1px solid rgba(82, 63, 105, 0.15);
}

.dropdown-submenu a:last-child {
    border-bottom: 1px solid rgba(82, 63, 105, 0.15);
}

.mt-neg-5 {
    margin-top: -5px !important;
}

.note-editor.note-frame .panel-heading.note-toolbar {
    background: #f7f8fa;
    z-index: 0;
}

.answer-ok {
    padding: 5px;
    background: #9eff97;
    color: green;
}

.answer-ok input, .answer-ok select {
    border: 1px solid green;
}


.answer-error {
    padding: 5px;
    background: #ffc6ae;
    color: red;
}

.answer-error input, .answer-error select {
    border: 1px solid red;
}

.table-scroll {
    position: relative;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
    border-left: solid black 3px !important;
    border-right: solid black 3px !important;
    border-radius: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.clone {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.table-wrap {
    width: 100%;
    overflow: auto;
}

.table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll th, .table-scroll td {
    padding: 5px 10px;
    background: #fff;
    white-space: nowrap;
    vertical-align: top;
}

.clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.clone th, .clone td {
    visibility: hidden
}

.clone td, .clone th {
    border-color: transparent
}

.clone tbody th {
    visibility: visible;
}

.clone .fixed-side {
    visibility: visible;
}

.matrix {
    -moz-border-radius: 5px !important;
    border-collapse: collapse !important;
    border: none !important;
}

.matrix {
    border-collapse: separate !important;
    border-left: solid black 3px !important;
    border-right: solid black 3px !important;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

.matrix th {
    border-top: none !important;
    padding: 5px;
}

.matrix td {
    padding: 5px;
}

.matrix td:first-child, .matrix th:first-child {
    border-left: none !important;
}

.pswp__bg {
    background: #fff !important;
    opacity: 0.9 !important;
}

.btn-zoom-image {
    background: #41363f;
    padding: 5px;
    color: white;
    border-top-left-radius: 30%;
}

a.view_concept_experimentation, a#view_list, a#view_matrix, a.link {
    color: #ab079a !important;
}

.key {
    padding: 5px;
    border: 1px solid black;
    border-radius: 5px;
    text-align: center;
}

.li-none {
    list-style: none !important;
}

.td-middle {
    vertical-align: middle !important;
}

table.border-black td, table.border-black th {
    border: 1px solid black !important;
}

.kt-login__title {
    line-height: 30px;
}

.alert-purple {
    background: #8c0c42 !important;
}

.alert-purple .kt-widget4__text, .alert-purple .kt-widget4__username {
    color: #ffffff !important;
}

.underline {
    border-bottom: 1px solid #000000;
    padding-bottom: 2px;
}

.show_evaluation {
    float: right;
    font-size: 40px;
    padding: 0 10px;
    transform-origin: top center;
    transform: rotate(25deg);
    position: relative;
    left: 30px;
    border: 6px solid;
    z-index: 1;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    text-align: center;
    opacity: 0.8;
}

.show_evaluation #max {
    font-size: 50px;
    position: relative;
    top: -30px;
}

.show_evaluation #evaluation-text {
    font-size: 20px;
    position: relative;
    top: -55px;
}

.show_evaluation #evaluation-sophia {
    font-size: 16px;
    font-style: italic;
    position: relative;
    top: -10px;
}

.pointer {
    cursor: pointer;
}

.fa-bg {
    font-size: 100px;
    transform: rotate(10deg);
    position: absolute;
    top: 10px;
    right: 0;
    opacity: 0.1;
}

.fa-bg-reverse {
    font-size: 100px;
    transform: rotate(-90deg);
    position: absolute;
    top: 10px;
    right: 0;
    opacity: 0.1;
}

.kt-bg-purple {
    background-color: #8c0c42 !important;
}

.kt-widget24 {
    cursor: pointer;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items {
    justify-content: center;
    align-items: flex-start !important;
}

.quote {
    color: darkgrey;
    position: relative;
    top: -30px;
    right: 10px;
    font-size: 90px;
    float: left;
}

.kt-section {
    padding: 0;
    margin: 0;
}

.kt-font-brand {
    color: var(--primary) !important;
}

.kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-icon,
.kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-text,
.kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-arrow,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-arrow {
    color: var(--primary) !important;
}

.alert[data-notify] {
    width: 350px !important;
}

.hidden {
    display: none !important;
}

.field_required {
    color: #ff314c;
    font-size: 100%;
    display: inline
}

.error {
    color: #fd397a !important;
    padding-left: 5px !important;
    padding-top: 3px !important;
}

.center_steps {
    justify-content: center;
}

.pay_record:not(.first_pay_record) {
    display: inline !important;
    width: calc(100% - 40px);
}

.btn_del_pay_record {
    display: inline;
    margin-left: 0 !important;
    width: 35px;
    margin-bottom: 3px;
    height: 37px;
}

.btn_add_pay_record {
    float: right;
}

.pay-record-label {
    margin-bottom: 10px !important;
}

:not(.input-group) > .select2-container {
    width: 100% !important;
}

.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell > span {
    color: #2d2b32;
}

.kt-datatable > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell > span,
.kt-datatable > .kt-datatable__table > .kt-datatable__foot .kt-datatable__row > .kt-datatable__cell > span {
    color: var(--primary) !important;
}

.dropdown-item {
    color: #2d2b32;
}

.first_item_detail {
    list-style: none;
    border: 0.2pt solid #e3e6f0;
    padding: 5px 0 5px 15px;
    font-size: 115%;
    height: 40px;
}

.fa-copy {
    color: var(--primary) !important
}

.item_detail {
    list-style: none;
    border-width: 0 0.2pt 0.2pt 0.2pt;
    border-style: solid;
    border-color: #e3e6f0;
    padding: 5px 0 5px 15px;
    font-size: 115%;
}

.item_detail__b {
    font-size: 85% !important;
    font-weight: 600 !important;
    display: inline !important;;
    margin-right: 6px;
}

.item_details_p {
    font-size: 85% !important;
    display: inline !important;
}

.passenger_passport_img {
    width: 180px;
    height: 100px;
    margin-left: 20px;
    margin-top: 5px;
}

.no_underline {
    text-decoration: none !important;
}

.filters {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    border: 1px solid #e7ecf1;
    box-shadow: 1px 1px 3px #999;
}

/*  PC  */
@media (max-width: 630px) {

    .filters_content {
        width: 88%;
        display: inline;
        float: left;
        padding: 8px
    }

    .div_search_buttons {
        display: inline;
        float: left;
        padding-right: 12px;
        width: 100%;
        margin-left: 14px;
        margin-bottom: 20px;
    }
}

/*  MOBILE  */
@media (min-width: 631px) {

    .filters_content {
        width: 80%;
        display: inline;
        float: left;
        padding: 8px
    }

    .div_search_buttons {
        display: inline;
        float: right;
        padding-right: 12px
    }

    .search_button {
        margin-top: 38px;
    }
}

body {
    color: #2d2b32 !important;
}

.btn.btn-default {
    background: transparent;
    color: #777581;
    border: 1px solid #777581;
}

.kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-text {
    color: #2d2b32 !important;
}

.v-center {
    vertical-align: middle !important;
}

.kt-wizard-v1 .kt-wizard-v1__wrapper .kt-form {
    width: 90% !important;
}


.link-itinerary-history {
    color: #6c7293 !important;
}

@media (max-width: 450px) {
    .btn-sm-block {
        display: block;
        width: 100%;
        margin-right: 0 !important;
    }

    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}

.sweet-alert h2 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.sa-confirm-button-container {
    width: 45%
}

.sa-confirm-button-container .confirm {
    width: 100%
}

.sa-button-container .cancel {
    width: 45%
}

.flight-transition {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    -webkit-animation-name: scroll;
}

@-webkit-keyframes scroll {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.nav-tabs .nav-item .active {
    background: none !important;
    color: var(--primary) !important;
    font-weight: bold !important;
}

.rotate-15 {
    transform: rotate(15deg);
}

.table-caption {
    font-size: 16px;
    font-weight: bold;
    color: black;
    background-color: #9bace1;
    padding-top: 10px;
    padding-left: 20px;
    text-align: center;
}

.popover {
    color: black !important;
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu.kt-menu__submenu--full,
    .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed,
    .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu.kt-menu__submenu--auto,
    .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu.kt-menu__submenu--auto.kt-menu__submenu--mimimal-desktop-wide,
    .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed-xl,
    .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu.kt-menu__submenu--fixed-xxl {
        right: unset !important;
    }
}

.leaflet-container {
    width: 100%;
    height: 600px;
    z-index: 0 !important;
}

@media (min-width: 1025px) {
    #kt_header {
        position: fixed;
    }

    .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav .kt-menu__content > .kt-menu__item {
        width: 300px;
    }
}

@media (max-width: 1300px) {
    .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav .kt-menu__content > .kt-menu__item {
        min-width: 200px;
        max-width: 300px;
        width: inherit;
    }
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-submenu-left .dropdown-item {
    background: white;
}

.dropdown-submenu-left .dropdown-item {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-submenu-left li {
    list-style: none;
}

.dropdown-menu .dropdown-submenu-left {
    bottom: 100%;
    right: 0;
    margin-top: 40px;
    left: auto;
    z-index: 99999;
}

.dropdown-submenu-left i.la {
    margin-right: 0.75rem;
    color: #a7abc3;
    font-size: 1.4rem;
}

.dropdown-submenu-left {
    padding-left: 0 !important;
}

.datetimepicker, .datepicker-container {
    z-index: 99999 !important;
}

.radius-0 {
    border-radius: 0;
}

.tooltip .tooltip-inner {
    color: #fff;
    background: #2c2e3e;
}

.timeline-icon {
    margin-left: -4px;
    text-align: center;
}

.timeline-icon-success {
    border: 1.1rem solid #28A745 !important;
}

.timeline-icon-danger {
    border: 1.1rem solid red !important;
}

.timeline-icon-primary {
    border: 1.1rem solid var(--primary) !important;
}

.timeline-icon i.la {
    font-size: 13pt !important;
    color: white;
    margin-top: 3px;
}

.kt-timeline-v2__item-text {
    color: black !important;
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-cricle {
    left: 0.5rem !important;
}

.kt-timeline-v2::before {
    left: 1rem !important;
}


.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-text {
    padding: 0.35rem 0 0 1rem !important;
}

.kt-timeline-v2 .kt-portlet .kt-portlet__head {
    padding: 0 25px 0 0;
}


@media screen and (max-width: 600px) {
    .btn-back {
        display: none;
    }
}

@media screen and (min-width: 600px) {
    .menu-item-back {
        display: none !important;
    }
}

.kt-datatable > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell .kt-checkbox.kt-checkbox--solid > span,
.kt-datatable > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell .kt-checkbox.kt-checkbox--solid > span,
.kt-datatable > .kt-datatable__table > .kt-datatable__foot .kt-datatable__row > .kt-datatable__cell .kt-checkbox.kt-checkbox--solid > span {
    background: white;
}

.kt-datatable > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell .kt-checkbox.kt-checkbox--solid > input:checked ~ span,
.kt-datatable > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell .kt-checkbox.kt-checkbox--solid > input:checked ~ span,
.kt-datatable > .kt-datatable__table > .kt-datatable__foot .kt-datatable__row > .kt-datatable__cell .kt-checkbox.kt-checkbox--solid > input:checked ~ span {
    background: var(--primary);
}

.kt-checkbox.kt-checkbox--solid > span {
    background: #e4e8ee;
    border: 1px solid var(--secondary) !important;
}

.kt-checkbox.kt-checkbox--solid > span:after, .kt-radio.kt-radio--solid > span::after {
    border: solid white;
}

.kt-checkbox.kt-checkbox--solid > input:focus ~ span {
    border: 1px solid var(--secondary) !important;
}

.kt-badge.kt-badge.kt-badge--inline {
    height: auto;
    width: auto;
    padding: 0.18rem 0.75rem;
}


.chart-container > svg path:hover {
    cursor: pointer;
}


.dropdown-item:active, .dropdown-item:hover {
    text-decoration: none;
    color: var(--warning);
}


.fc .fc-button-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.fc .fc-button-primary:hover {
    background-color: var(--yellow) !important;
    border-color: var(--yellow) !important;
}

.lead.text-muted {
    color: black !important;
}

.flight-type-initial {
    font-weight: bold;
    font-family: "Roboto", "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
    color: var(--primary);
}

#id_notice_modal img {
    max-width: 100% !important;
}

.socials img {
    width: 12pt;
}

.socials a {
    margin-left: 12pt;
}

.socials a:first-child {
    margin-left: 0;
}

.collapse-text {
    color: var(--primary) !important;
}


.preview .fa {
    font-size: 120px;
    color: #b6b6c2;
    max-width: 220px;
    max-height: 160px;
    margin-bottom: 5px;;
}

@media (max-width: 1024px) {
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span,
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::before,
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::after {
        background: white;
    }

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler i {
        color: white;
    }
}

.bg-none {
    background: none !important;
}

.note-editor .note-toolbar .note-btn-group .btn:hover i {
    color: var(--warning) !important;
}

.note-popover {
    background: white !important;
}

.calendar-table .monthselect, .calendar-table .yearselect {
    border: none;
}


.popover {
    background: white;
}

.select_passengers input.touchspin {
    font-size: 18px;
    text-align: center;
    border: 0;
    font-weight: bold;
}

.text-black {
    color: black !important;
}

.selected_route {
    border: 2px solid var(--warning) !important;
    background: #fae9cc;
}

.selected_date {
    border: 2px solid var(--primary) !important;
    background: var(--light);
    color: var(--primary);
}

.advertising {
    padding: 5pt;
    height: 150pt;
    cursor: pointer;
    box-shadow: 0 0 5px 0 grey;
}

.advertising_size {
    height: 12pt;
    width: 15pt;
    margin: 1pt;
    display: inline-block !important;
    background: lightgrey;
    cursor: pointer;
}

.advertising_size.selected {
    background: var(--primary) !important;
}

.sweet-alert {
    padding: 20px;
    border: 0px solid !important;
    box-shadow: 6.1px 12.2px 12.2px hsl(0deg 0% 0% / 0.31);
}

.set_paginate_by button {
    height: 22pt;
    margin-top: -5px;
    border-radius: 4px;
    color: var(--primary);
    background: var(--light);
}

.bg-light {
    background: #cae7ff;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.bg-warning-light {
    background: #f7e0c8 !important;
}

.set_outbound_date:hover:not(.date-arrow),
.set_return_date:hover:not(.date-arrow),
.set_outbound_date:hover:not(.date-arrow) .fa,
.set_return_date:hover:not(.date-arrow) .fa {
    background: var(--primary) !important;
    color: white !important;
}

.set_outbound_date.date-arrow:hover i, .set_return_date.date-arrow:hover i {
    color: var(--warning) !important;
}

.bg-primary-light {
    background: #cae7ff;
}

.floating-search {
    position: fixed;
    color: white;
    bottom: 35pt;
    right: 5pt;
    width: 30pt;
    height: 30pt;
    background: var(--warning);
    border-radius: 5pt;
    text-align: center;
    cursor: pointer;
    opacity: 0.3;
    z-index: 90;
}

.floating-search i {
    font-size: 14pt;
    margin-top: 8pt;
}

.kt-scrolltop {
    bottom: 70pt !important;
    right: 5pt;
}

.floating-search:hover {
    opacity: revert;
}

.fc .fc-daygrid-day.fc-day-today {
    background: #cae7ff !important;
}

.flight_breakdown {
    background: #cae7ff !important;
    border-radius: 10pt;
    border: 2px solid var(--primary);
}

.flight_breakdown td {
    border: 0;
}

.bg-blue-light {
    background: #e3f1f9;
}

.bg-red-light {
    background: #f9e3e3;
}

[id$=_div_map] {
    width: 100% !important;
}

.nav-wizard {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eeeef4;
    margin-bottom: 50px;
}

.nav-wizard-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex: 0 0 20%;
}

.nav-wizard-step-item::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2rem;
}

.nav-wizard-item-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 2.5rem;
}

.nav-wizard-item-icon {
    font-size: 3.7rem;
    color: #b2b7c6;
    margin-bottom: 0.5rem;
}

.nav-wizard-item-label {
    font-size: 1.1rem;
    font-weight: 600;
    color: #50566a;
}

.nav-wizard-item-active .nav-wizard-item-icon {
    color: var(--warning) !important
}

.nav-wizard-item-active .nav-wizard-item-label {
    color: var(--warning) !important
}

.nav-wizard-item-active::after {
    color: var(--warning) !important
}

.list-sortable-connected li.list-group-item {
    cursor: move;
}

.list-sortable-placeholder {
    height: 30px;
    background: var(--secondary);
    list-style: none;
}

.list-sortable-connected {
    height: auto;
    min-height: 50px;
    background: #f5f4f4;
    border: 1px dashed grey;
    border-radius: 10px;
    max-height: 350px;
    overflow: auto;
}

.tab-bar-item-loading {
    width: 10%;
}

.tab-bar-item-loading a {
    width: 100%;
}

.tab-bar-item-loading p {
    width: 80%;
    margin-right: 5px;
    margin-bottom: 2px;
    height: 40px;
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite;
}

.tab-bar-item-loading p + p {
    width: 20%;
}

@-webkit-keyframes shine {
    to {
        background-position-x: -200%;
    }
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}


.coupon {
    height: 130px;
    background: var(--light);
    box-shadow: 0 0 5px grey;
}

.coupon-back {
    height: 130px;
    background: var(--primary);
    box-shadow: 0 0 5px grey;
}

.border-triangle-left {
    width: 20px;
    height: 130px;
    background: linear-gradient(60deg, transparent 75%, var(--primary) 75%) 10px 0,
    linear-gradient(120deg, transparent 75%, var(--primary) 75%) 10px 0;
    background-size: 20px 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.border-triangle-right {
    width: 20px;
    height: 130px;
    background: linear-gradient(60deg, transparent 75%, #dae5ff 75%) 10px 0,
    linear-gradient(120deg, transparent 75%, #dae5ff 75%) 10px 0;
    background-size: 20px 20px;
    position: absolute;
    right: 0;
    transform: rotate(180deg);
    top: 0;
}

.coupon-title {
    display: flex;
    align-items: center;
    background: var(--primary);
    width: 40px;
    height: 130px;
}

.coupon-title span {
    color: white;
    font-size: 18px;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: absolute;
    left: 15px;
}

.coupon-content {
    position: absolute;
    padding: 10px;
    top: 0;
    left: 40px;
    width: calc(100% - 30px);
    text-align: center;
    height: 120px;
}

.coupon-range {
    position: absolute;
    width: calc(100% - 30px);
    bottom: 0;
    text-align: left;
    font-style: italic;
    padding-left: 10px;
}

.coupon-code {
    position: absolute;
    width: calc(100% - 30px);
    top: 40%;
}

.coupon-discount {
    position: absolute;
    right: 10px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    bottom: 0;
    background: var(--primary);
    padding: 5px 10px;
    color: white !important;
    border-bottom-right-radius: 10px;
}

.coupon-discount::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    border-right: var(--primary) solid 15px;
    border-top: transparent solid 15px;
    border-bottom: transparent solid 15px;
}

.coupon-discount::after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 0;
    border-right: transparent solid 10px;
    border-top: transparent solid 10px;
    border-bottom: var(--secondary) solid 10px;
}

.coupon-disabled .coupon-title, .coupon-disabled .coupon-type span, .coupon-disabled .coupon-discount {
    background: #ccc6c6 !important;
}

.coupon-disabled {
    background: #fbfbfb;
}

.coupon-disabled .coupon-range, .coupon-disabled .coupon-code, .coupon-disabled .coupon-product {
    color: #ccc6c6 !important;
}

.coupon-not-available {
    color: red;
    position: absolute;
    top: -15px;
    left: 20px;
    text-align: center;
    width: calc(100% - 30px);
    transform: rotate(-15deg);
    font-weight: bold;
    text-shadow: 3px 3px #fccfcf;
    border: red 3px double;
}

.coupon-disabled .coupon-discount::before {
    border-right: #ccc6c6 solid 15px;
}

.coupon-disabled .coupon-discount {
    color: #ccc6c6;
}

.border-triangle-left-disabled {
    width: 20px;
    height: 130px;
    background: linear-gradient(60deg, transparent 75%, #ccc6c6 75%) 10px 0,
    linear-gradient(120deg, transparent 75%, #ccc6c6 75%) 10px 0;
    background-size: 20px 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.coupon-disabled .coupon-discount::after {
    border-bottom: #ccc6c6 solid 10px;
}

.coupon-product {
    color: var(--primary);
}

.coupon-sign {
    width: 120px;
    height: 120px;
    border: double 5px var(--primary);
    float: right;
    border-radius: 50%;
    padding: 10px;
    font-size: 24px;
    text-align: center;
    transform: rotate(10deg);
    background: white;
    box-shadow: inset 0 0 12px var(--primary);
}

.coupon-sign .discount {
    position: relative;
    top: 25px;
    z-index: 2;
    color: var(--primary);
}

.coupon-sign .symbol {
    position: absolute;
    top: -10px;
    right: -15px;
    font-size: 40px;
    background: white;
    padding: 10px;
    line-height: 40px;
    z-index: 1;
    border-radius: 50%;
    color: var(--primary);
    text-shadow: 0 0 3px var(--primary);
}

/* Download bar */
.download-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid #d6d1d1;
    background-color: white;
    padding: 0 10px;
}

.download-bar .scroll-view {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: auto;
    margin-right: 20px;
}


.download-bar .download-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 8px;
    gap: 10px;
    background-color: white;
}

.download-bar .download-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.download-item:hover {
    background: #EBEBF4;
}

.download-bar .state-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 10px;
}

.download-bar .state-icon-pending {
    background: #EBEBF4;
    color: #4f524f;
}

.download-bar .state-icon-success {
    background: #9ed593;
    color: #095707;
}

.download-bar .state-icon-failure {
    background: #F4CFCF;
    color: #570808;
}

.download-bar .state-download-success {
    color: #095707;
}

.download-bar .state-download-pending {
    color: #4f524f;
}

.download-bar .state-download-failure {
    color: #570808;
}

.download-bar .download-item-file {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hover-primary:hover {
    background: var(--primary);
    color: white !important;
}

.text-pink {
    color: hotpink;
}

@media (max-width: 1024px) {
    .kt-header__topbar {
        background: transparent;
    }

    .kt-header__topbar--mobile-on .kt-header__topbar {
        border-top: none;
    }
}

.blockPage {
    z-index: 1060 !important;
    align-self: center !important;
}

div.recurrence-widget .add-button, div.recurrence-widget .add-button:link, div.recurrence-widget .add-button:visited {
    color: var(--primary) !important;
    font-weight: bold;
}

div.recurrence-widget .grid td.active {
    background: var(--primary) !important;
    color: white;
}

.recurrence-widget .limit, .recurrence-widget form:not(.date) .mode {
    display: none !important;
}

.select2-selection__rendered {
    height: 35px !important;
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px !important;
}

.kt-menu__link:hover .kt-menu__link-text {
    color: var(--primary) !important;
    font-weight: bold !important;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link:hover > i,
.nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link.active > i,
.nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link:hover > i,
.nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link.active > i {
    color: var(--primary);
}

.nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link:hover,
.nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link.active,
.nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link:hover,
.nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link.active {
    border-bottom: 1px solid var(--primary);
}

.form-control:focus {
    border-color: var(--primary);
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
.nav-tabs.nav-tabs-line a.nav-link:hover,
.nav-tabs.nav-tabs-line a.nav-link.active {
    border-bottom: 1px solid var(--primary);
}

.form-group.no-bottom-space {
    margin-bottom: 0 !important;
}

.slider .tns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.slider .advertising {
    font-size: 4rem;
    color: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease;
    z-index: 0;
    overflow: hidden;
}

.slider .advertising img {
    height: 100%;
}

.slider .fa-search-plus {
    position: absolute;
    z-index: 2;
}

.slider #modal::-webkit-scrollbar {
    display: none;
}

.slider .advertising:hover {
    color: white;
    z-index: 1;
}

.slider .background {
    width: 120%;
    height: 120%;
    position: absolute;
    filter: blur(5px);
    background-image: var(--image);
    z-index: -1;
}

.slider .advertising:hover .background, .slider .advertising:hover img {
    color: white;
    filter: brightness(.5);
}

.hover-gray-light:hover {
    background: #e9f0f6;
}

.wrap-large-text {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 100%;
}

.input-group input[type=file] {
    width: 100%;
}

/* WHATSAPP BTN */
.whatsapp-btn {
    position: fixed;
    bottom: 40px;
    right: 60px;
    background-color: #2ab540;
    border-radius: 50%;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    transition: transform 0.3s ease;
    animation: pulsar 3s infinite;
    z-index: 99;
}

.whatsapp-btn:hover {
    transform: scale(1.1);
}

.whatsapp-btn img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

@keyframes pulsar {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}