/* @import url('../plugins/bootstrap/css/bootstrap.min.css'); */

@import url('../plugins/jquery-ui/jquery-ui.min.css');

@import url('loader.css');

@import url('plugins.css');

@import url('../plugins/loading/loading.css');

/*@import url('forms/theme-checkbox-radio.css');
@import url('forms/switches.css');*/

/*FileInput*/
@import url('../plugins/fileinput/css/fileinput.min.css');
@import url('../plugins/fileinput/css/fileinput-rtl.min.css');

/*SweetAlert*/
@import url('scrollspyNav.css');
@import url('../plugins/animate/animate.css');
@import url('../plugins/sweetalerts/sweetalert.css');

/*Style AccountSetting*/
@import url('users/account-setting.css');

/**/
/*@import url('dashboard/dash_1.css');*/

/*Style Card*/
@import url('components/cards/card.css');

/*Style Alert*/
@import url('elements/alert.css');

@import url('../plugins/waitMe/waitMe.css');

/*Style FontAwensome*/
@import url('../plugins/font-icons/fontawesome/css/all.min.css');

/*Calentim*/
@import url('../plugins/calentim/calentim.css');

/*Custom modal es para modificar estilos de los modales*/
@import url('components/custom-modal.css');

/*Style custom tabs*/
@import url('components/tabs-accordian/custom-tabs.css');

/*Style custom accordion*/
@import url('components/tabs-accordian/custom-accordions.css');

@import url('../plugins/bootstrap-tagsinput/bootstrap-tagsinput.css');

@import url('components/custom-list-group.css');

@import url('../plugins/bootstrap-select/bootstrap-select.min.css');

@import url('../plugins/table/datatable/datatables.min.css');
@import url('tables/table-basic.css');
@import url('../plugins/table/datatable/dt-global_style.css');
@import url('../plugins/table/datatable/custom_dt_custom.css');

@import url('../plugins/lightbox/lightbox.min.css');

@import url('../plugins/select2/select.css');

@import url('../plugins/morrisjs/morris.css');

@import url('../plugins/daterange-picker/daterangepicker.min.css');

/*Styles todo list, for list option service*/
@import url('../plugins/editors/quill/quill.snow.css');
@import url('apps/todolist.css');

@import url('apps/notes.css');

/* @import url('components/tabs-accordian/custom-accordions.css'); */

@import url('elements/avatar.css');

@import url('elements/avatar.css');

@import url('apps/invoice-preview.css');
@import url('apps/invoice-edit.css');

/*ESTILOS PARA EL LISTADO DE NOTIFICACIONES DE RESERVACIONES EN EL HEADER*/
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu {
    border: none;
    border: 1px solid #e0e6ed;
    z-index: 899;
    box-shadow: none;
    padding: 10px;
    padding: 0.35rem 0;
    transition: top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    transform: none!important;
    top: 0!important;
    right: 0;
    left: auto!important;
    border-radius: 8px;
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    top: 21px!important;
}
.header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu {
    top: 139%!important;
    border-radius: 6px;
    -webkit-box-shadow: 0 10px 30px 0 rgb(31 45 61 / 10%);
    box-shadow: 0 10px 30px 0 rgb(31 45 61 / 10%);
    background: #fff;
    padding: 10px;
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu {
    min-width: 15rem;
    right: -7px;
    left: auto;
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu.show {
    top: 102%!important;
}
.header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu.show {
    top: 102%!important;
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu {
    min-width: 15rem;
    right: -6px;
    left: auto;
}

.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item {
    cursor: pointer;
    border-radius: 0;
    background: transparent;
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #e0e6ed;
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media-body {
    display: flex;
    justify-content: space-between;
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info {
    display: inline-block;
    white-space: normal;
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info h6 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    margin-right: 8px;
    color: #3b3f5c;
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .data-info p {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    color: #888ea8;
}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .icon-status {
    display: inline-block;
    white-space: normal;
}

/*ESTILOS PARA EL MODAL DE LOADING QUE SE MUESTRA CUANDO SE REALIZA UNA ACCION CON PETICION AL SERVIDOR*/
.loading .modal-dialog {
    font-size: 18px;
    text-align: center;
}
.loading .modal-dialog .modal-content .modal-header {
    background: #1b55e2;
    border-bottom: none;
}
.loading .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 18px;
    color: #fff;
}

/*ESTILOS PARA EL FILE DE COMPROBANTES DE PAGO*/
.file-input {
    margin: 6px 0;
}
.file-input.kv-rtl .input-group {
    display: table;
}
.file-input.kv-rtl .input-group .form-control, 
.file-input.kv-rtl .input-group-addon, 
.file-input.kv-rtl .input-group-btn{
    display: table-cell;
}
.file-input.kv-rtl .input-group-addon, 
.file-input.kv-rtl .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.file-input.kv-rtl .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.file-input.kv-rtl .input-group .input-group-btn .browse_btn, 
.file-input.kv-rtl .input-group .input-group-btn .browse_btn:hover, 
.file-input.kv-rtl .input-group .input-group-btn .browse_btn:focus{
    width: auto;
    padding: 13px 25px;
    font-size: 17px;
    height: auto;
    outline: 0;
    border: 0;
    box-shadow: none;
    font-weight: 600;
    background-color: #0c1a63;
    color: #ffffff;
}
.file-input.kv-rtl .input-group .input-group-btn .btn_remove, 
.file-input.kv-rtl .input-group .input-group-btn .btn_remove:hover, 
.file-input.kv-rtl .input-group .input-group-btn .btn_remove:focus {
    border: 0;
    padding: 13px 20px;
    box-shadow: none;
}
.file-input.kv-rtl .input-group .input-group-btn .btn_remove svg, 
.file-input.kv-rtl .input-group .input-group-btn .btn_remove:hover svg, 
.file-input.kv-rtl .input-group .input-group-btn .btn_remove:focus svg{
    position: initial;
    color: #ffffff;
    width: auto;
    height: auto;
}
.file-input.kv-rtl .input-group .file-caption{
    border-radius: 0 6px 6px 0;
    color: #3b3f5c;
    font-weight: 600;
    font-size: 16px;
    padding: 13px 35px 13px 46px;
    height: 50px;
    margin: 0;
    line-height: 24px;
}
.file-input.kv-rtl .input-group .file-caption .file-caption-name{
    padding: 0;
    height: auto;
    text-align: center;
}
.file-input.kv-rtl .file-caption.icon-visible .file-caption-name::placeholder {
    color: #6c757d;
    opacity: 1;
}

/*ESTILOS PARA LOS CHECKBOX ESPECIALES*/
.box-checkbox, .item_additional {
    display: table-cell;
}
.box-checkbox .icofont,
.item_additional .icofont {
    font-size: 30px;
    vertical-align: middle;
}
.box-checkbox.inactive .icofont, 
.item_additional.inactive .icofont{
    color: rgb(249, 98, 98);
}
.box-checkbox.active .icofont,
.item_additional.active .icofont {
    color: rgb(153, 214, 131);
}

/**********************************************************************/
.bootstrap-tagsinput {
    display: block;
    width: 100%;
    height: calc(1.4em + 1.4rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    height: auto;
    border: 1px solid #bfc9d4;
    color: #3b3f5c;
    font-size: 15px;
    padding: 8px 10px;
    letter-spacing: 1px;
    /*height: calc(1.4em + 1.4rem + 2px);*/
    padding: 0.75rem 1.25rem;
    border-radius: 6px;
    padding: 8px 8px;
}
.bootstrap-tagsinput input {
    padding: 0;
}
.bootstrap-tagsinput .label-info {
    background-color: #5bc0de;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

/*DETAILS PROVIDER*/
.p-r-0 {
    padding-right: 0px!important;
}
.p-l-0 {
    padding-left: 0px!important;
}

/**********************************************************************/
.group_option{
    display: table;
    width: 22%;
    height: 80%;
    float: left;
}
.group_option .box-checkbox{
    vertical-align: middle;
}
.group_option.input_group{
    width: 30%;
}
.input_group_item{
    display: table-cell;
    vertical-align: middle;
    width: 45%;
}
.input_group_item.line{
    width: 10%;
    text-align: center;
}
.message_group.invalid-feedback{
    width: 100%;
    float: left;
}

/**********************************************************************/
.option_card{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
}
.option_card:last-child{
    border-bottom: 0;
}
.body_calendar .calendar_days, 
.footer_calendar .calendar_days,
.description_title .title_one p {
    width: 100%;
    /* float: left; */
    font-weight: bold;
    color: #515365;
}

.new-control.new-checkbox.check-success > input:checked ~ span.new-control-indicator{
    border-color: #8dbf42;
}
.new-control.check-success span.new-control-indicator:after{
    border-color: #8dbf42;
}
.new-control.new-checkbox.check-danger > input:checked ~ span.new-control-indicator{
    border-color: #e7515a;
}
.new-control.check-danger span.new-control-indicator:after{
    border-color: #e7515a;
}

img{ max-width: 100%; object-fit: cover; }

/*ESTILOS DE DROPDOWN DE HEADER*/
.navbar .navbar-item .nav-item.profile-agency .dropdown-menu{
    left: -162px;
}

/*ESTILOS DE SELECT 2 MEJORADOS PARA QUE FUNCIONE CON EL TEMPLATE*/
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--multiple{
    height: auto;
    border: 1px solid #bfc9d4;
    color: #3b3f5c;
    font-size: 15px;
    padding: 8px 10px;
    letter-spacing: 1px;
    /* height: calc(1.4em + 1.4rem + 2px); */
    padding: 8px 8px;
    border-radius: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    /* height: calc(1.4em + 1.4rem + 2px); */
    right: 7px;
}
.select2-container--default .select2-selection--multiple{
    background-color: white;
    border-radius: 4px;
    cursor: text;
    padding: 8px 16px;
    font-weight: 700;
    background: #f1f2f3;
    min-height: 32px !important;
}
.select2-selection--multiple .select2-search{
    display: inline-block;
    overflow: hidden;
}

.underline-content .nav-tabs .nav-link{
    color: #fff;
}

.underline-content .nav-tabs .nav-link svg{
    color: #fff;
}

.underline-content .nav-tabs .nav-link.active, 
.underline-content .nav-tabs .nav-link.active svg,
.underline-content .nav-tabs .show > .nav-link,
.underline-content .nav-tabs .show > .nav-link svg{
    color: #51a780;
    border-bottom: 1px solid #51a780;
}
.underline-content .nav-tabs .nav-link.active:hover, 
.underline-content .nav-tabs .show > .nav-link:hover, 
.underline-content .nav-tabs .nav-link.active:focus, 
.underline-content .nav-tabs .show > .nav-link:focus{
    border-bottom: 1px solid #51a780;
}

/*********************************************************************************************************/
/************************************** STYLES LISTADO DE SERVICIOS **************************************/
/*********************************************************************************************************/

/* FILTERS */
.filters .title-filters{
    text-align: left;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1.125rem;}
.filters .list-categories{
    list-style: none;
    padding: 0;
    margin: 0;}
    .list-categories .item-category{
        padding-bottom: 0.625rem;
        display: flex;
        justify-content: space-between;
        align-items: center;}
        .item-category .category_name{
            margin: 0;
            font-size: 0.875rem !important;
            color: #000 !important;}
        .item-category .category_code{
            width: 15px;
            height: 15px;}            

/*********************************************************************************************************/
/************************************** STYLES DETALLES DE SERVICIOS **************************************/
/*********************************************************************************************************/

/* POPUP PASSENGERS */
.box_quote_rate{
    width: 100%;
    display: flex;}       
.flex-group{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 1rem;}
.flex-group.direction-row{
    flex-direction: row;
    justify-content: center;
    align-items: center;}
.flex-group:last-child{
    margin-right: 0;}
    .passengers-control{
        border: 1px solid #bfc9d4;
        color: #3b3f5c;
        font-size: 15px;
        height: calc(1.4em + 1.4rem + 2px);
        padding: 8px 8px;
        border-radius: 6px;
        width: 100%;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center; }
    .passengers-control.booking{
        color: #fff;}
        .passengers-control .passenger-icon svg,
        .passengers-control .passenger-arrow svg{
                fill: black;}
        .passengers-control .passenger-icon{
            padding-right: 8px;}
        .passengers-control .passenger-arrow{
            display: inline-block;}
        .passengers-control .passenger-label{
            display: flex;
            align-items: center;
            font-weight: 600;
            overflow: hidden;}
        .passengers-control .passenger-label span,
        .passengers-control .passenger-label span strong{
            font-size: 15px;
            padding-left: 2px;
            padding-right: 2px;}
    .popup-passengers{
        position: absolute;}
        .popup-passenger-wrapper{
            opacity: 0;
            position: absolute;
            top: 4px;
            left: 0;
            z-index: -1;
            min-width: 340px;
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 16px 0 rgba(26,26,26,0.24);
            transition: opacity .1s ease-out;}
        .popup-passenger-wrapper.popup-active{
            opacity: 1;            
            top: calc(100% + 16px);
            right: calc(8px * -1);
            z-index: 200;
            transition: transform .2s linear,opacity .1s ease-out .2s,-webkit-transform .2s linear;
            pointer-events: all;}
            .popup-passenger{
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start;}
            .popup-passenger-body .popup-passenger-item{
                width: 100%;
                margin-bottom: 0.5rem;
                color: #3b3f5c;
                font-size: 15px;
                display: flex;
                justify-content: space-between;
                align-items: center;}
                .popup-passenger-item .passenger-item-counter{
                    margin-left: auto;                                                    
                    width: 100%;
                    max-width: 85px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;}
                    .passenger-item-counter .counter-label{
                        text-align: center;
                        font-size: 16px;
                        font-weight: 600;}
                    .passenger-item-counter .counter-more,
                    .passenger-item-counter .counter-less{
                        width: 25px;
                        height: 25px;}
                    .passenger-item-counter .counter-more button,
                    .passenger-item-counter .counter-less button{
                        background: transparent;
                        outline: none;
                        border: none;
                        padding: 0;
                        cursor: pointer;
                        transition: all 200ms ease 0s;}
                    .passenger-item-counter .counter-more button.disabled,
                    .passenger-item-counter .counter-less button.disabled{
                        filter: grayscale(100%);
                        opacity: 0.4;}
            .popup-passenger-footer button{
                margin-top: 1rem;
                outline: none;
                width: 100%;
                padding: 10px;
                font-size: 15px;
                line-height: 18px;
                color: #fff;
                background-color: #0c1a63;}
            .popup-passenger-footer button:hover{
                color: #fff;
                background-color: #51a780;}


/*******************************************************************************************************************************/
/************************************** STYLES LISTADO DE SERVICIOS Y TARIFA DE SERVICIOS **************************************/
/*******************************************************************************************************************************/
.box {
    width: 100%;
    float: left;}
.text_info_details{
    color: #0c1a63;
}
.h2_title,
.title_details {
    color: #0c1a63;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;}
.title_details {
    font-size: 30px;
    line-height: 42px;}
.media.icon{
    align-items: center;}
    .media-left, 
    .media-right{
        display: table-cell;
        vertical-align: top;}

    /*******************************************************************************************************************************/
    /************************************** STYLES LISTADO DE SERVICIOS Y TARIFA DE SERVICIOS **************************************/
    /*******************************************************************************************************************************/
    .card_rate,
    .box_tour {
        width: 100%;
        display: flex;}
        .box_tour .card_tour {
            position: relative;
            padding: 0;}
        .card_tour .card_body,
        .card_rate .card_body {
            display: flex;}
            .card_body .card_picture, 
            .card_body .card_content {
                padding: 0 15px;
                position: relative;
                z-index: 8;
                color: #000;}
            .card_body .card_picture {
                /* height: 240px; */
                padding: 0;}
                .card_picture a{
                    display: flex;
                    width: 100%;
                    height: 100%;}
                .card_picture a img {
                    width: 100%;
                    height: 100%;}
            .card_body .card_content {
                padding-top: 20px;
                padding-bottom: 20px;
                text-align: left;
                display: flex;
                flex-direction: column;
                gap: 0.5rem;}
                .card_content .name_link, 
                .box_information h2 {
                    font-size: 24px;
                    line-height: 28px;
                    font-weight: 900;
                    color: #0c1a63;}
                .card_content ul, 
                .box_information ul {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    gap: 0.5rem;
                    margin: 0;}
                    .card_content ul li,
                    .box_information ul li {
                        display: flex;
                        font-size: 15px;
                        line-height: 18px;}
                        .card_content ul li .badge,
                        .box_information ul li .badge{
                            padding: 5px 6px;}
                            .card_content ul li .badge svg,
                            .box_information ul li .badge svg{
                                color: #fff;}
                        .card_content ul li .media, 
                        .box_information ul li .media {
                            border: 0;
                            margin: 0;
                            padding: 0;}
                            .card_content ul li .media-left, 
                            .box_information ul li .media-left {
                                padding: 0;} 
                            .card_content ul li .media-left svg, 
                            .box_information ul li .media-left svg {
                                font-size: 16px;
                                color: #0c1a63;}
                            .card_content ul li .media-right, 
                            .box_information ul li .media-right {
                                padding: 0;
                                padding-left: 5px;
                                /*font-size: 15px;
                                line-height: 18px;*/}        
                    .card_content ul li .label-category {
                        letter-spacing: 0.05em;
                        border-radius: 60px;
                        padding: 4px 12px 3px;
                        font-weight: 500;
                        display: block;
                        color: #ffffff;
                        background-color: #51a780;
                        border: 1px solid #51a780;
                        font-size: 12.5px;
                        margin-bottom: 7px;
                        margin-right: 5px;
                        float: left;}
                .item_day,
                .item_all {
                    display: inline-block;
                    padding-top: 8px;
                    padding-bottom: 8px;
                    min-width: 48px;
                    border: 1px solid #d9d9d9;
                    border-radius: 3px;
                    margin-right: 10px;
                    color: #000a12;
                    text-align: center;}
                .box_information .item_day{
                    width: auto;}
                .box_information .item_all{
                    width: 100%;
                    padding-left: 0.5rem;
                    padding-right: 0.5rem;
                    margin-bottom: 0.5rem;}
                .item_day.active,
                .item_all.active {
                    background-color: #51a780;
                    border: 1px solid #51a780;}
                    .item_day label,
                    .item_all label {
                        display: block;
                        margin: 0;}
                    .item_day.active label,
                    .item_all.active label{
                        color: #ffffff;}
            .card_rate .option_rate {
                display: flex;
                flex-direction: column;
                padding: 10px 15px;}
            .box_rate {
                font-size: 15px;
                line-height: 18px;
                text-align: center;
                justify-content: center;
                align-items: center;}
            .box_rate.success {
                background-color: #51a780;}
            .box_rate.danger {
                background-color: #ff1744;}
            .box_rate.danger_car {
                background-color: #0c1a63;}
                .box_rate label, 
                .box_rate p, 
                .box_rate span {
                    font-size: 15px;
                    width: 100%;
                    color: #fff;}
                .box_rate .price_amount {
                    font-size: 27px;
                    font-weight: 700;
                    line-height: 38px;}
                .box_rate .btn_reserve, 
                .box_rate .btn_reserve:hover, 
                .box_rate .btn_reserve:focus {
                    outline: none;
                    width: 100%;
                    float: left;
                    padding: 20px 15px;
                    font-size: 15px;
                    line-height: 18px;
                    color: #fff;
                    background-color: #0c1a63;
                    text-transform: uppercase;
                    border: 0;
                    border-radius: 0;}
            .box_update_rate button {
                margin: 0;
                width: 100%;}
            .box_update_rate button:hover, 
            .box_update_rate button:focus {
                color: #fff !important;}
        .card_footer {
            background-color: #f7f7f7;
            border-radius: 0 0 4px 4px;}
        .card_rate .card_footer {
            /* background-color: #fff; */
            padding: 10px 15px;        
            border-top: 1px Solid #454545;}
            .card_footer .option_footer:first-child {
                display: flex;
                align-items: center;}
                .card_footer .item_footer.amount, 
                .card_footer .item_footer.button_link {
                    width: 100%;}
                .card_footer .item_footer .box_amount {
                    display: flex;
                    flex-direction: column;}
                    .card_footer .item_footer .box_amount span {
                        text-transform: uppercase;}
                    .card_footer .item_footer .box_amount span:first-child {
                        font-size: 15px;
                        line-height: 18px;
                        color: #454545;}
                    .card_footer .item_footer .box_amount span:last-child {
                        /* font-size: 35px; */
                        font-size: 28px;
                        font-weight: 900;
                        /* line-height: 45px; */
                        line-height: 35px;
                        color: #0c1a63;}
                    .card_footer .item_footer .box_amount span.amount_commission {
                        color: #478c27;}
                .card_footer .item_footer .btn_more, 
                .card_footer .item_footer .btn_more:hover,
                .card_footer .item_footer .btn_more:focus {
                    outline: none;
                    width: 100%;
                    font-size: 15px;
                    font-weight: 700;
                    line-height: 18px;
                    padding: 20px 10px;
                    color: #fff;
                    background-color: #51a780;
                    text-transform: uppercase;
                    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 52%);
                    border: 0;
                    border-radius: 0;}
                .card_footer .item_footer .btn_more.not_rate {
                    background-color: #ff1744;}
                .card_footer .item_footer .btn_more.not_rate_car {
                    background-color: #0c1a63;}                    
                .card_footer .item_footer .paragraph {
                    font-size: 13px;
                    line-height: 14px;
                    color: #454545;
                    margin-top: 10px;
                    text-align: center;}
            .card_footer .option_footer:last-child {
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px Solid #454545;}
                .card_footer .green-links {
                    font-size: 15px;
                    color: #0c1a63;
                    font-weight: 500;}
                .card_footer .details_more_box {
                    margin-top: 20px;}
                    .card_footer .details_more_box h4 {
                        color: #0c1a63;
                        margin-top: 0;
                        font-size: 15px;
                        font-weight: 500;
                        text-transform: uppercase;}
                    .card_footer .details_more_box ul li::before {
                        content: "\25A0";
                        color: #00a395;
                        width: 20px;
                        font-weight: 700;
                        display: inline-block;
                        margin-left: 0;}

    /*******************************************************************************************************************************/
    /************************************** STYLES GENERAL DETALLES SERVICIO **************************************/
    /*******************************************************************************************************************************/
    .general-info-tour span{
        font-weight: 700;}
    .border {
        border: 1px solid #dee2e6!important;}

    /********************************************************************************************************/
    /************************************** STYLES GATEGORIAS SERVICIO **************************************/
    /********************************************************************************************************/
    .categories span {
        display: inline-block;
        position: relative;
        margin-bottom: 1px;}
        .categories span p {
            display: inline-block;
            position: relative;
            line-height: 2;
            z-index: 2;
            padding: 0 15px;
            color: #fff;
            text-decoration: none;
            margin: 0;}
    .categories span::before, .categories span::after {
        content: '';
        position: absolute;
        left: 0;
        height: 50%;
        width: 100%;
        background: white;
        border-left: 1px solid #0c1a63;
        background-color: #51a780;}
    .categories span::before {
        z-index: 1;
        top: 0px;
        transform: skew(-30deg);
        border-top: 1px solid #0c1a63;}
    .categories span::after {
        z-index: 1;
        bottom: 0px;
        transform: skew(30deg);
        border-bottom: 1px solid #0c1a63;}

    /********************************************************************************************************/
    /************************************** STYLES GALERIA SERVICIO *****************************************/
    /********************************************************************************************************/
    .gallery{ /*min-height: 500px; max-height: 500px;*/ overflow: hidden; }
    /* .carousel {
        max-height: 520px;} */
        /* .carousel-item {
            width: 100%;
            height: 520px;
            float: left;
            margin-right: -100%;
            background-color: transparent;} */
            /* .carousel-item>img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                min-width: 100%;
                height: 100% !important;} */
        .carousel-control-next, 
        .carousel-control-prev,
        .carousel-control-prev:hover, 
        .carousel-control-prev:focus, 
        .carousel-control-next:hover, 
        .carousel-control-next:focus {
            height: 50px;
            width: 50px;
            background-size: 100%,100%;
            border-radius: 50%;
            border: 1px solid #51a780;
            background-color: #51a780;
            top: 50%;
            color: #fff;
            text-decoration: none;
            outline: 0;
            opacity: 1;}
        .gallery .list-group{ max-height: 500px; }
        .page-link {
            position: relative;
            display: block;
            padding: 0.5rem 0.75rem;
            margin-left: -1px;
            line-height: 1.25;
            color: #007bff;
            background-color: #fff;
            border: 1px solid #dee2e6;}
        /* .page-link.img-fluid {
            width: 100%;
            height: 130px;} */

    /*********************************************************************************************************/
    /************************************** STYLES TU EXPERIENCIA DEL SERVICIO *******************************/
    /*********************************************************************************************************/
    .nav-link.tab_experience {
        width: 100%;
        border: 1px solid #e6e6e6;
        color: #4d4d4d;
        border-radius: 0px;
        font-weight: 500;
        padding: 15px;
        text-decoration: unset;}
        .nav-link.tab_experience span{
            padding: 0;
            overflow-wrap: break-word;}
    .nav-link.tab_experience:focus, 
    .nav-link.tab_experience:hover, 
    .nav-link.tab_experience.active, 
    .nav-link.tab_experience.active:focus, 
    .nav-link.tab_experience.active:hover {
        color: #fff;
        background-color: #51a780;
        border-color: #51a780;}
        .nav-link.tab_experience:focus svg, 
        .nav-link.tab_experience:hover svg, 
        .nav-link.tab_experience.active svg, 
        .nav-link.tab_experience.active:focus svg, 
        .nav-link.tab_experience.active:hover svg{
            color: #fff !important;
            font-size: 55px;}
    .tab-content.your-experience{
        border: 1px Solid #e6e6e6;
        border-left: 0;
        padding: 16px;
        height: 358px;
        overflow-y: scroll;}
        .tab-content.your-experience .media .num{
            width: 30px;
            height: 30px;
            float: left;
            border: 3px solid #51a780;
            background-color: #51a780;
            border-radius: 50%;            
            color: #fff;
            font-size:  1rem;
            font-weight: 700;
            line-height: 25px;
            text-align: center;}
        .tab-content.your-experience h4{
            font-weight: 600;
            color: #0c1a63;}            


.tab-content.content_accounting{
    border: 0;
    height: auto;
}
.tab-content .media{
    margin-bottom: 10px;
    padding: 15px;
}
.tab-content .media .media-left{
    padding-right: 6px;
}


.form-group label, label,
.general-info .info label{ color: #000; }
/*ESTILOS PARA EL CARRITO*/
#white-box{
    min-height: 300px;}

.items_service,
.item_service{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;    
}
.items_service hr{
    width: 100%;
    margin: 5px 0;
    border-color: #0c1a63;
}
.image-principal {
    width: 100%;
    height: auto;
    max-height: 200px;
}
.item_service{
    padding: 0;
    position: relative;
    background: #f5f5f5;
}
.item_service .remove_service_shopping_cart {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #e7515a;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.remove_service_shopping_cart svg{
    margin: 0 !important;
    color: #fff !important;
}
.service_container,
.service_total{
    display: flex;
    flex-direction: column;
    padding: 0 5px;
}
.title_service{
    font-size: 18px;
    margin-bottom: 10px;
    color: #0c1a63;
}
.service_container .space-normal{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.space-normal.row-direction{
    flex-direction: row;
}
.space-normal.row-direction label{ margin: 0; }
.space-normal .concept{ width: 30%; }
.space-normal .description{ width: 68%; }
.space-normal .description.list{ list-style-type: none; padding: 0; margin: 0; }
.title_service:hover{
    color: #51a780
}
.service_total{
    color: #0c1a63;
    flex-direction: row;
}
.service_total .last-price{
    font-size: 28px;
}
.service_total .last-price.total{
    font-size: 32px;
}
.service_total .coin-price{
    font-size: 18px;
    vertical-align: top;
    text-transform: uppercase;
}
.title-tarif{ font-size: 18px; }


.subtitle,
.box-title {
    font-size: 25px;
    font-weight: 500;
    line-height: 33px;
    color: #313131;
}
.shopping_heading{
    color: white;
    background-color: #0c1a63;
    border-radius: 0px;
    font-weight: 500;
    font-size: 16px;
    padding: 20px 25px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.subtitle span {
    width: 35px;
    height: 35px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #0c1a63;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
}
.options_payment{ gap: 4px; }
.options_payment li {
    /* width: 19.6%; */
    width: 100%;
    height: 83px;
    border-radius: 3px;
    border: 1px solid #dadada;
    transition: all .15s linear;
    display: inline-block;
    vertical-align: middle;
}
/* .options_payment li.plus {
    width: 16.2%;
} */
.options_payment li.more_option_payment {
    width: 49.5%;
}
/* .options_payment li:last-child{
    margin-right: 0;
} */
.options_payment > li >a, 
.options_payment > li >a:hover, 
.options_payment > li >a:focus, 
.options_payment > li.active > a, 
.options_payment > li.active > a:focus, 
.options_payment > li.active > a:hover {
    color: #263238;
    text-align: center;
    display: table;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 10px;
    border-radius: 4px;
}
.options_payment > li >a:hover, 
.options_payment > li >a:focus, 
.options_payment > li.active > a, 
.options_payment > li.active > a:focus, 
.options_payment > li.active > a:hover {
    background: #0c1a63;
    color: #ffffff;
}
.option_description {
    display: table-cell;
    vertical-align: middle;
}
.tab-content.content_payment{
    padding: 0;
    border: 0;
    height: auto;
}
.box-reserva, .box-reserva-alert {
    /* width: 100%;
    float: left; */
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
    color: #000;
    padding: 15px;
    margin-bottom: 15px;
}
.box-reserva-alert{
    background-color: #e7515a;
    color: #fff;
}
.shopping_payment, 
.shopping_payment:hover, 
.shopping_payment:focus {
    width: 100%;
    /* float: left; */
    display: flex;
    justify-content: center;
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
}
#shopping_payment_paypal{
    width: 71%;
    margin: 0 auto;
}
.paypal-buttons,
.paypal-button-container{
    max-width: 100% !important;
    min-width: 100% !important;
}
.delete_shopping_cart:hover, 
.delete_shopping_cart:focus{
    color: #ffffff !important;
}

/*ESTILOS PARA AUTOCOMPLET*/
.bg-blue{
    background-color: #0c1a63;
    
}
.bg-blue .info label{
    color: #ffffff;
}
.booking-box .btn-primary{
    background-color: #51a780 !important;
}



.ui-widget.ui-widget-content {
    border: 1px solid #000;
}
.ui-menu .ui-menu-item{
    list-style-image: none;
}
.ui-widget-content {
    list-style: none;
    outline: 0;
    color: #3e3e46;
    text-align: left;
    margin-top: 5px !important;
    border-radius: 5px;
}
.ui-autocomplete-category, .ui-autocomplete-category:hover {
    color: #ffffff;
    background-color: #51a780;
    /* border: 1px solid #51a780; */
    border: 0;
    padding: 10px 1em 10px .4em;
    font-size: 15px;
    font-weight: 300;
}
.ui-autocomplete-category:first-child{
    border-radius: 5px 5px 0 0;
}
.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item a.ui-state-active {
    position: relative;
    padding: 5px 1em 5px .4em;
    display: block;
    font-size: 15px;
    font-weight: 300;
    color: #000;
    border: 0;
    background-color: transparent;
    margin: 0 !important;
}

/*ESTILOS PARA DETALLES DE RESERVAS*/
.table_reservation_header{
    margin: 10px auto; 
    /* width: 700px; */
    min-width: 700px; 
    max-width: 700px;
}
.table_reservation_header .btn-primary svg,
.btn-primary.comments svg{
    vertical-align: sub;
    color: #fff;
}
.table_reservation{
    /* font-family: Open Sans,Verdana, Geneva, Tahoma, sans-serif; */
    /* width: 700px;  */
    min-width: 700px; 
    max-width: 700px; 
    margin: 0 auto; 
    /*font-size: 16px;*/
    background: white;
}

.banner_ofert {
    position: absolute;
    top: 10px;
    left: -5px;
    background-color: #ff1744;
    color: #fff;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
.banner_ofert.right{
    left: inherit;
    right: -5px;
}

@media (max-width: 575.98px) { 

    /*ESTILOS DE TU EXPERIENCIA*/
    .tab-content.your-experience{
        border-left: 1px;
        border-top: 0;}

}
  
@media (max-width: 768px) {
    
    /*ESTILOS DE TARIFAS EN DETALLES DE TOUR*/
    .card_tour .card_body,
    .card_rate .card_body {
        flex-direction: column;}
        .card_picture a img {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;}
        .card_rate .option_rate.box_rate{
            text-align: center;
            padding-top: 15px;
            padding-bottom: 15px;}

    .card_footer {
        padding: 10px 15px;}
        .card_footer .option_footer:first-child {
            flex-direction: column;}
            .card_footer .item_footer.amount {
                margin-bottom: 10px;}

}

@media (min-width: 769px) {

    /*ESTILOS DE LISTADOS DE SERVICIOS Y DETALLES DE SERVICIOS*/
    /* .card_body .card_picture, 
    .card_body .card_content {
        max-height: inherit;
        min-height: inherit;} */
        .card_body .card_picture{
            width: 38%;}
        .card_picture a img {
            border-top-left-radius: 6px;}  
        .card_body .card_content{
            width: 73%;}
            .box_information .item_all{
                width: 26%;}
        /*ESTILOS DE TARIFAS EN DETALLES DE TOUR*/
        .card_rate .option_rate.box_information {
            width: 65%;}
        .card_rate .option_rate.box_rate{
            width: 35%;}

    .card_footer {
        padding: 10px 30px 10px 15px;}
        .card_footer .item_footer.amount {
            width: 38%;}
        .card_footer .item_footer.button_link {
            width: 24%;}
        .card_footer .item_footer.button_link.not_rate,
        .card_footer .item_footer.button_link.not_rate_car {
            width: 100%;}            
        .card_footer .item_footer.not_commission {
            width: 76%;}    

    /************************************** STYLES DETALLES DE SERVICIOS **************************************/
    /*********************************************************************************************************/

    /* POPUP PASSENGERS */
    .flex-group{
        width: 30%;}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    /*ESTILOS DE LISTADOS DE SERVICIOS Y DETALLES DE SERVICIOS*/
    /* .card_body {
        max-height: 240px;} */
    .card_rate .card_body {
        flex-direction: column;
        max-height: inherit;}
    /* .card_body .card_picture, 
    .card_body .card_content {
        min-height: 240px;} */
        .card_body .card_picture {
            width: 30%;}
        .card_body .card_content {
            width: 70%;}
        /*ESTILOS DE TARIFAS EN DETALLES DE TOUR*/
        .card_rate .option_rate.box_information {
            width: 100%;}
        .card_rate .option_rate.box_rate{
            width: 100%;}            

}



/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 

    .options_payment li,
    .options_payment li.more_option_payment{
        width: 100%;
        margin: 0;
        margin-bottom: 0.5%;
        height: auto;
    }
    .options_payment > li >a, 
    .options_payment > li >a:hover, 
    .options_payment > li >a:focus, 
    .options_payment > li.active > a, 
    .options_payment > li.active > a:focus, 
    .options_payment > li.active > a:hover{
        padding: 15px;
    }
    .btn_footer{
        display: none;
    }    
}

@media (max-width: 768px){

    /*ESTILOS DE TARIFAS EN DETALLES DE TOUR*/
    .options_payment li,
    .options_payment li.more_option_payment{
        width: 100%;
        margin: 0;
        margin-bottom: 0.5%;
        height: auto;
    }
    .options_payment > li >a, 
    .options_payment > li >a:hover, 
    .options_payment > li >a:focus, 
    .options_payment > li.active > a, 
    .options_payment > li.active > a:focus, 
    .options_payment > li.active > a:hover{
        padding: 15px;
    }
    .btn_footer{
        display: none;
    }
}


/* Estilos generales del tablero */
.finance-dashboard {
    background: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}

.dashboard-header {
    padding: 20px 25px;
    background: #2c3e50;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.dashboard-period {
    background: rgba(255, 255, 255, 0.1);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.9rem;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 25px;
}

.dashboard-section {
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.section-title {
    margin: 0;
    padding: 15px 20px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2c3e50;
    border-bottom: 1px solid #eee;
    background: #f8fafc;
}

.finance-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    padding: 20px;
}

/* Estilos de las tarjetas */
.finance-card {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.finance-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.card-header {
    display: flex;
    align-items: center;
    padding: 15px;
    color: white;
}

.card-header h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

.card-icon {
    margin-right: 10px;
    font-size: 1.2rem;
}

.card-body {
    padding: 15px;
    background: white;
}

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

.currency-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.currency {
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 500;
}

.amount {
    font-size: 1.1rem;
    font-weight: 600;
    color: #343a40;
}

.trend {
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 12px;
    font-weight: 500;
}

.trend.up {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.trend.down {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.trend.neutral {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.progress-container {
    height: 6px;
    background: #e9ecef;
    border-radius: 3px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    border-radius: 3px;
}

/* Colores de las tarjetas */
.finance-card.success .card-header,
.finance-card.success .progress-bar {
    background: linear-gradient(135deg, #28a745, #20c997);
}

.finance-card.warning .card-header,
.finance-card.warning .progress-bar {
    background: linear-gradient(135deg, #ffc107, #fd7e14);
}

.finance-card.danger .card-header,
.finance-card.danger .progress-bar {
    background: linear-gradient(135deg, #dc3545, #d63384);
}

.finance-card.primary .card-header,
.finance-card.primary .progress-bar {
    background: linear-gradient(135deg, #007bff, #6610f2);
}

/* Responsive */
@media (max-width: 768px) {
    .finance-cards {
        grid-template-columns: 1fr;
    }
    
    .dashboard-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .dashboard-period {
        margin-top: 10px;
    }
}

div.stars{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-bottom: 5px;
}

div.stars > div{
    padding: 10px;
    background-color: #0c1a63;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;    
}

div.stars > div::before{
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAMAAAD+iNU2AAAAM1BMVEUAAAD6xW36xW37xW37xW37xm35xWz8xW38xW37xm36xGr/v3D7xW79xG37w2z/z3D7xW2O48LUAAAAEHRSTlMA3yC/76+AT95fMBDOj0AQS7dtbAAAAFNJREFUCNeNj0sSwCAIQ4uAVu0n9z9tR6k67MzuMSGZHJvKHgOq4xvRMUGmVZkEgBBraIdCMJ3ld5BhGC+pc5ppsfNqYPCj4NXWrPkaWF+L3dn1AUxtAsaZUwh+AAAAAElFTkSuQmCC);
    width: 15px;
    height: 15px;    
}

div.stars > p{
    color: #000;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
}

div.stars > p > span{
    display: block;
    font-size: 0.875rem;
    font-weight: normal;    
}