:root{--color-primary:#44aaa6;--color-primary-light:#00b1b1;--color-primary-dark:#368885;--color-secondary:#00215e;--color-secondary-light:#00215e14;--color-accent:#ff9d35;--color-accent-dark:#f78612;--color-accent2:#7aa012;--color-accent2-dark:#64840d;--color-accent3:#ca2020;--color-accent3-dark:#8a0000;--color-yellow:#fcf106;--color-red:#ff0015;--color-green:#059900;--color-white:#fff;--color-remark:#1f55d5;--border-radius:5px}.header{background-color:var(--color-primary);color:var(--color-white);padding:.65rem 1.5rem;.nav{align-items:center;display:flex;justify-content:space-between;.logo-img{display:flex}.menu{display:flex;gap:15px;padding:0;li{display:inline;margin:0 10px}a{color:var(--color-white);letter-spacing:.5px;line-height:20px;text-transform:uppercase;&:hover{border-bottom:2px solid var(--color-white);padding-bottom:6px;transition:opacity .3s ease,width .3s ease}}}.user-info{display:flex;flex-direction:column;text-align:center;i{color:var(--color-white)}}}}.footer{background-color:var(--color-secondary);bottom:0;padding:.3rem;position:relative;text-align:center;width:100%;.footer_text{color:var(--color-white);font-size:14px}}.title-page{padding:1rem}label[title],th[title]{cursor:help}#main{display:grid;grid-template-rows:auto auto}#tab-info{display:grid;grid-template-columns:65% 35%;#sum_total #tbl_summary_total{.odd{background-color:#eee}th{background-color:#ccc;padding:0 4px}td,th{padding:0 2px;width:50%}}#sum_total #summary_total_fee_price_pax{width:90px}#sum_total #tbl_summary_total tr.pvp td{border:1px solid #000}@media (min-width:768px) and (max-width:1024px){grid-template-columns:50% 50%}@media (max-width:767px){grid-template-columns:100%}}#tab_template{display:none}#tab-container{display:flex;flex-direction:column;overflow:hidden;padding:10px;position:relative;width:100%;#tab-controls{display:flex;justify-content:flex-end;padding-right:30px;text-align:right;#addButton{background-color:var(--color-secondary);border-radius:6px;color:var(--color-white);cursor:pointer;text-align:center;width:150px}}#tab-head{display:flex;flex-direction:row;#tab-visor-next,#tab-visor-prev{width:30px;& button{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:5px;color:var(--color-white);cursor:pointer;font-size:16px;font-weight:600;height:80%;margin-top:35%;width:85%}}#tab-visor{border-radius:6px 0 0 0;overflow:hidden;width:calc(100% - 60px);#tab-list{display:flex;padding:4px 2px;transform:translateX(0);transition:transform .2s;.tab{background-color:var(--color-secondary-light);border-radius:5px 5px 0 0;cursor:pointer;display:flex;flex:0 0 auto;height:80px;margin:0 2px;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:150px;.tab_content{background-image:none;background-position:32px 25px;background-repeat:no-repeat;background-size:85px 50px;color:var(--color-secondary);width:100%;img{max-height:50px;max-width:100px}}.tab_control{height:20px;position:absolute;right:0;top:0;width:20px;span{color:red;font-size:20px}}}}}#tab-visor-next{text-align:right}}.tab_form{background-color:var(--color-secondary-light);border-radius:5px;padding-bottom:30px;h1{color:var(--color-secondary);padding:.5em 2rem}}}#dialog{display:none}.setup{display:flex;flex-direction:column;gap:16px;padding:1rem 2rem;>div{display:flex;flex-wrap:wrap;gap:20px;>div{align-self:end;flex:1}}label{display:block}.info{color:#555;font-size:14px;font-weight:700}input{width:100%}.numPassengers,.value-input-euro,select{width:10em}select.client{width:100%}}.car{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;padding:1rem 2rem;>div{align-items:center;display:flex;flex:1}.distance,.gas_price{text-align:right;width:6em}.car_get_distance,.car_get_gas_price{color:red;cursor:pointer;vertical-align:-6px}}.add_row_button{color:var(--color-secondary);margin-right:1em}.accomodation_info{.accomodation{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 2rem;>div{align-self:flex-end;flex:1}input,select{width:100%}.accomodation_numberOfDaysInfo{color:#2c3e50;font-weight:700}}.hotel_entry{display:flex;flex-direction:column;gap:6px;margin:1rem 0;padding:1rem 2rem;.hotel_info{align-items:center;display:flex;flex-wrap:wrap;width:100%;>div{align-self:flex-end;flex:1}input[type=radio]{margin-right:1em;width:auto}label{display:block}}.hotel_info_data{input{width:90%}div:first-child{align-items:center;display:flex;flex:none;justify-content:flex-start}}}}.cruise_info{.cruise{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 2rem}.cabin_entry{display:flex;flex-direction:column;gap:6px;margin:1rem 0;padding:1rem 2rem;.cabin_info,.cabin_info_supl{align-items:center;display:flex;flex-wrap:wrap;gap:16px;>div{flex:1}label{display:block}}.cabin_info{div:first-child{align-items:center;display:flex;flex:none;justify-content:flex-start}}.cabin_info_supl{margin-left:12px;>div{align-self:flex-end}}}}.flight_info{display:flex;flex-direction:column;gap:16px;padding:1rem 2rem;.flight,.flight_options_info{align-items:center;display:flex;gap:16px}.flight{>div{display:flex;flex:1;flex-direction:column}}.flight_options_entry{margin:1em}}.delete_cabin_button,.delete_flight_options_button,.delete_guide_button,.delete_hotel_button,.delete_insurance_button{align-content:center;color:var(--color-red)}.activity_entry,.guide_entry,.insurance_entry{display:flex;flex-direction:column;gap:16px;padding:1rem 2rem;.activity_info,.guide_info,.insurance_info{align-items:center;display:flex;flex-wrap:wrap;gap:16px;>div{flex:1}label{display:block}input{width:100%}input.price{width:6rem}select.type{width:100%}}}.price{width:6em}.error{border-color:red}.second_driver_expenses{text-align:right;width:5em}.balcony,.dis_first_child,.dis_second_child,.exterior,.interior,.other,.price,.price_ad,.price_mp,.price_pc,.price_sa,.price_ti,.suite,.sup_individual,.sup_third_guest,.sup_ti,.taxes,.tip{text-align:right;width:6rem}.sum_content{overflow-x:auto;.tbody_summary tr{background-color:#ddd}.tbody_summary td{font-weight:700}}#summary{font-size:.9em;padding:10px;& table th{background-color:#ccc;padding:0 4px}table{width:100%;& td{padding:2px 0;text-align:right}& #summary_car_global_price{margin-right:.5em;text-align:right;width:8em}}}#sum_accomodation #tbl_summary_hotel .summary_hotel_pax,#sum_accomodation #tbl_summary_hotel .summary_hotel_staff,#sum_activity #tbl_summary_activity .summary_activity_price,#sum_car #tbl_summary_car #summary_car_global_by_pax,#sum_cruise #tbl_summary_cruise .summary_cruise_pax,#sum_flight #tbl_summary_flight .summary_flight_price,#sum_guide #tbl_summary_guide .summary_guide_price,#sum_insurance #tbl_summary_insurance .summary_insurance_price{border-radius:7px;padding:2px 4px}#tbl_summary_car{input.remark,td.remark,th.remark{color:var(--color-remark)}input.remark{border-color:var(--color-remark)}}.sum_title{#sum_accomodation &,#sum_activity &,#sum_car &,#sum_cruise &,#sum_flight &,#sum_guide &,#sum_insurance &,#sum_total &{background-color:var(--color-primary);border-radius:0 0 4px 4px;color:var(--color-primary);margin:0 0 5px;padding-left:6px}}#tbl_summary_activity tbody:first-child,#tbl_summary_cruise tbody:first-child,#tbl_summary_flight tbody:first-child,#tbl_summary_guide tbody:first-child,#tbl_summary_hotel tbody:first-child,#tbl_summary_insurance tbody:first-child{display:none}#sum_total .fee_price_pax{margin-left:6px;text-align:right;width:6em}.section-tabs{label{background-color:#d5d5d5;border-radius:5px 5px 0 0;cursor:pointer;display:inline-block;padding:10px;transition:.4s}input[type=radio]{display:none}input[type=radio]:checked+label{background-color:var(--color-primary);color:var(--color-white)}.tab-content{display:none;min-height:50px}}#tab_accomodation:checked~.content_wrapper #sum_accomodation,#tab_activity:checked~.content_wrapper #sum_activity,#tab_car:checked~.content_wrapper #sum_car,#tab_cruise:checked~.content_wrapper #sum_cruise,#tab_flight:checked~.content_wrapper #sum_flight,#tab_guide:checked~.content_wrapper #sum_guide,#tab_insurance:checked~.content_wrapper #sum_insurance,#tab_total:checked~.content_wrapper #sum_total{display:block}.delete_entry{cursor:pointer}#psearch{cursor:pointer;vertical-align:-6px;&:hover{color:var(--color-primary-light)}}.container-boxes{display:flex;flex-wrap:wrap;gap:2em;justify-content:space-around;margin-top:3em;.caja{align-items:center;background-color:var(--color-secondary-light);border-radius:8px;color:var(--color-secondary);display:flex;font-size:18px;height:15em;justify-content:center;text-align:center;width:15em;div{align-items:center;display:flex;flex-direction:column;gap:10px;i{color:var(--color-secondary);font-size:36px}}&:hover,&:hover i{background-color:var(--color-secondary);color:var(--color-white)}}@media (max-width:480px){.caja{height:12em;max-width:10em;a{font-size:1rem;i{font-size:2rem}}}}}.tab_selected{box-shadow:0 1px #2980b9;transform:translateY(4px)}#select_service_container{display:grid;gap:1rem;grid-template-columns:auto auto auto auto;justify-content:center;div{margin:10px}img{cursor:pointer;max-height:50px;max-width:100px}}.ui-dialog{border-radius:8px!important}div.ui-widget-header{background-color:transparent;border:none;color:var(--color-primary);font-size:20px}div.ui-dialog .ui-dialog-buttonpane button{background-color:var(--color-primary);border:none;border-radius:var(--border-radius);color:var(--color-white)}button.ui-button:active{background-color:var(--color-primary);border:none}div.ui-dialog-buttonset button.btn-delete_package{background-color:red}.ui-button:active{background-color:var(--color-primary)!important;border:inherit!important}#dialog-confirm{text-align:center;.dialog-confirm-msg{margin-left:.5em;text-align:left}p{display:flex}}form#form_generator{label.error{display:none}span.input_euro,span.input_percent{font-size:.9em;left:-1.6em;position:relative}.value-input-euro,.value-input-percent{padding-right:1.8em}}.btn{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:400;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-principal{background-color:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-white)}.btn-new{display:inline-block;transition:background-color .3s ease,transform .2s ease}.container-button-new{display:flex;justify-content:flex-end}.btn-new:hover,.btn-principal:hover{background-color:var(--color-accent-dark);border:1px solid var(--color-accent-dark);color:#e5f7f7}#sum_operations{display:flex}.btn-save{background-color:var(--color-accent3);border:none;color:var(--color-white);flex:1 0 fit-content;margin-right:.5em;margin-top:2em;padding:10px 15px;&:hover{background-color:var(--color-accent3-dark)}}.btn-days{background-color:var(--color-accent2);border:none;color:var(--color-white);flex:1 0 fit-content;margin-right:.5em;margin-top:2em;padding:10px 15px;&:hover{background-color:var(--color-accent2-dark)}}.btn-back{background-color:var(--color-accent);border:none;color:var(--color-white);flex:1 0 fit-content;margin-right:.5em;margin-top:2em;padding:10px 15px;&:hover{background-color:var(--color-accent-dark)}}.btn-print{background-color:var(--color-accent);border:none;color:var(--color-white);flex:1 0 fit-content;margin-top:2em;padding:10px 15px;&:hover{background-color:var(--color-accent-dark)}}.btn-go-back{color:var(--color-secondary);display:block;font-weight:700;margin-top:2em;text-align:center}.btn-delete_package{background-color:red}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Roboto,Arial,sans-serif;line-height:1.5;min-height:100dvh}ol,ul{list-style:none}a{text-decoration:none}.container-content{flex:1;padding:2rem}h1{color:var(--color-primary);font-size:2rem}.container-form{border-radius:8px;box-shadow:0 0 0 1px rgba(14,63,126,.06),0 1px 1px -.5px rgba(42,51,70,.03),0 2px 2px -1px rgba(42,51,70,.04),0 3px 3px -1.5px rgba(42,51,70,.04),0 5px 5px -2.5px rgba(42,51,70,.03),0 10px 10px -5px rgba(42,51,70,.03),0 24px 24px -8px rgba(42,51,70,.03);margin:2em auto auto;padding:20px;form{display:flex;flex-direction:column;label{display:block;margin:10px 0 5px}input,textarea{width:100%}}}input,select,textarea{background-color:#fff;border:1px solid #ced4da;border-radius:5px;color:#495057;padding:.325rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type=date]{padding:.38rem .75rem}input:focus{outline:2px solid #60cece}.required:after{content:" *"}.container-form{#user,div#car_cost,div#client,div#configuration{display:grid;gap:1em 2.5em;grid-template-columns:auto auto;@media (max-width:768px){display:flex;flex-direction:column;gap:1em}}div:has(>#car_cost_save),div:has(>#client_submit),div:has(>#configuration_submit),div:has(>#user_submit){grid-column:span 2}}.password-wrapper{position:relative;.hide-password,.show-password{color:#a4a4a4;cursor:pointer;position:absolute;right:10px;top:46px}.hide-password{display:none}input#user_password{padding-right:10px}}.table-responsive{overflow-x:auto}.table-principal{border-collapse:collapse;margin-top:20px;width:100%;td,th{padding:10px}td,th,th a{text-align:left}th,th a{background-color:var(--color-secondary);color:var(--color-white)}td{border-bottom:1px solid #ddd}}.material-symbols-outlined{cursor:pointer;font-size:20px;transition:color .3s ease-in-out}.icon-clone,.icon-edit,.icon-eye{color:var(--color-secondary)}.icon-delete{color:var(--color-red)}.icon-lock_open{color:var(--color-green)}.container-search{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem;input{width:20em}}.count{font-size:14px;padding:5px 10px}.navigation{display:flex;justify-content:center;margin-top:1em;.pagination{.current,a{border-radius:var(--border-radius);color:var(--color-secondary);display:inline-block;font-weight:700;padding:5px 10px;transition:background .3s,color .3s}.current,a:hover{background:var(--color-secondary);color:var(--color-white)}a:active{background:var(--color-secondary-light);color:var(--color-secondary)}}}.container-welcome-login{display:flex;height:100vh;.welcome-section{align-items:center;background-color:var(--color-primary);color:var(--color-white);display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px;text-align:center;.header-welcome{font-size:24px;font-weight:700}.content-welcome{h1{color:var(--color-white);font-size:28px}}@media (max-width:768px){display:none}}.container-login-wrapper{align-content:center;flex:1;.container-login{margin:0 auto;max-width:80%;padding:30px;text-align:center;width:100%;.container-login-logo{margin-bottom:2rem}.container-login-body{input{margin:5px 0;padding:10px 10px 10px 35px;width:100%}}.container-login-input{display:inline-block;margin:6px 0;position:relative;width:100%;i{color:#a4a4a4;left:10px;position:absolute;top:65%;transform:translateY(-50%)}}.container-login-button{margin-top:1rem}}}}.btn-login{background-color:var(--color-primary);color:var(--color-white);padding:10px;width:100%;&:hover{background-color:var(--color-primary-dark)}}.alert-danger,.flash-error{align-items:center;background-color:#ff001512;border:2px solid var(--color-red);border-radius:var(--border-radius);color:var(--color-red);display:flex;font-size:18px;justify-content:center;letter-spacing:.1px;margin:1em 0;padding:8.5px;i{margin-left:10px}}@media (max-width:768px){.container-welcome-login{flex-direction:column}}