.pending_photo_overlay {
  background-attachment: scroll;
  background-size: cover !important;
  height: 400px;
  width: 400px;
  margin: auto;
  filter: blur(40px);
  -webkit-filter: blur(40px);
}
.pending_photo_overlay::before {
  content: "";
  display: block;
  z-index: 1;
  width: inherit;
  height: inherit;
  background-color: #000;
  opacity: 0.15;
}

.pending_photo_overlay_ie {
  background-attachment: scroll;
  background-size: cover !important;
  height: 400px;
  width: 400px;
  margin: auto;
}
.pending_photo_overlay_ie::before {
  content: "";
  display: block;
  z-index: 1;
  width: inherit;
  height: inherit;
  background-color: #000;
  opacity: 1;
}

.pending_photo_overlay_show {
  background-attachment: scroll;
  background-size: cover !important;
  height: 400px;
  width: 400px;
  margin: auto;
}

.loading_background {background: url('https://bookit.modo.coop/static/img/loader.gif'); background-repeat: no-repeat; background-position: right center;}
.header_logo { float:left; width:70px; height:70px; background:url('https://bookit.modo.coop/static/img/engage70.png') no-repeat right; }

body { background-color:#F2EEEB; font-family:"Open Sans", sans-serif; font-size:12px; color:#252e3f; width:980px; margin:0px auto; }
#main_body { width:980px; margin:0px auto; clear:both; }
h1, h2, h3, h4 { font-family: Futura, "Open Sans", sans-serif !important; }

.mybooking_row td, .report_row td, .submit_row td { cursor:pointer; }
.mybooking_row a { font-weight:bold; }

.footer_logo { background:url('https://bookit.modo.coop/static/img/engage70.png'); margin:0px auto; height:70px; width:70px; }
.footer_text { text-align:center; margin:0px auto; width:800px; padding-top:10px; }
.footer hr { width:40%; }

.login_footer { margin-top:15px; clear:both; }
.login_footer input[type=submit] { margin-top:10px; }

#upper_header { text-align:right; overflow:hidden; }
#upper_header a img { border:0px; }
#header_logout { padding-left:10px; }
#header_logout strong { color:#ef3f3f; }
#header_logout a, #header_logout a:visited { text-decoration:none; font-weight:bold; color:black; }

input[type=checkbox]:checked + label { font-weight:bold; }

.heading2 h1 { padding-left:25px; margin:0px 0px 10px 0px; }
.heading2 h1 strong { color:#fff; }
.inactive { color:#c9c8c6; }

.color1 .rounded_table thead th, .color1 .datatable thead th, .color1 .datatable tfoot td, .color1 .datatable tfoot th { background-color:#0099cc; }
.color2 .rounded_table thead th, .color2 .datatable thead th, .color2 .datatable tfoot td, .color2 .datatable tfoot th { background-color:#ef3f3f; }
.color3 .rounded_table thead th, .color3 .datatable thead th, .color3 .datatable tfoot td, .color3 .datatable tfoot th { background-color:#8BC53F; }
.color4 .rounded_table thead th, .color4 .datatable thead th, .color4 .datatable tfoot td, .color4 .datatable tfoot th { background-color:#f16639; }

.color1 .datatable tbody a { text-decoration:none; border-bottom:1px dotted #0099cc; color:#0099cc; font-weight:bold; }
.color2 .datatable tbody a { text-decoration:none; border-bottom:1px dotted #ef3f3f; color:#ef3f3f; font-weight:bold; }
.color3 .datatable tbody a { text-decoration:none; border-bottom:1px dotted #8BC53F; color:#8BC53F; font-weight:bold; }
.color4 .datatable tbody a { text-decoration:none; border-bottom:1px dotted #f16639; color:#f16639; font-weight:bold; }

div.status_confirmed { color:#252e3f; }
div.status_cancelled { color:#ef3f3f; }
div.status_no_show   { color:#0099cc; }

.hidden-element { display:none; }
.exposed-element { display:block; }

.setting_link { text-decoration:underline; color:#8BC53F !important; cursor:pointer; }

.fill_color1_override { background:#0099cc !important; background-color:#0099cc !important; border-color:#0099cc !important; }
.fill_color2_override { background:#ef3f3f !important; background-color:#ef3f3f !important; border-color:#ef3f3f !important; }
.fill_color3_override { background:#8BC53F !important; background-color:#8BC53F !important; border-color:#8BC53F !important; }
.fill_color4_override { background:#f16639 !important; background-color:#f16639 !important; border-color:#f16639 !important; }


.coloring0_override { color: black !important; }
.coloring1_override { color:#0099cc !important; }
.coloring2_override { color:#ef3f3f !important; }
.coloring3_override { color:#8BC53F !important; }
.coloring4_override { color:#f16639 !important; }
.coloringf_override { color:#FFFFFF !important; }

label.ui-corner-right {
  border-bottom-right-radius:15px !important; -moz-border-radius-bottomright:15px !important; -webkit-border-bottom-right-radius:15px !important; -khtml-border-bottom-right-radius:15px !important;  border-top-right-radius:15px !important; -moz-border-radius-topright:15px !important; -webkit-border-top-right-radius:15px !important; -khtml-border-top-right-radius:15px !important;}
label.ui-corner-left {
  border-bottom-left-radius:15px !important; -moz-border-radius-bottomleft:15px !important; -webkit-border-bottom-left-radius:15px !important; -khtml-border-bottom-left-radius:15px !important;  border-top-left-radius:15px !important; -moz-border-radius-topleft:15px !important; -webkit-border-top-left-radius:15px !important; -khtml-border-top-left-radius:15px !important;}

.greyed, .greyed td, .greyed a { color:#7b8b9a }

hr { color:#ccc; border:0px; background-color:#ccc; height:1px; }

a.booking_link { border-bottom:1px dotted #587E28; color:#587E28; font-weight:bold; text-decoration:none; }

h3 { margin-top:40px; }
h2 { font-size:14px; }

code {
  font-family:Monaco, Verdana, Sans-serif; font-size:12px; background-color:#f9f9f9; border:1px solid #D0D0D0;
  color:#002166; display:block; margin:14px 0 14px 0; padding:12px 10px 12px 10px;
}

.alert { color:red; font-weight:bold; }

.date, .invoice_date, .expiry_date { width:90px; text-align:center; margin-top:0px; padding:0px; }

.acc_private { color:#f16639; }

#account_id_block { border-right:1px dotted black; padding-right:10px; }
#account_id_block a, #account_id_block a:visited { color:#0099cc; }
#account_id_block a, #account_id_block a:visited { text-decoration:none; font-weight:bold; }

.sub_menu { padding-bottom:30px; }
.sub_menu a { margin-right:20px; }
.sub_menu a:selected { font-weight:bold; }

.messages, .warnings, .errors { padding:5px 15px; font-weight:bold; color:black; margin-bottom:20px; text-align:center;
  border-radius:25px ; -moz-border-radius:25px ; -webkit-border-radius:25px ; -khtml-border-radius:25px ;}
.messages { border:5px solid #8BC53F; }
.warnings { border:5px solid #f16639; }
.errors { border:5px solid #ef3f3f; }
.news { padding:5px 15px; background:#efefef; border:1px solid #ccc; margin-bottom:20px; }
.box { border:1px solid #ccc; padding:10px; }

.color1 .filter { border-color:#0099cc; }
.color2 .filter { border-color:#ef3f3f; }
.color3 .filter { border-color:#8BC53F; }
.color4 .filter { border-color:#f16639; }

.filter select, .filter input, .filter label { margin:0px 5px; }

.current_booking_box { behavior:url('https://bookit.modo.coop/static/css/border-radius.htc'); background-color:#E9E4DF; margin-bottom:20px; padding:20px 20px 10px 30px; }
.current_booking_box li { padding-bottom:12px; }
.current_booking_box li table { padding-top:5px; }

.highlight_box { background-color:#dcdcdc; padding:20px 20px 10px 30px; width:230px;}
.highlight_box table td { padding-left:10px; }

.prev_link { padding-right:15px; margin-right:5px; font-weight:bold; background:url('https://bookit.modo.coop/static/img/arrow_left.png') no-repeat right; }
.next_link { padding-left:15px; margin-left:5px; font-weight:bold; background:url('https://bookit.modo.coop/static/img/arrow_right.png') no-repeat left; }
.private_description_div {margin-top:10px;}
div.paginate span { font-weight:bold; }
.paginate .page_link { padding-left:5px; padding-right:5px; }

.view_notes .edit_note { display:none; }
.edit_notes .view_note { display:none; }
.staff_note { background-color:#FFFFBB; }
.public_note { background-color:#DBEAF9; }
.driver_note { background-color:#B0E2FF; }
.driver_staff_note { background-color:#FFDDDD; }
.follow_up_note { background-color:orange; }

.paper { border:1px solid gray; border-right:2px solid black; border-bottom:2px solid black; padding:10px; min-height:800px; background-color:#fff; }
.paper a { text-decoration:none; }

#all_accounts { font-size:12px; }

.group_spacer_row { height:20px; border-bottom:1px solid #CCC; position:relative; }
.group_row { height:18px; width:673px; background-color:#0099cc; text-align:center; position:relative; color:white; padding-top:3px; font-weight:bold; font-size:14px; }

td.nowrap { white-space:nowrap; }
td.disp_event_date { white-space:nowrap; }
td.disp_amount { text-align:right; }
td.right, th.right { text-align:right; }
td.centre, th.centre { text-align:center; }
#current_balance_text { font-weight:bold; }
.locked { font-weight:bold; }
.cc_type { width:270px; }
.pay_amount { width:90px; text-align:right; }
.print_only { display:none; }
.google_drivers { float:left; margin-right:5px; border:0px !important; }
.google_icon {
  width:15px; height:15px; border:0px; float:left; background:url("https://bookit.modo.coop/static/img/google_icon.jpg") no-repeat left;
  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}

div.rd_border { padding: 15px; -moz-border-radius: 25px 25px 25px 25px !important; border: 1px solid; border-radius: 25px !important; overflow: hidden; }

/*---------- Rounded Box ---------*/

.color1 .rounded_box { background-color:#0099cc; }
.color2 .rounded_box { background-color:#ef3f3f; }
.color3 .rounded_box { background-color:#8BC53F; }
.color4 .rounded_box { background-color:#f16639; }
.inner_rounded_box { background-color:#F2EEEB; }
.rounded_box .ui-widget-content { border:none; background:transparent; color:#222222; }
.rounded_box .ui-widget-header { border:none; background:none; color:#222222; font-weight:bold; }
.rounded_box .ui-tabs .ui-tabs-panel { display:block; border:0; padding:1em 1.4em; background:#F2EEEB; }
.rounded_box .ui-tabs .ui-tabs-nav { margin:0; display: flex; justify-content: center;}
.rounded_box .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom:0px; padding:6px 0px; background:#F2EEEB; opacity:1; filter:alpha(opacity=100); border:none; }
.rounded_box .ui-tabs .ui-tabs-nav li {
  list-style:none; float:left; position:relative; top:1px; border-bottom:0 !important;
  padding:6px 0px; white-space:nowrap; opacity:.7; filter:alpha(opacity=70); border:none;
}
.rounded_box .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0px;
}
.rounded_box, .inner_rounded_box, .current_booking_box, .highlight_box {
  border-radius:25px ; -moz-border-radius:25px ; -webkit-border-radius:25px ; -khtml-border-radius:25px ;  padding:10px;
}
.rounded_box .ui-tabs .ui-tabs-panel {
  border-radius:15px ; -moz-border-radius:15px ; -webkit-border-radius:15px ; -khtml-border-radius:15px ;  padding:10px;
}
.rounded_box .ui-corner-top {
  border-top-left-radius:15px ; -moz-border-radius-topleft:15px ; -webkit-border-top-left-radius:15px ; -khtml-border-top-left-radius:15px ;  border-top-right-radius:15px ; -moz-border-radius-topright:15px ; -webkit-border-top-right-radius:15px ; -khtml-border-top-right-radius:15px ;}

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

.color1 .ui-state-active a { color:#0099cc !important; font-weight:bold; }
.color2 .ui-state-active a { color:#ef3f3f !important; font-weight:bold; }
.color3 .ui-state-active a { color:#8BC53F !important; font-weight:bold; }
.color4 .ui-state-active a { color:#f16639 !important; font-weight:bold; }

.ui-menu-item { white-space:nowrap; overflow:hidden; }
.ui-autocomplete .ui-menu-item { background-color:#fff; }
.ui-autocomplete .ui-corner-all {
  border-radius:0px ; -moz-border-radius:0px ; -webkit-border-radius:0px ; -khtml-border-radius:0px ;}
.ui-menu-item a { font-weight:normal !important; }

.page_menu { text-align:right; margin-bottom:10px; }
.page_menu a { font-weight:bold; }

.car_image_small { width:150px; }
.car_image { padding:20px 0px; width:300px; }
#map_image {
  border-radius:25px ; -moz-border-radius:25px ; -webkit-border-radius:25px ; -khtml-border-radius:25px ;  border:4px solid lightgrey; margin:15px;
}

.expand { float:right; text-decoration:none; padding:2px 10px 0 0; font-size:16px; color:#FFF !important; margin:5px 10px; display:none; }

.booking_filter .ui-widget-header, .booking_filter .ui-state-default, .memberpicker .ui-widget-header, .memberpicker .ui-state-default {
  border:1px solid #0099cc !important; background:#0099cc !important; color:#fff !important; font-weight:bold !important; margin:5px !important;
}

.memberpicker .datatable thead th { background-color:#0099cc !important; color:#fff !important; }
.fc-button, .fc-state-default, .fc-event, .fc-event-inner { background-color: #0099cc; }

.booking_filter, .booking_filter .ui-corner-all, .memberpicker, .memberpicker .ui-corner-all {
  border-radius:25px !important; -moz-border-radius:25px !important; -webkit-border-radius:25px !important; -khtml-border-radius:25px !important;}
.booking_filter .ui-dialog-buttonpane, .memberpicker .ui-dialog-buttonpane {
  border-bottom-right-radius:25px ; -moz-border-radius-bottomright:25px ; -webkit-border-bottom-right-radius:25px ; -khtml-border-bottom-right-radius:25px ;  border-bottom-left-radius:25px ; -moz-border-radius-bottomleft:25px ; -webkit-border-bottom-left-radius:25px ; -khtml-border-bottom-left-radius:25px ;}

.photoeditor .ui-widget-header, .photoeditor .ui-state-default {
  border:1px solid #0099cc !important; background:#0099cc !important; color:#fff !important; font-weight:bold !important; margin:5px !important;
}
.photoeditor, .photoeditor .ui-corner-all {
  border-radius:25px !important; -moz-border-radius:25px !important; -webkit-border-radius:25px !important; -khtml-border-radius:25px !important;}
.photoeditor .ui-dialog-buttonpane {
  border-bottom-right-radius:25px ; -moz-border-radius-bottomright:25px ; -webkit-border-bottom-right-radius:25px ; -khtml-border-bottom-right-radius:25px ;  border-bottom-left-radius:25px ; -moz-border-radius-bottomleft:25px ; -webkit-border-bottom-left-radius:25px ; -khtml-border-bottom-left-radius:25px ;}
.photoeditor #z_div_photo_linkage {
  border-radius:8px !important; -moz-border-radius:8px !important; -webkit-border-radius:8px !important; -khtml-border-radius:8px !important;}
.photoeditor #z_div_photo_ticket {
border-radius:8px !important; -moz-border-radius:8px !important; -webkit-border-radius:8px !important; -khtml-border-radius:8px !important;}

.photouploader .ui-widget-header, .photouploader .ui-state-default {
  border:1px solid #0099cc !important; background:#0099cc !important; color:#fff !important; font-weight:bold !important; margin:5px !important;
}
.photouploader, .photouploader .ui-corner-all {
  border-radius:25px !important; -moz-border-radius:25px !important; -webkit-border-radius:25px !important; -khtml-border-radius:25px !important;}
.photouploader .ui-dialog-buttonpane {
  border-bottom-right-radius:25px ; -moz-border-radius-bottomright:25px ; -webkit-border-bottom-right-radius:25px ; -khtml-border-bottom-right-radius:25px ;  border-bottom-left-radius:25px ; -moz-border-radius-bottomleft:25px ; -webkit-border-bottom-left-radius:25px ; -khtml-border-bottom-left-radius:25px ;}
.new_add_photo {
 font-weight: bold;
}

.map_image {
  border-radius:25px !important; -moz-border-radius:25px !important; -webkit-border-radius:25px !important; -khtml-border-radius:25px !important;  position:absolute; top:-200px; left:190px; border:2px solid gray; background-color:#FFF; z-index:10; padding:10px; width:700px;
}

.edit_car_table {
  border-radius:25px !important; -moz-border-radius:25px !important; -webkit-border-radius:25px !important; -khtml-border-radius:25px !important;  border:1px solid; padding:10px;
}

#drivers_list_outer { float:left; width:79%; }
#drivers_count_outer { float:right; width:19%; }



/* ----- generic invoice ----- */

.m_invoice { margin-right:26mm; margin-left:29mm; margin-top:15mm; margin-bottom:10mm; }
.m_i_logo { float:left; width:106px; height:106px; }
.m_i_logo img { width:100%; height:100%; }
.m_i_balance, .m_i_header { text-align:right; float:right; }
.m_i_1pt, .m_i_2pt { height:0pt; overflow:visible; }
.m_i_1pt div { height:1pt; position:relative; background-color:#252e3f; }
.m_i_2pt div { height:2pt; position:relative; background-color:#252e3f; }
.m_i_1pt img, .m_i_2pt img { display:none; }
.m_i_h { font-size:12pt; font-family:Futura, "Open Sans", sans-serif; font-weight:bold; }
.m_i_h2 { font-size:10pt; font-family:Futura, "Open Sans", sans-serif; font-weight:bold; }
.m_i_h3 { font-size:10pt; font-family:Futura, "Open Sans", sans-serif; font-weight:normal; }
.m_i_hlarge { font-size:26pt; font-family:Futura, "Open Sans", sans-serif; font-weight:bold; }
.m_i_blue { font-weight:bold; color:#0099cc; }
.m_i_red { font-weight:bold; color:#ef3f3f; }
.m_i_p1 { font-size:12pt; font-family:"Open Sans", sans-serif; font-weight:normal; }
.m_i_p2 { font-size:10pt; font-family:"Open Sans", sans-serif; font-weight:normal; }
.m_i_p3 { font-size:9pt; font-family:"Open Sans", sans-serif; font-weight:normal; }
.m_i_vertical { writing-mode:tb-rl; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); white-space:nowrap; display:block; text-align:left; }
.m_i_margin { margin:5px; }
.m_i_summary, .m_i_top_summary { border-spacing:0px; width:320px; }
.m_i_summary td, .m_i_top_summary td { padding:1px; }
table.m_i_subhead { width:100%; border-spacing:0px; border-collapse:collapse; margin:0px; }
table.m_i_subhead th { border:1pt black solid; text-align:center; background-color:lightgrey; padding:0px 8px; }
td.m_i_subtable { border:1pt black solid; margin:0px auto; }
.m_i_lightgrey, .m_i_lightgrey11 { display:none; }
.m_i_box { width:50%; }
.m_i_notes { margin:5pt; }
.m_i_detail { clear:both; }
.m_id_amount { float:right; text-align:right; padding:3pt 6pt; width:15mm; white-space:nowrap}
.m_id_text { float:left; text-align:left; padding:3pt 6pt; width:440px; }
.m_i_new_driver { clear:both; padding:3pt 6pt; text-align:right; }
.m_i_pagenumber { display:none; }
.m_i_lastpagenumber { display:none; }
div#m_i_addressee { top:50mm; height:35mm; margin:auto 0px; clear:left; float:left; }
div#m_i_past_due { clear:right; float:right; padding-top:5px; padding-bottom:5px; text-align:right; }
div#m_i_tier_2 { clear:both; }
div#m_i_tier_3 { padding-bottom:10mm; }
div#m_i_tier_4, div#m_i_tier_4a, div#m_i_tier_4a_webkit { display:none; }
div#m_i_tier_6 { text-align:right; padding-top:10mm; }
div#m_i_tier_7, div#m_i_tier_7_webkit { display:none; }

 
/* ----- Modo invoice ----- */

.m_i_h3 { font-family:'Lato', Futura Std, Helvetica, sans-serif; }
.m_i_p1 { font-family:'Lato', Helvetica, sans-serif; }
.m_i_p2 { font-family:'Lato', Helvetica, sans-serif; }
.m_i_p3 { font-family:'Lato', Helvetica, sans-serif; }

 

.custom_upload { position:relative; }
.decoy_upload { position:absolute; z-index:1; }
.custom_upload input[type=file] { position:relative; text-align:right; -moz-opacity:0; opacity:0; z-index:2; }

.report_footer { margin-top:20px; }

.header {
  border-bottom-left-radius:25px ; -moz-border-radius-bottomleft:25px ; -webkit-border-bottom-left-radius:25px ; -khtml-border-bottom-left-radius:25px ;  border-bottom-right-radius:25px ; -moz-border-radius-bottomright:25px ; -webkit-border-bottom-right-radius:25px ; -khtml-border-bottom-right-radius:25px ;  margin-bottom:30px; padding-top:15px; z-index:5; background-color:#fff; width:980px; height:128px;
}

.new_footer {
  border-top-left-radius:25px ; -moz-border-radius-topleft:25px ; -webkit-border-top-left-radius:25px ; -khtml-border-top-left-radius:25px ;  border-top-right-radius:25px ; -moz-border-radius-topright:25px ; -webkit-border-top-right-radius:25px ; -khtml-border-top-right-radius:25px ;  height:175px; background-color:white; text-align:center; margin-top:75px; font-size:12px; color:gray; line-height:25px; padding-top:20px;
}

input[type=text], input[type=password], input[type=email] {
  border-radius:8px ; -moz-border-radius:8px ; -webkit-border-radius:8px ; -khtml-border-radius:8px ;  border:1px solid c9c8c6; padding:2px 3px;
}
input[type=submit], input[type=button], button {
  border-radius:8px ; -moz-border-radius:8px ; -webkit-border-radius:8px ; -khtml-border-radius:8px ;  border:1px solid; color:#fff; padding-left:15px; padding-right:15px; font-weight:bold;
}
.filter {
  border-radius:25px ; -moz-border-radius:25px ; -webkit-border-radius:25px ; -khtml-border-radius:25px ;  border-width:5px; border-style:solid; padding:20px; margin-bottom:20px; background-color:#F2EEEB; behavior:url('https://bookit.modo.coop/static/css/border-radius.htc');}
/* ----- sortable -----*/
.sortable {
  list-style-type: none;
}
.sortable li{
  padding:2px;
}
.sortable li a{
  text-decoration:none;
  color:#FFF; border-bottom:1px dotted #FFF;
}
.sortable li div:hover{
  background-color:#0099cc;
  opacity:0.75;
}

/* ----- datatable ----- */

.datatable {
  border-radius:15px !important; -moz-border-radius:15px !important; -webkit-border-radius:15px !important; -khtml-border-radius:15px !important;  font-family:"Open Sans", sans-serif; border-collapse:collapse; color:#333; background-color:#fff; overflow:hidden; border-bottom:none;
}
.datatable thead, .datatable tfoot { background-color:#F2EEEB; }
.rounded_box .datatable { border:none; }
.datatable tr td:last-child { border-right:none; }
.rounded_box .datatable tr:last-child td, .datatable tr:last-child td { border-bottom:none; }
.rounded_box .datatable td:last-child { border-right:none; padding-right:15px; }
.rounded_box .datatable td:first-child { padding-left:10px; }
.datatable caption { font-size:12px; font-weight:bold; letter-spacing:-1px; margin-bottom:10px; padding:5px; background:#efefef; border:1px solid #ccc; color:#666; }
.datatable tbody tr:hover, .datatable tr.odd:hover td, .datatable tr.odd:hover th { background:#FFF url('https://bookit.modo.coop/static/img/tr_back.gif') repeat; }
.datatable tr th a { color:#FFF; border-bottom:1px dotted #FFF; text-decoration:none; }
.sort_link, .sort_up, .sort_down { padding-right:10px; }
.sort_up { background:url('https://bookit.modo.coop/static/img/arrow_up.png') no-repeat right; }
.sort_down { background:url('https://bookit.modo.coop/static/img/arrow_down.png') no-repeat right; }
.sort_up:hover, .sort_link:hover { background:url('https://bookit.modo.coop/static/img/arrow_down.png') no-repeat right; }
.sort_down:hover { background:url('https://bookit.modo.coop/static/img/arrow_up.png') no-repeat right; }
.datatable tfoot tr th, .datatable tfoot tr td { color:#fff; height:20px; border-top:1px solid #CCC; border-bottom:none; }
.datatable tr td, .datatable tr th { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; line-height:1.8em; font-size:12px; vertical-align:top; }
.datatable .subheading { text-align:center; font-weight:bold; background-color:#EBE7E4; }
.odd td { background-color:#EBE7E4; overflow:hidden; }
.datatable thead th:first-child {
  border-top-left-radius:15px ; -moz-border-radius-topleft:15px ; -webkit-border-top-left-radius:15px ; -khtml-border-top-left-radius:15px ;}
.datatable thead th:last-child {
  border-top-right-radius:15px ; -moz-border-radius-topright:15px ; -webkit-border-top-right-radius:15px ; -khtml-border-top-right-radius:15px ;  border-right:none;
}
.datatable tfoot td:first-child, .datatable tfoot th:last-child {
  border-bottom-left-radius:15px ; -moz-border-radius-bottomleft:15px ; -webkit-border-bottom-left-radius:15px ; -khtml-border-bottom-left-radius:15px ;}
.datatable tfoot td:last-child, .datatable tfoot th:last-child {
  border-bottom-right-radius:15px ; -moz-border-radius-bottomright:15px ; -webkit-border-bottom-right-radius:15px ; -khtml-border-bottom-right-radius:15px ;}
.datatable thead th { padding:5px 5px; color:#fff; }
.rounded_box .datatable { width:100%; }
.link_color .datatable tbody a { color:#0099cc; border-bottom:1px dotted #0099cc; }
.cl_divider { border-top:2px solid #f16639; color:#f16639; }

/* ----- entrytable ----- */

.datatable .entrytable tr td, .datatable .entrytable tr th { border:0px; padding:0px 5px; }
.entrytable { border:0px; border-spacing:0px; }
#entrytable, #entrytable tr td, #entrytable tr th { background-color:#e0e0e0; background-image:none; }
#entrytable tr th { font-weight:normal; white-space:nowrap; text-align:left; }

/* ----- rounded table ----- */

.rounded_table { font-family:"Open Sans", sans-serif; border-collapse:collapse; }
.rounded_table th { padding:12px 0px; color:#fff; }
.rounded_table th div { padding:2px 0px; border-right:1px dotted black; }
.rounded_table th:last-child div { padding:0px 15px; border-right:none; }
.rounded_table th:first-child {
  border-top-left-radius:25px ; -moz-border-radius-topleft:25px ; -webkit-border-top-left-radius:25px ; -khtml-border-top-left-radius:25px ;  border-bottom-left-radius:25px ; -moz-border-radius-bottomleft:25px ; -webkit-border-bottom-left-radius:25px ; -khtml-border-bottom-left-radius:25px ;}
.rounded_table th:last-child {
  border-top-right-radius:25px ; -moz-border-radius-topright:25px ; -webkit-border-top-right-radius:25px ; -khtml-border-top-right-radius:25px ;  border-bottom-right-radius:25px ; -moz-border-radius-bottomright:25px ; -webkit-border-bottom-right-radius:25px ; -khtml-border-bottom-right-radius:25px ;}
.rounded_table .data_top td:first-child {
  border-top-left-radius:25px ; -moz-border-radius-topleft:25px ; -webkit-border-top-left-radius:25px ; -khtml-border-top-left-radius:25px ;}
.rounded_table .data_bottom td:first-child {
  border-bottom-left-radius:25px ; -moz-border-radius-bottomleft:25px ; -webkit-border-bottom-left-radius:25px ; -khtml-border-bottom-left-radius:25px ;}
.rounded_table .data_top td:last-child {
  border-top-right-radius:25px ; -moz-border-radius-topright:25px ; -webkit-border-top-right-radius:25px ; -khtml-border-top-right-radius:25px ;}
.rounded_table .data_bottom td:last-child {
  border-bottom-right-radius:25px ; -moz-border-radius-bottomright:25px ; -webkit-border-bottom-right-radius:25px ; -khtml-border-bottom-right-radius:25px ;}
.rounded_table .data_top td { background-color:#fff; padding-top:15px; margin:10px; }
.rounded_table .data_middle td { background-color:#fff; padding-bottom:5px; }
.rounded_table .data_bottom td { background-color:#fff; padding-bottom:15px; margin:10px; }
.rounded_table .spacer td { background-color:transparent; height:20px; }
.rounded_table td div { padding:0px 5px 5px 5px; border-right:1px dotted black; min-height:15px; }
.rounded_table td:last-child div { padding-right:15px; border-right:none; }
.rounded_table .note_row { border-top:1px dotted black; margin:5px; padding:10px 0px 0px 0px; color:7b8b9a; font-style:italic; }

/* ----- Header menu ----- */

.new_menu .has_sub>ul a { color:#252e3f; }

.new_menu { font-family:"Open Sans", sans-serif }
.new_menu li ul, .new_menu li li { width:180px; }
.new_menu ul:first-child { padding-left:0px; }
.new_menu ul:last-child { padding-right:0px; }
.new_menu, .new_menu li a { font-weight:bold; }
.new_menu li ul li a { font-size:0.75rem; font-weight:normal; text-transform:none; height:20px; padding:7px 10px 3px 15px; }

h1,h2 { text-transform:uppercase; font-size:0.875rem; }
h3,h4 { text-transform:uppercase; font-size:0.75rem; }

.new_menu .color1 span { color:#0099cc; }
.new_menu .color2 span { color:#ef3f3f; }
.new_menu .color3 span { color:#8BC53F; }
.new_menu .color4 span { color:#f16639; }
.new_menu li.color1:hover>a, .new_menu li.color1:hover>a span, .new_menu .color1 ul a:hover { background-color:#0099cc; color:white; font-weight:bold; }
.new_menu li.color2:hover>a, .new_menu li.color2:hover>a span, .new_menu .color2 ul a:hover { background-color:#ef3f3f; color:white; font-weight:bold; }
.new_menu li.color3:hover>a, .new_menu li.color3:hover>a span, .new_menu .color3 ul a:hover { background-color:#8BC53F; color:white; font-weight:bold; }
.new_menu li.color4:hover>a, .new_menu li.color4:hover>a span, .new_menu .color4 ul a:hover { background-color:#f16639; color:white; font-weight:bold; }
.color1 h1 strong, .color1 h4, .color1 a, strong.color1 { color:#0099cc; }
.color2 h1 strong, .color2 h4, .color2 a, strong.color2 { color:#ef3f3f; }
.color3 h1 strong, .color3 h4, .color3 a, strong.color3 { color:#8BC53F; }
.color4 h1 strong, .color4 h4, .color4 a, strong.color4 { color:#f16639; }
.rounded_box .heading2 h1 strong { color:#fff; }
.new_menu a, strong.logout_button { text-transform:uppercase; font-size:0.75rem; }
strong.logout_button { padding-left:10px; padding-right:10px; margin-left:-10px; }
strong.logout_button:hover { color:white !important; background-color:#f16639; }
.new_menu a { color:#252e3f; }

.available input[type="button"].premium { color:#ef3f3f; border-color:#ef3f3f; }
.available input[type="button"].premium:hover { background-color:#ef3f3f; border-color:#ef3f3f; }

.color1 input[type=submit], .color1 input[type=button], .color1 button { border-color:#0099cc; color:#0099cc; border-width:2px; background-color:#eef0f2; }
.color2 input[type=submit], .color2 input[type=button], .color2 button { border-color:#ef3f3f; color:#ef3f3f; border-width:2px; background-color:#eef0f2; }
.color3 input[type=submit], .color3 input[type=button], .color3 button { border-color:#8BC53F; color:#8BC53F; border-width:2px; background-color:#eef0f2; }
.color4 input[type=submit], .color4 input[type=button], .color4 button { border-color:#f16639; color:#f16639; border-width:2px; background-color:#eef0f2; }

.color1 input[type=submit]:hover, .color1 input[type=button]:hover, .color1 button:hover { cursor:pointer; background-color:#0099cc; color:white; }
.color2 input[type=submit]:hover, .color2 input[type=button]:hover, .color2 button:hover { cursor:pointer; background-color:#ef3f3f; color:white; }
.color3 input[type=submit]:hover, .color3 input[type=button]:hover, .color3 button:hover { cursor:pointer; background-color:#8BC53F; color:white; }
.color4 input[type=submit]:hover, .color4 input[type=button]:hover, .color4 button:hover { cursor:pointer; background-color:#f16639; color:white; }

input[type=submit].color1, input[type=button].color1, button.color1 { border-color:#0099cc; color:#0099cc; border-width:2px; background-color:#eef0f2; }
input[type=submit].color2, input[type=button].color2, button.color2 { border-color:#ef3f3f; color:#ef3f3f; border-width:2px; background-color:#eef0f2; }
input[type=submit].color3, input[type=button].color3, button.color3 { border-color:#8BC53F; color:#8BC53F; border-width:2px; background-color:#eef0f2; }
input[type=submit].color4, input[type=button].color4, button.color4 { border-color:#f16639; color:#f16639; border-width:2px; background-color:#eef0f2; }

input[type=submit].color1:hover, input[type=button].color1:hover, button.color1:hover { cursor:pointer; background-color:#0099cc; color:white; }
input[type=submit].color2:hover, input[type=button].color2:hover, button.color2:hover { cursor:pointer; background-color:#ef3f3f; color:white; }
input[type=submit].color3:hover, input[type=button].color3:hover, button.color3:hover { cursor:pointer; background-color:#8BC53F; color:white; }
input[type=submit].color4:hover, input[type=button].color4:hover, button.color4:hover { cursor:pointer; background-color:#f16639; color:white; }

span.imitate_button {
  border-radius:8px !important; -moz-border-radius:8px !important; -webkit-border-radius:8px !important; -khtml-border-radius:8px !important;  border:1px solid; cursor:pointer; padding:1px 15px; font-weight:bold;
}
span.imitate_button a { font-size:11px; text-decoration:none; border-width:2px; }
.color1 span.imitate_button { border-color:#0099cc; color:#0099cc; background-color:#eef0f2; }
.color2 span.imitate_button { border-color:#ef3f3f; color:#ef3f3f; background-color:#eef0f2; }
.color3 span.imitate_button { border-color:#8BC53F; color:#8BC53F; background-color:#eef0f2; }
.color4 span.imitate_button { border-color:#f16639; color:#f16639; background-color:#eef0f2; }

.color1 span.imitate_button:hover { background-color:#0099cc; color:white; cursor:pointer; }
.color2 span.imitate_button:hover { background-color:#ef3f3f; color:white; cursor:pointer; }
.color3 span.imitate_button:hover { background-color:#8BC53F; color:white; cursor:pointer; }
.color4 span.imitate_button:hover { background-color:#f16639; color:white; cursor:pointer; }

.color1 span.imitate_button:hover a { background-color:#0099cc; color:white; cursor:pointer; }
.color2 span.imitate_button:hover a { background-color:#ef3f3f; color:white; cursor:pointer; }
.color3 span.imitate_button:hover a { background-color:#8BC53F; color:white; cursor:pointer; }
.color4 span.imitate_button:hover a { background-color:#f16639; color:white; cursor:pointer; }





.new_menu li ul li:last-child {
  border-bottom-left-radius:8px ; -moz-border-radius-bottomleft:8px ; -webkit-border-bottom-left-radius:8px ; -khtml-border-bottom-left-radius:8px ;}
.new_menu li ul li:last-child {
  border-bottom-right-radius:8px ; -moz-border-radius-bottomright:8px ; -webkit-border-bottom-right-radius:8px ; -khtml-border-bottom-right-radius:8px ;}
.new_menu li:last-child ul li:first-child {
  border-top-right-radius:8px ; -moz-border-radius-topright:8px ; -webkit-border-top-right-radius:8px ; -khtml-border-top-right-radius:8px ;}

/* ----- Disabled Classes ----- */
.disabled-button {
  border-color: #999999 !important;
  color: #999999 !important;
  background-color: #eef0f2 !important;
}
.disabled-button:hover {
  border-color: #999999 !important;
  color: #999999 !important;
  background-color: #eef0f2 !important;
  cursor: pointer !important;
}


/* ----- Booking Grid ----- */

.booking_placeholder { background-color:#8BC53F; opacity:.3; filter:alpha(opacity=30); position:absolute; height:44px; width:1px; left:0px; top:0px; border-bottom:1px solid white; }
.active_booking, .active_booking_legend { background-color:#8BC53F; opacity:.4; filter:alpha(opacity=40); }
.my_booking, .my_booking_legend { background-color:#0099cc; opacity:.45; filter:alpha(opacity=45); }
.my_account_booking, .my_account_booking_legend { background-color:#0099cc; opacity:.2; filter:alpha(opacity=20); }
.map_image {
  border-radius:25px !important; -moz-border-radius:25px !important; -webkit-border-radius:25px !important; -khtml-border-radius:25px !important;  
  position:absolute; top:-200px; left:190px; border:2px solid gray; background-color:#FFF; z-index:10; padding:10px; width:700px;
}
#car_map_legend { min-height:50px; }
#car_map_legend .item { float:left; margin-left:20px; padding-top:6px; padding-left:25px; height:26px; width:100px; }
.booking_status { color:#0099cc; }

/************ Calendar ************/

.fc-header .fc-state-default span {
  background:#0099cc;
  border-color:#0099cc; /* inner border */
}
.fc-header .fc-state-down span, .fc-header .fc-state-active span {
  background:#0099cc;
  border-color:#0099cc; /* inner border */
}
.fc-content .fc-state-highlight { /* today */
  background:#CCC;
  color:#0099cc;
}
.fc-event, .fc-agenda .fc-event-time, .fc-event a {
  border-style:solid; 
  border-color:#0099cc;     /* default BORDER color (probably the same as background-color) */
  background-color:#0099cc; /* default BACKGROUND color */
  color:#fff;            /* default TEXT color */
}

/*** table expander form css ***/
.util-big-note:hover{ cursor:pointer; }
.util-small-note:hover{ cursor:pointer; }
.main_attrs_container{ float:left; }
.time_attrs_container{ float:left; margin-left: 45px; }
.created_by_container{ margin-top: 5px; }
.modified_by_container{ margin-top: 5px; }
span.meta-item-data { font-weight: bold; }
.note_container{ margin-top: 20px; width: 100%; clear: left; float: left; overflow: hidden; }
textarea.item_note{ float: left; width: 800px; height: 100px; }
.data-title{ float: left; min-width: 111px; }
.expanded-data{ display: none; }


/***settings css***/
input.suite { width: 154px; }
input.address { width: 265px; }
input.city { width: 154px; }
input.province { width: 30px; }
input.postalcode { width: 265px; }
input.company { width: 410px; }
input.contact_num { width: 200px; }
input.contact_method { width: 50px; }
input.contact_note { width: 300px; }
input.email { width: 250px; }
input.email_note { width: 300px; }

/*** Loading spinner ***/

.spinner {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #ef3f3f;
  border-radius: 50%;
  border-top: 16px solid #eef0f2;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: none;
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}