@keyframes loading
{
from { -webkit-transform : rotate(0deg) }
to { -webkit-transform : rotate(360deg) }
}
@keyframes loading_dot
{
0% { -webkit-transform : scale(1, 1) }
25% { -webkit-transform : scale(2, 2) }
50% { -webkit-transform : scale(1, 1) }
}
.otabo
{
overflow : overflow;
position : relative;
}
.otabo p
{
margin : 15px 0 5px;
}
.otabo #otabo_loading,
.otabo .otabo_loading
{
display : none;
}
.otabo,
.otabo .otabo_form input
{
font-weight : 300;
}
.otabo .loading
{
line-height : 200px;
min-height : 200px;
text-align : center;
width : 100%;
}
.otabo .loading img
{
animation-name : loading_dot;
animation-duration : 2s;
animation-iteration-count : infinite;
animation-timing-function : ease;
display : inline;
width : 25px;
height : 25px;
}
.otabo .loading_2
{
animation-delay : 0.666666666s;
}
.otabo .loading_3
{
animation-delay : 1.333333333s;
}
.otabo button
{
background-color : var(--otabo-main);
border : 1px solid var(--otabo-dark);
border-radius : 5px;
color : #fff;
cursor : pointer;
font-size : 100%;
margin : 15px auto 10px;
opacity : 75%;
padding : 5px 15px;
text-align : center;
}
.otabo button:hover
{
opacity : 100%;
}
.otabo fieldset
{
text-align : left;
}
.otabo #otabo_error,
.otabo .otabo_error,
.otabo #otabo_no_results
{
color : #c00;
display : none;
font-size : 150%;
padding : 40px;
text-align : center;
width : 100%;
}
.otabo #otabo_error p,
.otabo .otabo_error p,
.otabo #otabo_confirmed p
{
text-align : center;
}
.otabo #otabo_confirmed
{
color : var(--otabo-main);
display : none;
font-size : 150%;
padding : 40px;
text-align : center;
width : 100%;
}
.otabo .rate
{
box-sizing : border-box;
display : inline-block;
margin : 0;
vertical-align : top;
}
.otabo .rate
{
box-sizing : border-box;
padding-right : 20px;
text-align : right;
width : 100%;
}
.otabo .rate span
{
display : block;
text-align : right;
}
.otabo .rate span + span
{
font-size : 150%;
font-weight : bold;
}
.otabo .rate span.discount
{
color : #dd2222;
}
.otabo .rate span.discount > span
{
color : #000;
display : inline-block;
font-size : 70%;
margin : auto 20px;
text-decoration : line-through;
}
.otabo .rate button
{
margin : 5px 0;
padding : 3px 20px;
} .otabo .otabo_form_classes
{
display : none;
position : relative;
}
.otabo .otabo_form_classes.visible
{
display : block;
}
.otabo .otabo_form_classes *
{
-webkit-user-select : none;
-khtml-user-select : none;
-moz-user-select : none;
-o-user-select : none;
user-select : none;
}
.otabo .otabo_form_classes ul,
article.page .otabo .otabo_form_classes ul
{
border-color : #ddd;
border-style : solid;
border-width : 1px 1px 0 1px;
display : flex;
flex-direction : row;
height : 50px;
list-style : none outside;
margin : 0;
overflow-x : scroll;
padding : 0;
scrollbar-width : none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.otabo .otabo_form_classes ul::-webkit-scrollbar,
article.page .otabo .otabo_form_classes ul::-webkit-scrollbar
{
display : none;
}
.otabo .otabo_form_classes ul li,
article.page .otabo .otabo_form_classes ul li
{
border-color : #ddd;
border-style : solid;
border-width : 0 1px 1px 0;
cursor : pointer;
flex-grow : 1; height : 100%;
min-width : 150px;
padding : 5px 15px;
position : relative;
vertical-align : middle;
display : flex;
align-content : center;
align-items : center;
justify-content : flex-start;
flex-direction : row;
-webkit-user-select : none;
-khtml-user-select : none;
-moz-user-select : none;
-o-user-select : none;
user-select : none;
}
.otabo .otabo_form_classes ul li:last-child,
article.page .otabo .otabo_form_classes ul li:last-child
{
border-right-width : 0;
}
.otabo .otabo_form_classes ul li:hover,
article.page .otabo .otabo_form_classes ul li:hover
{
background-color : #efefef;
}
.otabo .otabo_form_classes ul li.selected,
article.page .otabo .otabo_form_classes ul li.selected
{
background-color : var(--color-main);
border-bottom-width : 0px;
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15), 0 3px 60px 0 rgba(0, 0, 0, 0.25);
}
.otabo .otabo_form_classes ul li *,
article.page .otabo .otabo_form_classes ul li *
{
flex-grow : 0;
flex-shrink : 1;
}
.otabo .otabo_form_classes ul li img,
article.page .otabo .otabo_form_classes ul li img
{
height : 100%;
}
.otabo .otabo_form_classes ul li span,
article.page .otabo .otabo_form_classes ul li span
{
font-weight : 600;
line-height : 100%;
vertical-align : middle;
}
.otabo #otabo_results_groups_lscroller,
.otabo #otabo_results_groups_rscroller,
.otabo .otabo_form_classes_lscroller,
.otabo .otabo_form_classes_rscroller
{
background : rgba(255, 255, 255, 0.8);
border-radius : 0px;
box-sizing : border-box;
display : block;
text-align : center;
vertical-align : center;
position : absolute;
top : 5px;
width : 40px;
bottom : 5px;
}
.otabo #otabo_results_groups_lscroller,
.otabo .otabo_form_classes_lscroller
{
background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0.9) 66%, rgba(255, 255, 255, 0) 100%);
left : 5px;
}
.otabo .otabo_form_classes_lscroller
{
left : 1px;
top : 1px;
width : 35px;
bottom : 1px;
}
.otabo #otabo_results_groups_rscroller,
.otabo .otabo_form_classes_rscroller
{
background : linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0.9) 66%, rgba(255, 255, 255, 0) 100%);
right : 5px;
}
.otabo .otabo_form_classes_rscroller
{
right : 1px;
top : 1px;
width : 35px;
bottom : 1px;
}
.otabo #otabo_results_groups_lscroller:hover,
.otabo .otabo_form_classes_lscroller:hover
{
background : linear-gradient(90deg, rgba(244, 244, 244, 1) 0%, rgba(244, 244, 244, 1) 33%, rgba(244, 244, 244, 0.9) 66%, rgba(244, 244, 244, 0) 100%);
cursor : pointer;
}
.otabo #otabo_results_groups_rscroller:hover,
.otabo .otabo_form_classes_rscroller:hover
{
background : linear-gradient(270deg, rgba(244, 244, 244, 1) 0%, rgba(244, 244, 244, 1) 33%, rgba(244, 244, 244, 0.9) 66%, rgba(244, 244, 244, 0) 100%);
cursor : pointer;
}
.otabo #otabo_results_groups_lscroller::before,
.otabo #otabo_results_groups_rscroller::before,
.otabo .otabo_form_classes_lscroller::before,
.otabo .otabo_form_classes_rscroller::before
{
color : var(--otabo-main);
content : '«';
display : block;
font-size : 150%;
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%, -50%);
-ms-transform : translate(-50%, -50%);
-webkit-transform : translate(-50%, -50%);
}
.otabo #otabo_results_groups_rscroller::before,
.otabo .otabo_form_classes_rscroller::before
{
content : '»';
} .otabo .otabo_form
{
display : flex;
flex-grow : 1;
flex-shrink : 1;
flex-wrap : wrap;
justify-content : center;
padding : 5px;
}
.otabo .otabo_form > *
{
margin : 5px;
width : 100%;
}
.otabo .otabo_form_classes.visible + .otabo_form
{
border-color : #ddd;
border-style : solid;
border-width : 0 1px 1px 1px;
padding : 15px;
}
.otabo .otabo_form #otabo_error
{
background : rgba(0, 0, 0, 0.7);
color : #fff;
display : none;
position : absolute;
left : 0;
right : 0;
top : 0;
bottom : 0;
}
.otabo .otabo_form button
{
width : 100px;
}
.otabo #otabo_error pre
{
font-size : 10pt;
text-align : left;
}
.otabo fieldset
{
background-color : rgba(0, 0, 0, 0);
border-width : 0;
margin : 0;
padding : 10px;
position : relative;
}
.otabo .otabo_form .input
{
background-color : #fff;
border : 1px solid #ddd;
border-radius : 0;
box-sizing : border-box;
color : #000;
display : block;
font-size : 100%;
font-weight : 300;
height : 47px;
position : relative;
width : 100%;
}
.otabo .otabo_form .input + .input
{
margin-top : 5px;
}
.otabo .otabo_form h1:not(.site-title):before
{
background : none ! important;
content : '' ! important;
display : none ! important;
}
.otabo .otabo_form input[type=text],
.otabo .otabo_form input[type=text]:focus
{
border-width : 0;
box-sizing : border-box;
outline : none;
width : 100%;
}
.otabo .otabo_form input[type=checkbox]
{
margin : auto 10px;
}
.otabo .otabo_form input.error,
.otabo .otabo_form .input.error,
.otabo div.error
{
border-color : #ff0000 ! important;
}
.otabo .otabo_form p.error
{
color : #ff0000;
display : none;
font-size : 90%;
margin-top : 5px;
}
.otabo .otabo_form .input
{
display : inline-block;
height : 50px;
width : 100%;
}
.otabo .otabo_form .input input
{
border-radius : 0;
border-width : 0;
box-sizing : border-box;
color : #000;
cursor : pointer;
font-size : 100%;
height : 47px ! important;
line-height : 47px;
margin : 1px auto;
padding-left : 10px;
text-align : left;
}
.otabo .otabo_form .input ul,
.otabo .otabo_form .input div
{
background-color : #fff;
border : 1px solid #ddd;
box-sizing : border-box;
display : none;
list-style : none outside;
margin : 0 0 10px;
min-width : 250px;
overflow-x : overflow;
overflow-y : scroll;
padding : 0;
z-index : 100;
position : absolute;
left : -1px;
right : -1px;
top : 100%;
}
.otabo .otabo_form .input ul
{
max-height : 200px;
}
.otabo .otabo_form .input ul li
{
border-bottom : 1px solid #ddd;
padding : 10px;
text-align : left;
}
.otabo .otabo_form .input ul li:hover
{
background-color : var(--otabo-main);
color : #fff;
cursor : pointer;
}
.otabo .otabo_form .calendar_holder
{
box-sizing : border-box;
display : inline-block;
flex-grow : 1;
min-width : 300px;
padding : 0;
width : calc(50% - 10px);
}
.otabo .otabo_form .calendar_holder .input div
{
box-sizing : border-box;
height : auto;
overflow : hidden;
padding : 10px;
}
.otabo .otabo_form .calendar_holder .input div img
{
cursor : pointer;
position : absolute;
top : 18px;
width : 20px;
}
.otabo .otabo_form .calendar_holder .input div img:first-child
{
left : 15px;
}
.otabo .otabo_form .calendar_holder .input div h1 + img
{
right : 15px;
}
.otabo .otabo_form .calendar_holder .input div h1
{
font-size : 100%;
font-weight : bold;
line-height : 30px;
margin : 0;
padding : 0;
text-align : center;
position : absolute;
left : 30px;
right : 30px;
top : 15px;
height : 30px;
}
.otabo .otabo_form .calendar_holder .input div table
{
box-sizing : border-box;
margin : 42px 0 0 0;
min-width : 200px;
width : 100%;
}
.otabo .otabo_form .calendar_holder .input div table thead,
.otabo .otabo_form .calendar_holder .input div table thead th,
.otabo .otabo_form .calendar_holder .input div table tbody,
.otabo .otabo_form .calendar_holder .input div table tr
{
border-bottom : 0px solid #000;
border-width : 0;
}
.otabo .otabo_form .calendar_holder .input div table th
{
background-color : #fff;
font-weight : 600;
margin : 0;
padding : 1px;
text-align : center;
vertical-align : middle;
}
.otabo .otabo_form .calendar_holder .input div table td
{
background-color : #fff;
border-width : 0;
color : #000;
cursor : pointer;
font-weight : normal;
margin : 0;
padding : 2px;
text-align : center;
vertical-align : middle;
}
.otabo .otabo_form .calendar_holder .input div table td.selected
{
color : var(--otabo-main);
font-weight : bold;
}
.otabo .otabo_form .calendar_holder .input div table td:hover
{
background-color : var(--otabo-main);
color : #fff;
}
.otabo .otabo_form .calendar_holder .input div table td.disabled,
.otabo .otabo_form .calendar_holder .input div table td.disabled:hover
{
color : #999;
cursor : pointer;
} .otabo #otabo_results_header ul
{
border : 1px solid #ddd;
list-style : none outside;
margin : 20px 10px;
padding : 0;
}
.otabo #otabo_results_header ul li
{
box-sizing : border-box;
display : inline-block;
padding : 10px;
vertical-align : top;
width : 50%;
}
.otabo #otabo_results_header ul li + li::before
{
color : #ddd;
content : '❯';
float : left;
font-size : 200%;
margin-left : -20px;
}
.otabo #otabo_results_header ul li .input
{
display : block;
font-weight : bold;
margin-left : 10px;
}
.otabo #otabo_results_header ul li .date,
.otabo #otabo_results_header ul li .base
{
margin-left : 10px;
}
.otabo #otabo_results_header ul li .date
{
white-space : nowrap;
}
.otabo #otabo_results_groups
{
box-sizing : border-box;
position : relative;
}
.otabo #otabo_results_groups ul
{
box-sizing : border-box;
display : flex;
flex-wrap : nowrap;
list-style : none outside;
margin : 25px 5px;
overflow-x : scroll;
padding : 0;
scrollbar-width : none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.otabo #otabo_results_groups ul::-webkit-scrollbar
{
display : none;
}
.otabo #otabo_results_groups ul li
{
background-position : center;
background-repeat : no-repeat;
background-size : contain;
border : 1px solid #ddd;
box-sizing : border-box;
display : inline-block;
flex-shrink : 0;
flex-grow : 0;
margin : 5px;
min-width : 180px;
padding-top : calc(25% - 12px);
position : relative;
width : calc(25% - 10px);
height : 180px;
}
.otabo #otabo_results_groups ul li .name
{
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color : rgba(0, 0, 0, 0.1);
box-sizing : border-box;
display : block;
font-weight : bold;
padding : 10px 5px;
text-align : left;
position : absolute;
left : 0;
bottom : 0;
width : 100%;
}
.otabo #otabo_results_groups ul li .rate
{
box-sizing : border-box;
display : block;
font-weight : bold;
padding : 5px 10px;
text-align : right;
position : absolute;
left : 0;
top : 0;
width : 100%;
}
.otabo #otabo_results_groups ul li:hover,
.otabo #otabo_results_groups ul li.selected
{
border-color : var(--otabo-main);
cursor : pointer;
}
.otabo #otabo_results_groups ul li.selected
{
border-color : var(--otabo-dark);
}
.otabo #otabo_results_groups ul li.selected .name
{
background-color : var(--otabo-transparent);
}
.otabo #otabo_results
{
}
.otabo #otabo_results ul
{
box-sizing : border-box;
display : flex;
flex-direction : row;
flex-wrap : wrap;
list-style : none outside;
padding : 5px;
margin : 0;
position : relative;
width : 100%;
}
.otabo #otabo_results > ul > li
{
border : 1px solid #ccc;
box-sizing : border-box;
display : inline-block;
flex-grow : 1;
flex-shrink : 1;
margin : 5px;
min-width : 350px;
padding : 10px;
position : relative;
text-align : center;
width : calc(50% - 10px);
}
.otabo #otabo_results > ul > li.c1
{
margin-left : 0;
width : 100%;
}
.otabo #otabo_results > ul > li *
{
text-align : left;
}
.otabo #otabo_results > ul > li h1
{
font-size : 120%;
margin : 0;
padding : 0 70px 0 0;
}
.otabo #otabo_results > ul > li h2
{
font-size : 100%;
font-weight : normal;
margin : 5px 0 0 0;
padding : 0 70px 0 0;
}
.otabo #otabo_results > ul > li span.company
{
background-position : left center;
background-repeat : no-repeat;
background-size : 20px 20px;
box-sizing : border-box;
cursor : default;
display : inline-block;
font-size : 90%;
line-height : 20px;
margin : 10px 0;
padding-left : 30px;
width : calc(100%);
}
.otabo #otabo_results > ul > li .info img
{
background-position : center;
background-size : contain;
background-repeat : no-repeat;
margin : 20px 0;
padding-top : 50%;
width : 100%;
}
.otabo #otabo_results > ul > li .info table
{
border-collapse : collapse;
table-layout : auto;
}
.otabo #otabo_results > ul > li .info table tr
{
width : 100%;
}
.otabo #otabo_results > ul > li .info table tr,
.otabo #otabo_results > ul > li .info table td
{
border-width : 0;
position : relative;
}
.otabo #otabo_results > ul > li .info .params,
.otabo #otabo_results > ul > li .info .rate
{
vertical-align : top;
}
.otabo #otabo_results > ul > li .info .rate
{
white-space : nowrap;
}
.otabo #otabo_results > ul > li .info .hint
{
display : block;
font-size : 75%;
line-height : 1.4;
}
.otabo #otabo_results > ul > li .info .params div,
.otabo #otabo_results > ul > li .info .rate div
{
box-sizing : border-box;
margin : 0;
}
.otabo #otabo_results > ul > li .info .params div
{
display : flex;
flex-wrap : wrap;
}
.otabo #otabo_results > ul > li .info .params div span
{
background-position : left top;
background-repeat : no-repeat;
background-size : 12px 12px;
box-sizing : border-box;
cursor : default;
display : inline-block;
flex-grow : 1;
font-size : 80%;
line-height : 100%;
margin : 4px;
padding : 0 0 0 20px;
width : calc(50% - 8px);
}
.otabo #otabo_results > ul > li .info .params div span.km_limit
{
width : calc(100% - 8px);
}
.otabo #otabo_results > ul > li .info .rate div
{
margin-left : 20px;
text-align : left;
width : auto;
}
.otabo #otabo_results > ul > li .info .rate span + span
{
white-space : nowrap;
} .otabo #otabo_results div.details
{
background-color : rgba(255, 255, 255, 0.97);
box-sizing : border-box;
display : block;
margin : 0;
overflow : hidden;
padding : 10px;
width : calc(100%);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform : rotateY(180deg) scale(0.9);
-webkit-transform : rotateY(180deg) scale(0.9);
transition: transform 0.8s;
-webkit-transition: transform 0.8s;
transform-style: preserve-3d;
position : absolute;
left : 0;
right : 0;
bottom : 0;
top : 50px;
}
.otabo #otabo_results div.details.shown
{
opacity : 1;
transform : rotateY(0deg) scale(1);
-webkit-transform : rotateY(0deg) scale(1);
}
.otabo #otabo_results .details_toggle
{
background : none;
border-width : 0;
box-sizing : border-box;
color : #000;
font-size : 85%;
font-weight : normal;
margin : 0;
padding : 10px;
position : absolute;
top : 0;
right : 0;
}
.otabo #otabo_results div.details_toggle:hover
{
}
.otabo #otabo_results div.details > div.params
{
box-sizing : border-box;
flex-grow : 2;
font-size : 90%;
overflow-y : scroll;
padding : 10px 15px 50px;
scrollbar-width : none;
-ms-overflow-style: -ms-autohiding-scrollbar;
display : flex;
flex-wrap : wrap;
align-content : flex-start;
justify-content : flex-start;
position : absolute;
left : 0;
top : 0;
right : 0;
bottom : 0;
}
.otabo #otabo_results div.details > div.params::-webkit-scrollbar
{
display : none;
}
.otabo #otabo_results div.details > div.params > *
{
flex-grow : 1;
flex-shrink : 1;
max-width : 400px;
width : 100%;
}
.otabo #otabo_results div.details > div.params h3
{
display : block;
font-size : 120%;
font-weight : 500;
margin : 0;
padding : 20px 0 10px;
}
.otabo #otabo_results div.details > div.params ul
{
box-sizing : border-box;
display : flex;
flex-wrap : wrap;
left : 0;
margin : 0;
padding : 5px;
position : relative;
}
.otabo #otabo_results div.details > div.params ul li
{
border-width : 0;
box-sizing : border-box;
flex-grow : 1;
float : none;
left : auto;
line-height : 120%;
margin : 0;
min-width : 130px;
padding : 2px 5px;
width :	50%;
}
.otabo #otabo_results div.details ul li span:first-child
{
}
.otabo #otabo_results div.details ul li span:last-child
{
}
.otabo #otabo_results div.details ul li span + span
{
font-weight : 550;
padding-left : 5px;
}
.otabo #otabo_results div.details ul.param_Description li
{
width : 100%;
}
.otabo_result_details_tscroller,
.otabo_result_details_bscroller
{
background : rgba(255, 255, 255, 0.8);
background : linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 100%);
box-sizing : border-box;
color : #fff;
display : block;
text-align : center;
vertical-align : center;
position : absolute;
left : 0;
right : 0;
width : 100%;
height : 50px;
}
.otabo_result_details_tscroller
{
background : linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
top : 0;
}
.otabo_result_details_bscroller
{
bottom : 0;
}
.otabo_result_details_tscroller:hover
{
background : linear-gradient(rgba(244, 244, 244, 1) 0%, rgba(244, 244, 244, 0.9) 50%, rgba(244, 244, 244, 0) 100%);
cursor : pointer;
}
.otabo_result_details_bscroller:hover
{
background : linear-gradient(rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.9) 50%, rgba(244, 244, 244, 1) 100%);
cursor : pointer;
}
.otabo_result_details_tscroller::before,
.otabo_result_details_bscroller::before
{
color : #000;
content : '«';
display : block;
font-size : 150%;
position : absolute;
left : 50%;
top : 50%;
}
.otabo_result_details_tscroller::before
{
content : '«';
transform : translate(0, -75%) rotate(90deg);
-ms-transform : translate(0, -75%) rotate(90deg);
-webkit-transform : translate(0, -75%) rotate(90deg);
}
.otabo_result_details_bscroller::before
{
content : '»';
transform : translate(0, -25%) rotate(90deg);
-ms-transform : translate(0, -25%) rotate(90deg);
-webkit-transform : translate(0, -25%) rotate(90deg);
} .otabo #otabo_results.full-width ul li
{
width : calc(100% - 20px);
}
.otabo #otabo_results.full-width ul li .box
{
display : flex;
align-content : flex-start;
flex-direction : row;
flex-grow : 1;
flex-shrink : 1;
flex-wrap : wrap;
justify-content : start;
}
.otabo #otabo_results.full-width ul li .info
{
flex-grow : 1;
min-width : 300px;
width : calc(40% - 10px);
}
.otabo #otabo_results.full-width ul li .info table td
{
max-width : 100%;
width : 100%;
}
.otabo #otabo_results.full-width ul li .details_toggle
{
display : none;
}
.otabo #otabo_results.full-width ul li .details
{
display : flex;
align-items : flex-start;
flex-grow : 2;
flex-shrink : 1;
flex-wrap : nowrap;
justify-content : flex-end;
font-size : 95%;
padding : 0;
position : relative;
top : 0;
width : calc(60% - 10px);
transform : none;
-webkit-transform : none;
}
.otabo #otabo_results.full-width ul li .details > div.params
{
flex-grow : 2;
margin-left : 10px;
min-width : 100px;
overflow : visible;
padding : 0 0 10px 0;
position : static;
}
.otabo #otabo_results.full-width ul li .details > div.params ul
{
line-height : 115%;
}
.otabo #otabo_results.full-width ul li .details > div.params ul li
{
margin : 0;
padding : 0 2px;
}
.otabo #otabo_results div.options
{
flex-grow : 1;
margin-left : 10px;
max-width : 49%;
min-width : 180px;
padding-top : 20px;
text-align : right;
}
.otabo #otabo_results div.options ul
{
width : 100%;
}
.otabo #otabo_results div.options ul > li:first-child
{
background-color : #ddd;
border : 1px solid #aaa;
box-sizing : border-box;
font-size : 100%;
font-weight : normal;
padding : 5px 10px;
text-align : center;
width : 100%;
}
.otabo #otabo_results div.options ul > li + li
{
background-color : #fefefe;
border-color : #aaa;
border-style : solid;
border-width : 0 1px 1px 1px;
box-sizing : border-box;
cursor : pointer;
overflow : hidden;
padding : 5px 10px 5px 30px;
position : relative;
text-align : center;
width : 100%;
display : flex;
flex-direction : column;
align-items : flex-end;
}
.otabo #otabo_results div.options ul > li + li::before,
.otabo #otabo_results div.options ul > li + li::after
{
background : #efefef;
content : '';
position : absolute;
left : -20px;
height : 50%;
width : 30px;
transition : width 0.5s;
}
.otabo #otabo_results div.options ul > li + li:hover::before,
.otabo #otabo_results div.options ul > li + li:hover::after
{
background : var(--otabo-main);
color : #fff;
width : calc(100% + 40px);
}
.otabo #otabo_results div.options ul > li + li::before
{
top: 0;
transform: skew(30deg, 0deg);
}
.otabo #otabo_results div.options ul > li + li::after
{
bottom: 0;
transform: skew(-30deg, 0deg);
}
.otabo #otabo_results div.options ul > li + li *
{
text-align : right;
width : 100%;
}
.otabo #otabo_results div.options ul > li + li a
{
color : inherit;
padding-right : 10%;
}
.otabo #otabo_results div.options ul > li + li:hover a
{
color : #fff;
transition : color 0.5s;
z-index : 10;
}
.otabo #otabo_results div.options ul > li + li a span.tariff
{
font-size : 80%;
line-height : 110%;
vertical-align : middle;
}
.otabo #otabo_results div.options ul > li + li a span.rate
{
font-size : 130%;
font-weight : bold;
line-height : 100%;
padding : 0;
white-space : nowrap;
vertical-align : middle;
}
.otabo #otabo_results div.options ul > li + li a span.discount
{
color : #dd2222;
}
.otabo #otabo_results div.options ul > li + li a span.discount > span
{
color : #000;
display : inline-block;
font-size : 70%;
margin : auto 20px;
text-decoration : line-through;
width : auto;
}
.otabo #otabo_results div.options ul > li:last-child,
.otabo #otabo_results div.options ul > li:last-child:hover
{
border-width : 0;
cursor : default;
font-size : 75%;
line-height : 110%;
opacity : 80%;
padding-top : 10px;
text-align : center;
}
.otabo #otabo_results div.options ul > li:last-child:before,
.otabo #otabo_results div.options ul > li:last-child:after
{
content : none;
} .otabo #otabo_coverages ul
{
list-style : none outside;
padding : 0;
margin : 0;
width : 100%;
}
.otabo #otabo_coverages ul li
{
border : 1px solid #ddd;
box-sizing : border-box;
display : block;
margin : 5px 0;
padding : 10px;
text-align : center;
width : 100%;
}
.otabo #otabo_coverages ul li.c1
{
margin-left : 0;
width : 100%;
}
.otabo #otabo_coverages ul li *
{
text-align : left;
}
.otabo #otabo_coverages ul li h1
{
font-size : 120%;
margin : 0;
padding : 15px 0 10px 0;
}
.otabo #otabo_coverages ul li h2
{
font-size : 100%;
font-weight : normal;
margin : 15px 0 10px 0;
padding : 0;
}
.otabo #otabo_coverages ul li span.hint
{
font-size : 80%;
opacity : 0.9;
}
.otabo #otabo_coverages ul li img
{
margin : 20px 10px;
}
.otabo #otabo_coverages ul li a.hint
{
display : block;
font-size : 70%;
text-align : right;
}
.otabo #otabo_coverages ul li table
{
border-collapse : collapse;
box-sizing : auto;
margin : 30px 30px 30px 0;
table-layout : auto;
width : calc(100% - 30px);
}
.otabo #otabo_coverages ul li table tr td
{
border-color : #ddd;
border-style : solid;
border-width : 0 0 1px 0;
padding : 10px 0;
vertical-align : top;
}
.otabo #otabo_coverages ul li table tr td:first-child
{
font-size : 110%;
font-weight : normal;
}
.otabo #otabo_coverages ul li table tr td:last-child
{
font-size : 120%;
text-align : right;
}
.otabo #otabo_coverages ul li div
{
position : relative;
}
.otabo #otabo_coverages ul li div.rate
{
box-sizing : border-box;
display : inline-block;
margin : 0;
vertical-align : top;
width : calc(70% - 20px);
}
.otabo #otabo_coverages ul li div.rate
{
box-sizing : border-box;
padding-right : 20px;
text-align : right;
width : 100%;
}
.otabo #otabo_coverages ul li div.rate span
{
display : block;
text-align : right;
}
.otabo #otabo_coverages ul li div.rate span + span
{
font-size : 150%;
font-weight : bold;
}
.otabo #otabo_coverages ul li div.rate form
{
margin : 10px 0;
padding : 0;
text-align : right;
}
.otabo #otabo_coverages ul li div.rate button
{
margin : 5px 0;
padding : 3px 20px;
} .otabo #otabo_optionals > h1
{
margin : 45px 0 30px;
}
.otabo #otabo_optionals > h1:first-child
{
margin-top : inherit;
}
.otabo #otabo_optionals ul
{
display : flex;
flex-wrap : wrap;
list-style : none outside;
margin : 5px;
padding : 0 0 25px 0;
position : relative;
width : (100px - 10px);
}
.otabo #otabo_optionals ul li
{
border : 1px solid #ccc;
box-sizing : border-box;
flex-grow : 1;
float : left;
margin : 5px;
min-width : 200px;
padding : 10px;
text-align : center;
width : calc(50% - 10px);
}
@media screen and (max-width: 700px)
{
#otabo_optionals ul li
{
width : calc(100% - 20px);
}
}
@media screen and (max-width: 330px)
{
.otabo .otabo_form .calendar_holder
{
min-width : 240px;
}
.otabo #otabo_booking fieldset > *
{
min-width : 220px;
}
.otabo #otabo_results.full-width ul li .info
{
min-width : 220px;
}
.otabo #otabo_results_header ul li
{
display : block;
}
.otabo #otabo_results_header ul li + li::before
{
content : '';
}
.otabo #otabo_results > ul > li
{
min-width : 200px;
}
.otabo #otabo_results > ul > li .info .params div span
{
width : auto;
}
.otabo #otabo_results > ul > li h1
{
color : #000;
}
}
.otabo #otabo_optionals ul li.c1
{
margin-left : 0;
width : 100%;
}
.otabo #otabo_optionals ul li *
{
text-align : left;
}
.otabo #otabo_optionals ul li h1
{
font-size : 120%;
margin : 10px;
padding : 0;
}
.otabo #otabo_optionals table
{
border-collapse : collapse;
margin : 10px 0;
table-layout : auto;
}
.otabo #otabo_optionals table tr,
.otabo #otabo_optionals table tr td
{
border-width : 0;
padding : 0;
}
.otabo #otabo_optionals table tr > td.rate
{
box-sizing : border-box;
display : table-cell;
padding-left : 20px;
text-align : right;
vertical-align : bottom;
width : auto;
}
.otabo #otabo_optionals table tr td.rate span
{
display : block;
text-align : right;
white-space : nowrap;
}
.otabo #otabo_optionals table tr td.rate span + span
{
font-size : 150%;
font-weight : bold;
}
.otabo #otabo_optionals table tr td.rate span.hint
{
font-size : 85%;
font-weight : inherit;
}
.otabo #otabo_optionals table tr td.rate > button
{
margin : 5px auto;
padding : 3px 20px;
}
.otabo #otabo_optionals table tr td.rate > button.remove,
.otabo #otabo_cancel
{
background-color : #a00;
border : 1px solid #700;
}
.otabo #otabo_optionals table tr td.rate span.quantity
{
display : inline-flex;
align-items : stretch;
flex-direction : row;
flex-wrap : nowrap;
justify-content : flex-end;
border : 1px solid var(--otabo-dark);
border-radius : 5px;
margin : 5px auto;
overflow : hidden;
padding : 0;
width : auto;
min-width : 100px;
}
.otabo #otabo_optionals table tr td.rate span.quantity span
{
flex-grow : 4;
font-size : 75%;
font-weight : normal;
margin : 0px 12px;
padding : 5px;
text-align : center;
vertical-align : middle;
}
.otabo #otabo_optionals table tr td.rate span.quantity button
{
border-radius : 0;
border-width : 0;
font-size : 11pt;
margin : 0;
padding : 5px;
text-align : center;
vertical-align : middle;
width : 25px;
}
.otabo #otabo_optionals table tr td.rate span.quantity button:first-child
{
border-right-width : 1px;
}
.otabo #otabo_optionals table tr td.rate span.quantity button:last-child
{
border-left-width : 1px;
} .otabo #otabo_booking
{
text-align : center;
}
.otabo #otabo_booking fieldset
{
display : flex;
flex-direction : row;
flex-grow : 1;
flex-wrap : wrap;
justify-content : start;
margin : 0 -5px;
text-align : center;
}
.otabo #otabo_booking fieldset > *
{
box-sizing : border-box;
flex-grow : 1;
min-width : 300px;
padding : 0 5px;
}
.otabo #otabo_booking fieldset h2,
.otabo #otabo_booking fieldset p
{
text-align : left;
width : 100%;
}
.otabo #otabo_booking fieldset > .w100
{
width : 100%;
}
.otabo #otabo_booking label
{
display : block;
font-size : 90%;
font-weight : normal;
margin : 5px 5px 2px 5px;
text-align : left;
width : calc(100% - 10px);
}
.otabo #otabo_booking input
{
border : 1px solid #ddd;
padding : 5px;
}
.otabo #otabo_booking input[type='text'],
.otabo #otabo_booking div.input
{
display : block;
width : 100%;
}
.otabo #otabo_booking div.input input[type='text']
{
width : 100%;
}
.otabo #otabo_booking div.input input[type='checkbox']
{
float : left;
margin : 20px 10px 0 15px;
}
.otabo #otabo_booking div.input input[type='checkbox'] + span
{
display : block;
padding : 13px 0 5px 40px;
}
.otabo #otabo_booking div.input input[type='checkbox'].error + span
{
color : #c00;
}
.otabo #otabo_booking button
{
margin : 15px auto;
padding : 10px 40px;
}
.otabo #otabo_booking input.error
{
border-color : #ff0000 ! important;
}
.otabo #otabo_booking div.input
{
position : relative;
text-align : left;
}
.otabo #otabo_booking div ul
{
background-color : #fff;
border : 1px solid #ddd;
box-sizing : border-box;
display : none;
list-style : none outside;
margin : 0 0 10px;
max-height : 200px;
overflow-x : overflow;
overflow-y : scroll;
padding : 0;
width : 100%;
z-index : 100;
position : absolute;
left : 0px;
right : -1px;
top : 100%;
}
.otabo #otabo_booking div ul li
{
border-bottom : 1px solid #ddd;
padding : 10px;
text-align : left;
}
.otabo #otabo_booking div ul li:hover
{
background-color : var(--otabo-main);
color : #fff;
cursor : pointer;
} .otabo #otabo_booking_header
{
border-color : #ddd;
border-style : solid;
border-width : 1px;
text-align : right;
}
.otabo #otabo_booking_header .summary
{
background-color : #ddd;
color : #000;
display : block;
font-size : 110%;
font-weight : bold;
margin : 0;
padding : 10px;
text-align : left;
}
.otabo #otabo_booking_header ul
{
list-style : none outside;
margin : 0;
padding : 5px;
text-align : left;
}
.otabo #otabo_booking_header ul li
{
box-sizing : border-box;
display : block;
padding : 0 10px;
width : 100%;
}
.otabo #otabo_booking_header ul li .input
{
display : block;
font-weight : bold;
margin : 10px 0px 5px;
}
.otabo #otabo_booking_header ul li .input a
{
font-size : 95%;
font-weight : normal;
margin-left : 10px;
}
.otabo #otabo_booking_header ul li .date,
.otabo #otabo_booking_header ul li .base,
.otabo #otabo_booking_header ul li .vehicle,
.otabo #otabo_booking_header ul li .coverage,
.otabo #otabo_booking_header ul li .optionals,
.otabo #otabo_booking_header ul li .totals
{
padding-left : 15px;
}
.otabo #otabo_booking_header ul li .base,
.otabo #otabo_booking_header ul li .vehicle,
.otabo #otabo_booking_header ul li .coverage,
.otabo #otabo_booking_header ul li .optionals,
.otabo #otabo_booking_header ul li .totals
{
display : block;
width : 100%;
}
.otabo #otabo_booking_header ul li .date
{
white-space : nowrap;
}
.otabo #otabo_booking_header ul li .base::before,
.otabo #otabo_booking_header ul li .vehicle::before,
.otabo #otabo_booking_header ul li .coverage::before,
.otabo #otabo_booking_header ul li .optionals::before,
.otabo #otabo_booking_header ul li .totals::before
{
color : #ccc;
content : '❯';
float : left;
margin-left : -15px;
}
.otabo #otabo_booking_header ul li + li .base::before
{
color : #ccc;
content : '❮';
float : left;
margin-left : -15px;
}
.otabo #otabo_booking_header ul li .rate
{
font-size : 120%;
font-weight : bold;
position : relative;
text-align : right;
vertical-align : bottom;
white-space: nowrap;
}
.otabo #otabo_booking_header ul table
{
border-collapse : collapse;
border-width : 0;
box-sizing : border-box;
margin : 0;
padding : 0;
table-layout : auto;
width : 100%;
}
.otabo #otabo_booking_header ul table tr,
.otabo #otabo_booking_header ul table td
{
border-width : 0;
margin : 0;
padding : 0;
}
.otabo #otabo_booking_header ul table td:first-child
{
padding-right : 15px;
}
.otabo #otabo_booking_header button
{
margin : 5px 10px 10px;
padding : 5px 15px;
text-align : right;
}