:root{--baseFontSize:15px;--backgroundSubdued:rgba(45,41,33,.65);--lightBackgroundColor:rgba(204,210,219,.756);--accentDarkColor:rgba(0,68,169,.978);--accentColor:rgba(4,94,229,.756);--accentLightColor:#bbd8f5}*,body{box-sizing:border-box;font-size:var(--baseFontSize);margin:0;overflow:hidden;padding:0}.section_all_content,body{background-color:#02070b;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.complete_space{margin:auto}header{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;min-height:72px}.logo{cursor:pointer;margin:8px;width:32px}.menu_layout{flex:1;gap:8px;justify-content:right;padding:0 24px}.item_menu{border-radius:10px;color:#f5f5f5;font-weight:700;min-width:80px;padding:8px 0}.home_view,.item_menu{justify-content:center}.home_view{align-items:center;background-color:#f5f5f5;height:100%;width:100%}.home_view h1{color:var(--accentDarkColor);font-size:1.5rem;margin:0 32px}.main_principal,.page_container{display:unset;flex-grow:1;overflow:hidden;width:100vw}.first_container,.second_container{align-items:center;background-color:#f5f5f5;border:1px solid #d3d3d3;border-radius:10px;display:flex;height:100%;justify-content:center;margin-bottom:8px;overflow:hidden;position:absolute;width:100%}.button_add_ride{background-color:#f5f5f5;border-color:var(--accentColor)}.button_add_file{background-color:var(--accentLightColor);border-color:var(--accentColor);bottom:16px;color:#000;font-weight:500;position:absolute;right:16px;z-index:1}.button_add_ride{bottom:16px;position:fixed;right:0;z-index:20}.view_ride_list{height:100%;overflow:hidden;position:relative;width:100%}.container_list{flex:1;overflow:hidden;width:100%}.content_list{overflow-x:hidden;padding:8px}.content_list,.view_file_list{height:100%;overflow-y:scroll;width:100%}.view_file_list .content_list{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center}.header_view_ride_list{flex-wrap:nowrap;padding-top:16px}.header_view_ride_list,.layout_center_header_view_ride_list{align-items:center;display:flex;justify-content:space-between}.layout_center_header_view_ride_list{flex:1;padding:0 24px}.header_view_ride_list .date_view_ride_list{color:var(--accentDarkColor);font-size:large;font-weight:700;margin-right:24px}.button_generate_default_rides{align-items:center;justify-content:center}.button_generate_default_rides p{height:0;margin:0;width:0}.ride_item{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;box-shadow:1px 1px 5px #d3d3d3;margin:8px 0;padding:8px 16px;width:100%}.ride_detail_item{margin-bottom:8px;width:100%}.component_ride_detail_item{flex:1}.stage_ride_item{align-items:center;margin:4px 0}.stage_ride_item img{margin-right:8px}.passenger_stage_ride_item,.place_stage_ride_item,.service_stage_ride_item{margin-right:16px}.label_item,.service_stage_ride_item{font-weight:600}.label_item{color:var(--accentColor);font-size:small;margin-bottom:4px}.hour_item{font-size:large}.view_detail_ride,.view_edit_ride{height:100%;overflow:scroll;padding:16px;position:relative;width:100%}.title_stages{font-size:medium;margin-bottom:16px;margin-top:24px}.file_item{align-items:start;background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;justify-content:center;min-width:200px;padding:8px 16px;width:fit-content}.file_date_item{color:var(--accentDarkColor);font-weight:700}.view_create_file{background-color:#f5f5f5;padding:24px}.create_file_tilte{color:var(--accentColor);font-size:x-large}.input_file_date{margin:40px 0;min-width:300px;padding:8px}.button_create_file{background-color:gold;justify-self:right}.input_edit_ride{border:1px solid #d3d3d3;border-radius:5px;margin:8px 0;padding:8px;width:100%}.layout_edit_content_stage_list{background-color:#d3d3d3;border-radius:5px}.edit_start_hour{margin-top:16px;width:fit-content}.layout_button_add_stage{justify-content:space-between}.button_add_stage{background-color:#fff;border-color:var(--accentColor);color:var(--accentColor)}.layout_button_edit_ride{margin-top:40px}.button_save{background-color:gold}.edite_stage_item{background-color:#f5f5f5;border-radius:5px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;margin:8px;padding:8px}.header_edite_stage_item{justify-content:space-between}.button_dump{border-radius:10px;padding:8px}.base_input_stage{margin:4px;padding:8px;width:100%}.detail_date,.edit_date{color:var(--accentColor);font-size:x-large;font-weight:700}.detail_start_hour{font-size:xx-large;font-weight:700;margin:24px 0}.detail_start_place{font-size:large;font-weight:575;margin-bottom:16px}.detail_vehicle{font-size:large;font-weight:550;margin-bottom:16px}.button_dump_ride{bottom:0;left:0;margin:16px;position:absolute}.header_detail_stage_item{height:0}.detail_stage_item{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;display:flex;flex-direction:row;flex-wrap:wrap;margin:8px 0;padding:8px 16px}.name_container_detail_stage_item,.place_container_detail_stage_item,.service_container_detail_stage_item,.start_hour_container_detail_stage_item{margin:8px 0}.name_container_detail_stage_item,.service_container_detail_stage_item{width:100%}hr{height:0;margin:0;width:0}.label_detail{color:var(--accentDarkColor);font-size:small;font-weight:700;margin-bottom:8px}.label_detail_passenger{font-weight:700;margin-bottom:2px}.dialog_container{align-items:center;background-color:var(--backgroundSubdued);display:flex;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:2}.dialog_content{background-color:#f5f5f5;border:1px solid #000;border-radius:15px;overflow:hidden;padding:16px 0}.dialog_small_fit_content_screen{height:fit-content;overflow-y:scroll;width:fit-content}.dialog_fit_content_screen{height:90%;min-width:550px;overflow-y:scroll;width:max-content}.dialog_content_full_screen{height:100%;width:100%}.dialog_content_basic_screen{height:90%;width:70%}.dialog_content_mobile_screen{height:90%;width:90%}@media only screen and (min-width:800px){.logo{margin:8px;width:56px}.main_principal,.page_container{display:flex;flex-direction:row;flex-wrap:nowrap}.first_container{max-width:500px;min-width:300px}.first_container,.second_container{height:unset;margin:4px;position:static}.second_container{flex:1}.layout_center_header_view_ride_list{justify-content:start}.button_generate_default_rides p{height:unset;margin-right:8px;width:unset}.detail_date,.edit_date{font-size:x-large}.detail_start_hour{font-size:xx-large}.detail_start_place,.detail_vehicle{font-size:large}hr{background-color:#d3d3d3;border:none;color:#d3d3d3;height:unset;height:1px;margin-top:4px;width:unset}.header_detail_stage_item{background-color:#d3d3d3;border:1px solid #d3d3d3;border-radius:10px 10px 0 0;display:flex;height:unset;margin-top:16px}.detail_stage_item{border-radius:0;margin:0}.detail_stage_item,.header_detail_stage_item{flex-direction:row;padding:8px 0}.label_detail_passenger{color:var(--accentColor)}.name_container_detail_stage_item,.place_container_detail_stage_item,.service_container_detail_stage_item,.start_hour_container_detail_stage_item{margin:0 16px;width:fit-content}.name_container_detail_stage_item,.place_container_detail_stage_item,.service_container_detail_stage_item{min-width:80px}.place_container_detail_stage_item{min-width:200px}.input_stage_hour{width:fit-content}}.item_menu_select{color:gold}.item_select{background-color:var(--accentLightColor)}.click_manager,.click_manager_menu{cursor:pointer;user-select:none}.click_manager_menu:hover{color:gold}.click_manager:hover{background-color:var(--accentLightColor)}.click_manager:active{background-color:#d3d3d3;scale:.99}.hidden{display:none;visibility:hidden}.expend{max-width:100%;width:100%}.column_nowrap{display:flex;flex-direction:column}.row_nowrap{display:flex;flex-direction:row;flex-wrap:nowrap}.layout_button_seting{align-items:center;display:flex;position:absolute;right:0;top:0}.base_button{border-radius:10px;border-style:solid;border-width:1px;box-shadow:1px 1px 5px #d3d3d3;height:fit-content;margin:16px;padding:8px 16px;width:fit-content}.button_close,.button_edite{border-radius:32px;cursor:pointer;font-size:1.5em;font-style:bold;margin-right:16px;margin-top:16px;padding:0 8px;text-align:center;width:fit-content}