
OFTE SPURTE SPøRSMåL
TEKST TUTORIAL
/* Scheme: Property rental DEMO Description: General stylesheet */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); #row_rental_prop_agreement .checkbox{padding-left:0px;} html .planyo { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight:400; color: #333; line-height: 16px; clear:both; -webkit-font-smoothing: antialiased; box-sizing:initial; -webkit-box-sizing: initial; -moz-box-sizing: initial; overflow-x:hidden; } html .planyo a { box-shadow: none; transition: initial; -webkit-box-shadow:none; color:#428bca; } html .planyo a:hover{color: #253340; text-decoration: none; -webkit-box-shadow:none; } html .planyo ol,html .planyo ul,html .planyo ul li{ list-style: none; list-style-type: none; } html .planyo img{margin:0px; img-webkit-transform: initial!important; -ms-transform: initial!important; -moz-transition:initial!important; -webkit-transition: initial!important; transition:initial!important; -webkit-transition-timing-function: initial!important; transition-timing-function: initial!important; -webkit-transform:initial!important; } .planyo .col-xs-1, .planyo .col-xs-2, .planyo .col-xs-3,.planyo .col-xs-4,.planyo .col-xs-5,.planyo .col-xs-6,.planyo .col-xs-7, .col-xs-8,.planyo .col-xs-9,.planyo .col-xs-10,.planyo .col-xs-11,.planyo .col-xs-12 { float: left; } html .planyo .img-thumbnail{transform: initial!important;} html .container.planyo{padding: 2%!important;width: 96%;} /* fonts*/ .planyo #resource-details h1, .planyo #reservation-code h1, .planyo #payment-code h1, .planyo #completed_code h1, .planyo #details_code h1,.planyo #shopping_cart_items h1,.planyo #products-code h1{ color: #428bca; line-height: 45px; font-weight: 200; position: relative; margin-bottom: 35px; margin-top: 20; font-size: 45px; text-align: center; } html .planyo .lead { font-size: 14px; } html .planyo .container-fluid{padding-left:0px;padding-right:0px;} html .container.planyo{ margin-right: auto; margin-left: auto; } .planyo .text-left { text-align: left!important; } .planyo .position-relative { position: relative!important; } .planyo .overflow-hidden { overflow: hidden!important; } /* buttons*/ html .planyo a.btn.btn-primary.btn-lg,html .planyo a.btn.btn-primary,html .planyo a.btn.btn-primary.btn-lg,html .planyo a.btn.btn-info.btn-lg,html .planyo .btn-primary.btn-lg,input.cart_popup_button,input#add_cart_button,html .planyo input[type="button"]{ border-color: #357ebd; font-weight: normal; display: inline-block; font-size:medium; margin: 0; padding: 6px 12px; text-align: center; white-space: nowrap; vertical-align: middle; color: #fff; background-color: #428bca; border-radius: 4px; background-image: none; line-height: 1.45em; border-width: 0px; } .planyo a.btn.btn-primary.btn-lg:hover,.planyo a.btn.btn-primary:hover,.planyo a.btn.btn-primary.btn-lg:hover,.planyo .btn-primary.btn-lg:hover, .planyo a.btn.btn-info.btn-lg:hover,input.cart_popup_button:hover,input#add_cart_button:hover,.planyo input[type="button"]:hover{ border-color: #357ebd; background-color: #253340; color: white; cursor:pointer; } /* resource list box content*/ .planyo #resources .card,.planyo #search-results .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; } .planyo #resources .card-body, .planyo #search-results .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; text-align: left; } .planyo #resources .card-body .fa-map-marker, .planyo #search-results .card-body .fa-map-marker{padding-top:10px;} .planyo #resources .thumbnail-image,.planyo #search-results .thumbnail-image { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .planyo #resources .thumbnail-image{ height: 200px;} .planyo #search-results .thumbnail-image {height: 170px;} .planyo #resources .card-title,.planyo #search-results .card-title { width: 100%; display: inline-block; margin-bottom: 0px; height:23px; } .planyo #search-results .card-title{height:40px!important;} #search-results .map-location,#search-results #rating{font-size:12px;} .planyo p.card-text { font-size: 13px; font-weight: 400; line-height: 1.7em; text-align: left; height:45px; overflow: hidden; } .planyo #resources .custom_properties,.planyo #search-results .custom_properties { width: 100%; display: inline-block; text-align: left; height:18px; overflow: hidden; } .planyo #resources .custom_properties span,.planyo #search-results .custom_properties span { font-size: 12px; } .planyo #resources .card-body .price-tag,.planyo #search-results .card-body .price-tag { float: right; padding-top: 5px; font-size: small; font-weight: 600; position: absolute; top: 0; background: #428bca; color: white; padding: 5px; width: 150px; right: 0; text-align: center; } html .planyo .card-body a.btn.btn-primary { color: #428bca; font-size: 13px; border: 1px solid #428bca; letter-spacing: normal; padding: 2px 5px; background-color:white; } html .planyo .card-body a.btn.btn-primary:hover{ background-color:#428bca; color:white; } .planyo .card-body h4.resouce-name { font-size: 15px; font-weight: 500; line-height: 18px; text-align: left; letter-spacing: initial; text-transform: none; } .planyo h4.resouce-name a { font-weight: 600; color: #444; } .planyo .card-body .fa, .planyo .card-body .fas { color: #428bca; padding-right: 5px; margin: 10px 0px; } .planyo #search-results .card-body i.fa.fa-map-marker { margin: 5px 0px; } .planyo #resources .mb-4,.planyo #resources .my-4, .planyo #search-results .mb-4,.planyo #search-results .my-4{ margin-bottom: 1.5rem!important; } .planyo #resources .shadow-sm,.planyo #search-results .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; } .planyo #resources .align-items-center,.planyo #search-results .align-items-center { -ms-flex-align: center!important; align-items: center!important; } .planyo #resources .justify-content-between,.planyo #search-results .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important; } #resources .resource-info,#search-results .resource-info{margin-bottom: 70px;zoom: 1;} #resources .resource-image,#search-results .resource-image{padding:0px;max-height: 270px; overflow: hidden;} .planyo .img-responsive{width:100%;} #resources .resource-info:first-child,#search-results .resource-info:first-child {margin-top: 0;} #resources .resource-description,#search-results .resource-description {text-align:justify;margin-bottom:10px;} #resources .resource-contents h2,#search-results .resource-contents h2 {margin-top:0;} #resources .resource-props,#search-results .resource-props {text-align:right;} #resources h2.resource-name, #search-results h2.resource-name{float:left;} .col-sm-12.resource-contents{padding:0;margin:0;} .col-xs-12.custom_properties{text-align:right;margin-bottom:10px;padding:0px;} #resources .custom_property,#search-results .custom_property { text-align: center; margin: 5px 2px; padding: 3px 5px 3px 5px; border-radius: 4px; display: inline-block; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; color: #428bca; font-size: 12px; border: 1px solid #428bca; } .custom_properties_icons i.mdi,.custom_properties i.mdi{ color: #428bca; padding-right: 5px; margin: 0px; } #resources .custom_properties,#search-results .custom_properties{color: #428bca;} #resources i.mdi.mdi-account.icon_for_number_of_persons,#search-results i.mdi.mdi-account.icon_for_number_of_persons{padding:0px;} #resources .custom_properties_icons,#search-results .custom_properties_icons{float:left;margin: 0px;} .custom_properties_icons { text-align: left; margin-left: 10px; } #resources .planyo_cart_widget,#resource-details .planyo_cart_widget,#search-results .planyo_cart_widget{ margin-top: 10px; float: right; width:100%; } /* search results */ html .search-result-container {margin-top:30px;} html .search-price h2{ margin: 5px 0px; font-weight: 600; line-height: 1.7; font-size: 14px; } #search_results h2.resouce-name{float:left;} #search_results .time-ranges,#search_results .resource-description{width:100%;display:inline-block;padding:5px 0px;} .planyo #search_results .time-ranges{ margin-bottom: 5px; height: 60px; padding: 0px; } .planyo #search_results .time-ranges.time-range-large { height: 120px; } #search_results .result_range a { margin: 2px 5px 3px 0px; padding: 1px 5px 5px 5px; border-radius: 4px; display: inline-block; font-weight: 400; background: rgba(0, 0, 0, 0.04); display: inline-block; padding-top: 5px; color: #428bca; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; font-size:12px; } #searchview-code #resource_list{padding:0px;} /* horizontal search box */ .planyo #search_form.form-inline .planyo-form-item-group {margin-right:30px;} .planyo #search_form.form-inline .planyo-form-item-group label {margin-right:10px;} .planyo #search_form.form-inline #res_form_buttons {display:inline-block;} .planyo #searchview-code #res_error_msg {display: block; margin: 30px 0px; width: 50%;} /* DEMO CUSTOM SEARCH BOX */ #search_form label {display:block;float:none;width:100%} form#search_form li.planyo_static_help {margin-left:0px;} div#planyo_search_widget {background: transparent;position: relative; } #search_form input#box_submit_button { color: #fff; background-color: transparent; border-color: #fff;padding: 12px 48px; letter-spacing: 0.06em; border-radius: 0px; } input#box_submit_button:hover {color: #3a3a3b; background-color: #fff; border-color: #fff; } #search_form table.popuppick.calpicker{ transform: translateY(-85%);} @media screen and (max-width: 768px){ #search_form table.popuppick.calpicker{ transform: translate(-50%, -45%);}} /* shopping cart */ #shopping-cart .resource-contents h2 {margin-top:0;} #shopping_cart_items h3 { text-align: right; color: #428bca; font-weight: 700; font-size:medium; padding-right: 15px; } .planyo #shopping-cart .img-responsive { width: 100px; float: left; margin-right: 20px; border: 0px; } #shopping-cart .col-xs-8.resource-contents{padding-left:0px;} .planyo .col-sm-1.resource-thumbnail { padding:0px; } #shopping-cart h4{color:#428bca;font-size:medium} .planyo #shopping-cart .list-group-item{ border-left: 0px; border-right: 0px; position: initial; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .planyo li.list-group-item.cart-item:first-child { border-top: 0px; } #shopping-cart .col-xs-5 h4{float:left;} #shopping-cart .col-xs-5 .action-buttons{float:right;} /* resource details */ #resource-details .resource-img {width:100%;} #resource-details .carousel { position: relative; padding: 0; } #resource-details .description {text-align: justify; line-height: 1.75em; width: 100%; clear: both; font-size:14px; } #resource-details h1, .planyo #products-code h1, #resource-details .calendar-preview, #resource-details .resource-footer {color: #428bca; line-height: 45px; font-weight: 200; position: relative; margin-bottom: 35px; margin-top: 20; font-size: 45px; text-align: center;} #resource-details .resource-footer {margin-top:30px;margin-bottom:20px;} #resource-details .custom_property { text-align: center; float: left; margin: 5px 10px; padding: 6px 10px 8px 10px; border-radius: 4px; display: inline-block; font-weight: 500; line-height: 1.7; font-size:15px; color: #333; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; } .planyo #resource-details .custom_properties { margin: 0px 0px 0px -10px; } .planyo #resource-details .custom_properties i.mdi { font-weight: 900; } .planyo .custom_properties {width:100%;display: inline-block;} #resource-details .main .custom_property { color: #428bca; } #resource-details h5.mb-4 { color: #000; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase; border-top: 1px solid #ebebeb; padding-top: 20px; padding-bottom: 10px; margin-top: 20px; } #resource-details #content{float: none;clear: both;} #resource-details #calendar_view iframe, iframe.calprev_iframe.caltype_multi-month-responsive{max-width: 100%; display: inline-block;} .planyo #banner a{ width: 100%; height: 400px;} .planyo a.withlightbox img{display:none;} #resource-details #booking_form_widget h5.mb-4 { border-top: none; } #planyo_price_preview_form label { font-size: 14px; font-weight: normal; color: #428bca; } #planyo_price_preview_form div#row_start_date, #planyo_price_preview_form div#row_end_date { display: inline-block; width: 100%; max-width: 100%!important; flex: 0 0 100%; } .planyo #mobile_action_sticky{ display:none} #resource-details #rating_sc_header .content{display:none;} #resource-details #comment_text{margin: 10px 0px 20px 0px;} /* reservation steps - desktop */ span.reservation_step, span.reservation_step_current {display:inline-block; margin-right: 25px; max-width:80px; vertical-align:top;} .reservation_step .reservation_step_img, .reservation_step_current .reservation_step_img {margin-left: auto; margin-right: auto; margin-bottom:5px; padding-top:1px; width: 40px; height: 40px; text-align:center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;line-height: initial;} .reservation_step_current .reservation_step_name {color: #428bca;} .reservation_step .reservation_step_name {color: rgba(37, 51, 64, 0.26);} .reservation_step .reservation_step_img {background-color:rgba(37, 51, 64, 0.22);} .reservation_step_current .reservation_step_img {background-color:#428bca;} .reservation_step .reservation_step_name, .reservation_step_current .reservation_step_name {font-family:sans-serif; font-size: 12px; font-weight: bold; text-align:center; margin-bottom:8px;} .reservation_step_current .reservation_step_img_text, #steps-desktop .reservation_steps .reservation_step .reservation_step_img_text strong, div.reservation_step_img_text {padding-top: 9px; font-size: 16px; color: white; text-align:center;} .reservation_step_current .reservation_step_img_text {color: white;} html .with-status-border-error {border:1px solid red !important} /* reservation form */ html .planyo textarea,html .planyo input[type="text"],html .planyo input[type="password"],html .planyo input[type="date"],html .planyo input[type="email"],html .planyo input[type="tel"],html .planyo input[type="number"]{ background: white; color: #555; height:36px!important; border: 1px solid #ccc; -webkit-box-shadow:none; -moz-box-shadow:none; -box-shadow:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; box-shadow:none; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; line-height: initial!important; width: 100%; } #reserve_form {margin-top: -20px;} .checkout-details-form #reserve_form {margin-top:0;} html .planyo .form-control, #planyolang { border-radius: 4px; box-shadow: none; -webkit-box-shadow: none; padding: 6px 12px; display: block; width: 100%; height: 36px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; } #reserve_form label { display: block; float: none; width: 100%; font-size: 14px; font-weight: normal; color: #428bca; } #reserve_form.title_left label.col-sm-1 { width:12%; float:left; } #reserve_form.title_left label.col-sm-3 { float:left; width:25%; } #reserve_form.title_left { margin-left:15px; } #planyolang { display: block; width: 100%; height: 34px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; } #reserve_form #row_resource_name { display: none; } .planyo .language {float:right;padding-left:0;} .planyo textarea#user_notes { min-height: 128px; } #reservation-code #resource_name {display:none;} #reservation-code .col-xs-6.prefix{ padding-right: 0px;} #reservation-code .col-xs-6.p_number { padding-left: 0px;} #reservation-code select#mobile_country_param,#reservation-code select#phone_country_param { border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-right: 0px; } #reservation-code input#mobile_number_param,#reservation-code input#phone { border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-left: 0px; } #reservation-code #from_calendar{padding:0 0 0 15px;} #reservation-code .date-part-day select,#reservation-code .date-part-year select{ padding: 6px 0px 6px 10px;} #reservation-code .date-part-day{width: 22%; padding-right: 0px;float: left;} #reservation-code .date-part-month{width: 48%;padding-right: 0px;float: left;} #reservation-code .date-part-year{width: 26%;padding-right: 0%;float: left;} #reservation-code h3{font-size:22px;} html .planyo .form-control-static{padding:0px;} /*floating price info*/ #price_info img.img-responsive { display: initial!important; } #price_info .total,#price_info .total label { font-weight: bold; } #booking_information_content { padding-top: 15px; } #booking_information_content ul { padding-inline-start: 0px; } .nonfloating_text p,#planyo_price_preview li p{ color: #333; text-align: right; } #planyo_price_preview li{padding:0px;} .nonfloating_text label { color: #428bca; float: left; font-weight: 100; } .price_info_div .title { display: none; } #price_info{color:#428bca;} #price_info dl{margin-bottom:5px;} #price_info_div_floating,.nonfloating_text{ margin: 0; border-collapse: collapse; text-align: center; border-radius: 5px; z-index: 300; background-color: rgba(37, 51, 64, 0.11); display: inline-block; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); border: 0px solid #eee; margin: 0px; padding:8px; width: 100%; } .planyo .pricebox { padding-right: 0px;margin-bottom:20px; } #price_info_div_sticky {bottom:0; width:100%; position:fixed; left:0; z-index:400; background-color:black; opacity:0.85; color:white; padding:10px; min-height:80px;} #price_info_div_sticky_right {right:0; height:100%; position:fixed; top:0; z-index:400; background-color:black; opacity:0.85; color:white; padding: 20px; padding-top: 10%;} .rate_recurring_totals,.rate_recurring_totals_custom {font-size:medium;font-weight:bold;} .planyo #price_info .rate_extra {font-size:13px;} html .price_info_div .lead { margin: 0;} #price_info_div_floating .title {padding-bottom:0.5em;} #price_info_div_floating .rate_extra,#price_info_div_floating .extra_price_info {font-size:small; color:#505050;} .price_info_div .price_info {color:#3D83A8;} .price_info_div #price_info_coupon {clear:both;font-size: 13px;margin: 15px 0px;display: block;color: black; font-weight: 500;} .price_info_div .rate_err,.planyo #pr_err,#planyo_price_preview_parent .rate_err {color: #ff0033;font-size:14px;} .planyo dd,.planyo dt {line-height: 1.42857143} @media (min-width:768px) { .planyo .dl-horizontal dt {float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap} .planyo .dl-horizontal dd {margin-left:180px} } .planyo .dl-horizontal dt {text-align: left; text-overflow: ellipsis; white-space: nowrap;font-weight: normal;} html .price_info_div .title {font-size: 22px;padding-bottom:8px;} .planyo .price_info_div dt, .planyo .price_info_div dd {font-size:medium;font-weight:normal;padding-top:10px;} html .planyo dd { margin: 0px;} html .planyo .dl-horizontal dd {margin-left: 0px;} .planyo #price_info_div_floating .dl-horizontal dd,.planyo #price_info_div_sticky_right .dl-horizontal dd,.planyo .nonfloating_text .dl-horizontal dd{text-align:right;} html .planyo .dl-horizontal dd {text-align:left; color: #428bca;} html .br_extra_info {width: 100%; font-size: 0.7em; color: grey;} #price_info_div_sticky_right #breakdown .br_total {padding-top: 21px;} #nobreakdown {font-size: large; color: #3D83A8;} .planyo #breakdown .br_total {padding-top: 21px;} #br_collapse,#br_expand {float: right; clear: both; margin-top: 10px; color: #3D83A8; font-size: medium;} #br_collapse:hover,#br_expand:hover {cursor:pointer;} #price_info_div_sticky #br_collapse,#price_info_div_sticky #br_expand {float: left; clear: both; margin-top: 20px; color: #3D83A8;} span.rettrip_label {display:block;clear:both;} #planyo_price_preview {width:100%;} #planyo_price_preview .br_total{ color: #484848; font-weight: 600; margin-bottom: 25px; } /* additional products form */ .planyo #product-page .lead { font-size: 14px; padding: 0px; font-weight:500; margin-bottom: 0px; } .planyo #product-page ul.list-group{margin-top:-40px;} .planyo #product-page label { font-weight:500; margin-bottom: 0px; } .planyo #product-page .lbimginfo{ font-size: 11px; opacity: 0.6; height: 100%; } .planyo #product-page .col-xs-4 .action-buttons{float:right;} .planyo #product-page .col-xs-8.resource-contents{padding-left:0px;} .planyo .col-sm-1.resource-thumbnail {padding:0px;} .planyo #product-page h4{font-size:medium;} #product-page .selected h4 {color: #428bca;} .planyo #product-page .list-group-item{ border-left: 0px; border-right: 0px; } #product-page .product-item .col-xs-5{padding-left:0px;} html .planyo .datebar{padding:0px;display:inline-block;} html .planyo .datebar ul{list-style: none;padding: 0;} .product-name.with-img { margin-top: 0px; margin-bottom: 0px; } .planyo #product-page .datebar li{float: left;padding:20px 20px 20px 0px;} #product-page .prod_selected .product-name,#product-page .prod_selected .col-unitprice, #product-page .prod_selected .product-price,#product-page .prod_selected .col-subtotal,.prod_selected .col-qty{color: #428bca;} .planyo #product-page a.btn.btn-primary{min-width:92px;} .planyo #product-page .btn-group .btn-primary { min-width: 46px;} .planyo #product-page .btn-group{display: inline-flex;display: -webkit-box;} #product-page .product-extra input.form-control {width:80%;} #product-page li.prodheader {margin-top: 60px; border-top: 0px;} @media screen and (max-width: 576px){ #product-page .prodheader .col-subtotal{display:none;} .planyo #product-page .col-unitprice h4{width:100%;} .planyo #product-page .col-subtotal h4 {text-align: center; border-radius: 4px; background: rgba(0, 0, 0, 0.23); display: inline-block; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; margin: 5px 0px; padding: 8px 6px;} .planyo #product-page .datebar{margin-top: 15px;} .planyo #product-page .col-unitprice, #product-page .prod_selected .product-price{width:41%;} .planyo #product-page .col-subtotal, #product-page .col-extra { width: 50%; text-align: center; padding:0px;} } @media screen and (max-width: 768px){ .planyo #product-page .btn-group .btn-primary { padding: 3px 6px; margin: 5px 0px; } .planyo #product-page .datebar select { width: 60px; margin-top: -8px; height: 25px!important; padding: 0px; float: right; } .planyo #product-page a.btn.btn-primary{margin: 5px 0px;font-size: small;padding: 4px 6px;} .planyo #product-page .datebar li{width:100%;} .planyo #product-page li.list-group-item.product-item{padding:0px;} .planyo #product-page li.list-group-item.product-item .col-xs-8,#product-page li.list-group-item.product-item .col-xs-4{padding:0px;} .planyo #product-page .datebar li { padding: 5px 5px 5px 0px;} .planyo #product-page .datebar_weekday,.planyo .datebar_date{float:left;padding-right:5px;} .planyo #product-page .datebar input[type=checkbox]{float:left;margin-right:10px;} .planyo #product-page h4{font-size:small;} .planyo #product-page .col-xs-2{padding-left:5px;padding-right:5px;} .planyo #product-page .col-md-8{padding:0px;} .planyo #product-page .row {margin: 0px;} .planyo #product-page {padding: 0px;} .planyo #product-page .pricebox{padding-left:0px;} .planyo #product-page .pricebox .title{padding-top: 15px;} .planyo #product-page .pricebox .price_info_div{padding-top: 15px;} #product-page .product-name.with-img img { display: none;} #product-page h4.product-name.with-img { margin-top: 10px; margin-bottom: 10px;} } .planyo .input-group > .form-control {flex-basis:0;} /* date picker */ .planyo span.input-group-addon,.planyo span.input-group-append { background-color: white; min-width:40px; } .input-group-addon .input-group-text{padding:0;background-color:white;border: none;} .planyo .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .planyo .input-group .form-control:last-child, .planyo .input-group-addon:last-child, .planyo .input-group-btn:last-child>.btn, .planyo .input-group-btn:last-child>.btn-group>.btn, .planyo .input-group-btn:last-child>.dropdown-toggle, .planyo .input-group-btn:first-child>.btn:not(:first-child), .planyo .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } html .planyo .planyo-cal-icon,.planyo a.planyo-cal-icon {background-image:url(https://www.planyo.com/images/icon-calendar-18-16.png) !important;width:18px;height:16px;display:inline-block;} html .calpicker caption {caption-side:top} .float-calpicker th, .calpicker th { text-align: center; border: 0; font-size: 12px; font-weight: 100; padding: 4px; background-color: white; vertical-align: middle; min-width: 34px; width: 34px; height: 34px; line-height: 23px; text-align:center; } html .calpicker {clear:both; border: 1px solid #c0c0c0; border-collapse: collapse; background-color:white;} html table.calpicker {width: 239px; margin-top: 6px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border:0px;} .calpicker .no_start:hover {background: #f0f0f0; cursor:default; color:black;} .calpicker .arrival_day {font-weight:bold;} .calpicker td.morning_av,.calpicker td.morning_av:hover {background: url(https://www.planyo.com/images/diagonal2.png); background-repeat: no-repeat;} .calpicker td.morning_av_nox,.calpicker td.morning_av_nox:hover {background: url(https://www.planyo.com/images/diagonal2nox.png); background-repeat: no-repeat; background-color: #f0c2c2;} .calpicker td.morning_occ {background: url(https://www.planyo.com/images/diagonal1.png); background-repeat: no-repeat;} .calpicker td.morning_occ_nox {background: url(https://www.planyo.com/images/diagonal1nox.png); background-repeat: no-repeat; background-color: #c2dfd0;} .calpicker .active_day {background: #bbbbbb; color:white;} .calpicker .reserved_nox_u {background:#e8e8e8;} .calpicker .reserved_nox {background:#f0c2c2;} .calpicker .reserved {color: red; font-weight: bold;} .calpicker .reserved_u {color: red; font-weight: bold;} .calpicker .reserved:hover {cursor:auto; background:white; color:red;} .calpicker .reserved_u:hover {cursor:auto; background:white;} .calpicker .reserved_nox:hover {cursor:auto; background:#f0c2c2;} .calpicker .reserved_nox_u:hover {cursor:auto; background:#e8e8e8;} .calpicker .cur_month_day_nox {background: #c2dfd0;} .calpicker .active_day_nox {text-decoration:underline; background: #cfdfd0;} .calpicker .ext_month_day_nox {background: #c2dfd0; color:#a0a0a0;} .calpicker .ext_month_day_nox_u {background:#e8e8e8; color:#a0a0a0;} .calpicker .ext_month_day_nox_r {background:#f0c2c2; color:#a0a0a0;} .calpicker .cur_month_day {background: #f0f0f0;} .calpicker .ext_month_day {background: #ffffff; color: #c5c5c5;} .calpicker .ext_month_day:hover {cursor:auto; background:#ffffff;} .calpicker .ext_month_day_nox_r:hover {cursor:auto; background:#f0c2c2;} .calpicker .ext_month_day_nox_u:hover {cursor:auto; background:#e8e8e8;} .calpicker .ext_month_day_nox:hover {cursor:auto; background:#c2dfd0;} html .calpicker td:hover {background: #3D83A8; color: white; cursor: pointer;} html .calpicker td {border: 1px solid #c0c0c0; vertical-align: top; font-size: 13px; min-width: 10px; text-align: center; padding: 3px 6px 3px 6px;} html .calpicker caption {color:#484848;caption-side:top;padding: 5px 8px; background-color: white; overflow: hidden; text-align: center; background-color: #fff; border-top-right-radius: 4px; border-bottom: 0px; border-top-left-radius: 4px; margin-top: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); border-bottom:0px;} .calpicker caption .nav {float:left; padding-right:1px; margin-bottom:0px;} .calpicker caption .navleft {float:left;font-size:14px;} .calpicker caption .navright {float:right;font-size:14px;} html .calpicker thead {box-shadow: none; border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15);} .picker_dropdown {margin-left:0;} /* unit layout */ html .unit_layout_div {overflow:auto;/*height:500px;*/background-color:white;} html .unit_layout_table td {padding:10px;} html .lt_unit_cell {border:2px solid black;border-radius:8px;width:50px} html .lt_unit_cell:hover {background-color:#f2e3ae;cursor:pointer;} html .lt_empty_cell {width:10px} html .lt_free {background-color:#c2dfd0} html .lt_reserved {background-color: #f0c2c2} html .lt_reserved:hover {background-color: #f0c2c2;cursor:default;} html td.lt_selected {border: 2px solid green;} .planyo_lightbox_info .close {display: block; width: 28px; height: 28px; background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png); color:white;} .planyo_lightbox_info .close:hover {background: url(https://www.planyo.com/slideshow/btn-on-close.png);} /* image lightbox */ #img_text {display:block; float:left;} html .lbimginfo { bottom: 0px; font-size: large; height: 40px; position: absolute; width: 100%; text-align: center; visibility: hidden; background: black; opacity: 0.7; color: white; padding: 10px 0px; margin-bottom: -5px; font-weight: 600; } #bg_hider .buttons {padding: 8px;} #bg_hider .buttons .leftbtn {float: left;} #bg_hider .buttons .rightbtn {float: right; margin-right:25px;} #full_img_div #img_info .close {float: right;opacity:1.0;} #bg_hider .buttons .prev, #bg_hider .buttons .next, #bg_hider .buttons .play, #bg_hider .buttons .pause, #bg_hider .buttons .close, #full_img_div #img_info .close, .planyo_lightbox_info .close {display: block; width: 28px; height: 28px;opacity:1.0;} #full_img_div #on_img_prev, #full_img_div #on_img_next {display: block; width: 30px; height: 60px;} #bg_hider .buttons .prev {background: url(https://www.planyo.com/slideshow/btn-prev.png);} #bg_hider .buttons .prev:hover {background: url(https://www.planyo.com/slideshow/btn-prev-hvr.png);} #bg_hider .buttons .next {background: url(https://www.planyo.com/slideshow/btn-next.png);} #bg_hider .buttons .next:hover {background: url(https://www.planyo.com/slideshow/btn-next-hvr.png);} #bg_hider .buttons .play {margin-left: 4px; background: url(https://www.planyo.com/slideshow/btn-play.png);} #bg_hider .buttons .play:hover {background: url(https://www.planyo.com/slideshow/btn-play-hvr.png);} #bg_hider .buttons .pause {margin-left: 4px; background: url(https://www.planyo.com/slideshow/btn-pause.png); } #bg_hider .buttons .pause:hover {background: url(https://www.planyo.com/slideshow/btn-apause-hvr.png);} #bg_hider .buttons .close {background: url(https://www.planyo.com/slideshow/btn-on-close.png);opacity:1.0;} #bg_hider .buttons .close:hover {background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png);} #full_img_div #img_info .close, .planyo_lightbox_info .close {background: url(https://www.planyo.com/slideshow/btn-on-close.png); opacity:1.0;} #full_img_div #img_info .close:hover, .planyo_lightbox_info .close:hover {background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png);} #full_img_div #on_img_prev {background: url(https://www.planyo.com/slideshow/btn-on-img-prev.png);} #full_img_div #on_img_prev:hover {background: url(https://www.planyo.com/slideshow/btn-on-img-prev-hvr.png); } #full_img_div #on_img_next {background: url(https://www.planyo.com/slideshow/btn-on-img-next.png); } #full_img_div #on_img_next:hover {background: url(https://www.planyo.com/slideshow/btn-on-img-next-hvr.png);} /* small image thumbnails */ html .images { clear: both; position: relative; left: 0px; margin-top: -5px; margin-bottom: 0; margin-right: 0px; margin-left: 5px; padding: 0; padding-left: 0; background: transparent; width: 100%; height: 410px; overflow: auto; overflow-x: hidden; } html .img_thumb {float: left; width: 90px;} html .images img {float: left; width: 80px; height: 80px; margin: 4px;} /* geolocation */ html .gps_coords_map_icon {display:inline-block; width:17px; height:17px; background: url(https://www.planyo.com/images/google-map-icon.png) no-repeat; vertical-align:text-top;} html .gps_coords_current_location_icon {display:inline-block; width:17px; height:17px; background: url(https://www.planyo.com/images/google-current-location.png) no-repeat; vertical-align:text-top;} #planyo_gps_coords_bg_hider .close {width: 28px; height: 28px; display:block; padding:0px;background: url(https://www.planyo.com/images/btn-close.png); } #planyo_gps_coords_bg_hider .close:hover {background: url(https://www.planyo.com/images/btn-close-hvr.png); } #planyo_gps_coords_window {padding:10px;} html .gps_coords_popup_button {height:2em; padding-left:6px; padding-right:6px;} /* quick add to cart */ .planyo .cart_count_img {position: relative; top: -36px; left: 19px; background-color: #ff0033; text-align: center; width: 20px; height: 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;} .planyo_cart_widget:hover {cursor:pointer;} .planyo .widget_cart_total {padding-left:10px;padding-top:5px;font-size:16px;font-family: 'Lato',sans-serif;} .planyo .cart_count_text {font-family: 'Lato',sans-serif; padding-top: 3px; font-size: 11px; color: white; text-align: center; font-weight:bold;} #planyo_cart_bg_hider {padding:5px;display:none;position:fixed;background:black;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:990;width:100%;height:100%;left:0px;top:0px;} #planyo_cart_close {float:right; padding:8px; padding-right:20px;} #planyo_cart_window {display:none; overflow-y:auto; z-index:999; position:fixed; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color:white; border: solid 3px black; overflow:hidden;padding:10px;top:20%; bottom:20%; left:50%;width:700px; margin-left:-350px;} #planyo_cart_contents {width:370px;height:100%;overflow-y:auto;overflow-x:hidden;} #planyo_cart_right {position:absolute;right:0px;width:300px;top:0px;height:100%;padding:10px;background-color:#ececec;} #planyo_cart_right .title {font-size:20px} #planyo_cart_right #price_info {font-size:15px} #planyo_cart_buttons {position:absolute; bottom:25px; text-align:right;width:92%;} #planyo_cart_contents #reserve_form {margin-top: 0px;} #planyo_cart_window #planyo_cart_right .title{margin-bottom:10px;} #planyo_cart_window #planyo_cart_right dt, #planyo_cart_window #planyo_cart_right dd { font-size: medium; font-weight: normal; padding-top: 10px; } #planyo_cart_window #planyo_cart_right dd { text-align: right;} #planyo_cart_window #planyo_cart_right .br_total { font-weight: 600; margin-top: 15px; } #planyo_cart_window .rate_err { color: #ff0033;} @media (max-width: 767px) { #planyo_cart_window {top:5%; bottom:5%; left:5%;right:5%;width:initial;margin-left:0px;} #planyo_cart_contents {width:100%;height:65%;} #planyo_cart_right {width:100%;height:35%;position:relative;overflow-y:auto;} #planyo_cart_buttons {right:10%;bottom:8%;position:fixed;} div#planyo_cart_window #planyo_cart_right dt, div#planyo_cart_window #planyo_cart_right dd { font-size: small;padding-top: 5px;} div#planyo_cart_window #planyo_cart_right .title { margin-bottom: 0px; font-size: 14px;} .planyo #reserve_form label { display: block; float: none; width: 100%; } .phone-row .col-sm-5 {padding-right: 0px;} #breakdown dt{float:left; width:60%;} #breakdown dt, #breakdown dd { font-size: small;} .planyo #breakdown .br_total {font-weight: bold;} } /* diverse */ html .with_tooltip {display: inline-block; width:20px; height:20px; background-image:url(https://www.planyo.com/images/icon-help.png); vertical-align: middle;} #res_error_msg {padding: 7px 5px 1px 10px; display: none; margin: -30px 0px 35px 0px; color: white; border: 1px solid #ff0033; border-radius: 4px; background: #ff0033; font-weight: bold; height: 36px; } #planyo_content .btn {margin-bottom:2px;} .planyo .hourglass_img{margin:20px;height:24px;width:24px;background:transparent url(https://www.planyo.com/Plugins/PlanyoFiles/hourglass.gif) no-repeat scroll 0 0; } .planyo .poweredby {display:inline-block;float: right; margin-top: -60px;margin-bottom: 50px;} #full_unit_layout_map_div {max-width:100%;overflow:auto;} /* other lightboxes */ html .planyo_lb_bg_hider {padding:5px;display:none;position:fixed;background:black;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:990;width:100%;height:100%;left:0px;top:0px;} html .planyo_lb_window {display:none; z-index:999; position:fixed; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color:white; border: solid 3px black; overflow:hidden;padding:10px;top:10%; bottom:10%; left:10%;right:10%;} html .planyo_lb_contents {width:100%;height:100%;} html .planyo_lb_close .close {display: block; width: 28px; height: 28px;background: url(https://www.planyo.com/slideshow/btn-on-close.png); color:white;opacity:1.0;} html .planyo_lb_close .close:hover {background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png); color:white;} html .planyo_lb_close {position: fixed;top:0px;right:0px;z-index:1000;opacity:1.0;} /* simple integration login */ .planyo .simple-integration-login-links{position: absolute; top: 5px; right: 0px;} html .simple-integration-logo img { height: 100px; display: inline-block; float: left; } html .simple-integration-description { color: #333; line-height: 1em; font-size: 14px; margin-top: 100px; text-align: center; margin-bottom: 50px; } .simple-integration-website h1 a { line-height: 1; display: inline-block; vertical-align: middle; font-weight: 300; word-spacing: -6px; font-size: 32px; margin-top: 30px; margin-left: 20px; } .planyo .simple-integration-login-links a{text-transform: uppercase; font-size: small; font-weight: 600; background-color: transparent; color: rgb(66, 139, 202); padding: 10px 5px;} .simple_integration_container .poweredby{float:none;} /* planyo screen sizes */ .planyo_m #resources .single_resource,.planyo_s #resources .single_resource, .planyo_s #search-results .single_resource,.planyo_xs #search-results .single_resource{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .planyo_l #resources .single_resource,.planyo_m #search-results .single_resource, .planyo_l #search-results .single_resource { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .planyo_xl #resources .single_resource,.planyo_xl #search-results .single_resource{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } /* screen sizes */ @media (max-width:768px) { .planyo .container{padding:0px!important;} .planyo #mobile_action_sticky{ display: inline-block; bottom: 0; width: 100%; position: fixed; left: 0; z-index: 400; background-color: white; color: white; padding: 10px; height: 55px; text-align: center; box-shadow: 0 -5px 16px -5px rgba(0,0,0,.175); } #resource-details #booking_form_widget{display:none;} .planyo a.btn.btn-primary.btn-lg, .planyo a.btn.btn-primary, .planyo a.btn.btn-primary.btn-lg, .planyo a.btn.btn-info.btn-lg, .planyo .btn-primary.btn-lg, input.cart_popup_button, input#add_cart_button,.btn-danger,#planyo_cart_window .cart_popup_button { font-size: small!important; padding: 6px 7px!important;} html .planyo_lb_window {top:2%; bottom:2%; left:2%;right:2%;width:initial;margin-left:0px;} #resources .resource-info,#search-results .resource-info{margin-bottom: 20px;} #reservation-code .col-md-6{padding-right:0;} .planyo #resource-details h1, .planyo #reservation-code h1, .planyo #payment-code h1, .planyo #completed_code h1, .planyo #details_code h1,.planyo #shopping_cart_items h1,.planyo #products-code h1{ margin-bottom: 10px; margin-top: 0; font-size: 27px; text-align: center;} html .reservation_steps{display:none;} .planyo .language { padding-right: 1em; margin-bottom: 5px;} .planyo #reservation-code h3 {display: none;} #resources .resource-info, #search-results.resource-info{box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);border: 0px solid #eee;} .planyo #resources .action-buttons, #searchview-code .action-buttons,.planyo #search-results .action-buttons{padding-top: 10px;padding-bottom: 10px;} .planyo #resources .col-sm-12.resource-contents,.planyo #search-results .col-sm-12.resource-contents{padding-right: 15px;padding-left: 15px;} .planyo #shopping_cart_items .img-responsive{display:none;} .planyo #shopping_cart_items #shopping-cart h4{padding-top:0px;margin-top:0px;} .planyo #shopping_cart_items .lead {font-size: 12px;} .planyo #shopping-cart .col-xs-5{padding:0px;} .planyo #shopping-cart .col-xs-5 h4 {float: right;} .planyo #shopping_cart_items h3 {margin-top: 0px;padding:0px 0px 10px 0px;} .planyo #checkout-code .dl-horizontal dd{font-size:small;} .planyo #checkout-code p{margin-bottom:20px;} .planyo #resource-details .custom_property{font-size:small;} .planyo #resource-details .custom_properties{margin: 10px -10px 10px -10px;} #resources .planyo_cart_widget,#search-results .planyo_cart_widget {margin-right: 15px;} .planyo #searchview-code #res_error_msg {width: 100%;} } @media (max-width:991px){ /* resource list large content*/ .col-md-7.resource-contents,.col-xs-12.resource-description,#resources .resource-contents h2,.col-xs-12.custom_properties,.col-md-6.action-buttons,#search-results .resource-contents h2{padding:0px;} #resources .resource-contents h2,#search-results .resource-contents h2{margin-top: 15px;} #reservation-code .col-md-8{padding-right:0;} #resource-details .planyo_cart_widget.cart_widget_in_plugin{float: right; position: static; display: inline-block; z-index: 2000; margin-top: -40px; } #resource-details #booking_form_widget{display:none;} } @media (min-width:768px){ .planyo #res_error_msg{height: 36px;margin:-75px 0px 40px 0px;} html .container-fluid {max-width: 750px;} .planyo .pricebox {padding-right: 15px;margin-top: -20px;} .planyo .language {padding-right: 30px;} .planyo #resources col-xs-12{padding:0px;} .planyo #resources .resource-contents{padding-right:0px;} .planyo #planyo_price_preview_parent .dl-horizontal dt {width:50%;} } @media (min-width:991px){ div.picker_dropdown#box_start_datecal { right: 0px!important; margin-right: 9.3%; left: initial!important; } html .container-fluid {max-width: 950px;} } @media (min-width: 1200px){ html .container-fluid {max-width: 1170px;} } @media screen and (max-width:400px) { @-ms-viewport{ width:320px;} } /* calendar */ iframe.calprev_iframe caltype_4{width:100%;} .planyo .fc table {margin: initial;} /* google maps directions */ #directions_map_container {width: 100%; height: 400px; border: 1px solid #ccc; border-radius:4px;} #directions_map_status {margin-bottom:10px;} #directions_map_status_pending {padding:4px;background-color:#fcf8e3;} #directions_map_status_ok {padding:4px;background-color:#dff0d8;} #directions_map_status_failure {padding:4px;background-color:#f2dede;}
/* Scheme: Box Layout Description: Desktop Calendar Stylesheet CSS STRUCTURE: 1. GENERAL - Google font import & General Style 2. GENERAL CALENDAR STYLES - General - Previous/Next icon + text - Calendar info legend - Seasons 3. DROP-DOWN CALENDAR 4. BIG CALENDAR 5. UPCOMING CALENDAR */ /*==============================================*/ /* 1. GENERAL */ /*==============================================*/ /*------------------------------------*/ /* Google font import & General Style */ /*------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Istok+Web:400,700'); .planyo { -webkit-font-smoothing: antialiased; } .planyo, body{ margin:0px; padding:0px; } .resp-caltop { margin-left: -15px; } /* Links ===================================*/ #calendar_nav a,#horizontal_calendar a,#calendarbig a{ text-decoration: none; color:#3D83A8; font-family: 'Istok Web', sans-serif; font-size: 14px; } /* Typography ===================================*/ /* Logo ===================================*/ /*==============================================*/ /* 2. GENERAL CALENDAR STYLES */ /*==============================================*/ #horizontal_calendar .available { background: #c2dfd0; } #horizontal_calendar .unavailable { background: #f0c2c2; } #horizontal_calendar .reserved { background: #f0c2c2; } #cal { font-family: 'Istok Web', sans-serif; clear: both; border-collapse: collapse; width: 100%; border: 1px solid #EAEAEA; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px rgba(0, 0,0, 0) inset, 0px 0px 1px rgba(0, 0, 0, 0.1); } #cal caption { padding-bottom: 8px; overflow:hidden; } #cal caption .earlier { float: left; } #cal caption .later, #cal caption .nav_today, #cal caption .switch_mode { float: left; margin-left:10px; } #cal tr.days th { font:14px/20px 'Istok', Arial, sans-serif; background: #3a3f42; padding: 8px 2px; color:white; text-align: left; border: 1px solid #3a3f42; } #cal tr.hours.hours1 th { font-size: small; font-weight: 100; padding: 1pt; background: #3a3f42; color:white; } #cal tr.hours th { border-bottom: 1px solid #EAEAEA; } #cal tr.hours2 {} #cal tr.hours th,#cal tr.hours2 th { min-width: 25px; padding: 2px 0; background: #f6f6f6; font-size: 11px; text-align: center; font-weight: 100; } #cal td{ border: 1px solid #F8F8F8; font-size: 10px; text-align: center; background:white; } #cal td.with_pad { padding:3px; } #cal td:hover { background: #3D83A8; color: white; cursor: pointer; } #cal .resource { width: 16em; padding: 0px 4px; font-size: 12px; text-align: left; } #cal .day { padding: .2em; font-size: 14px; text-align: left; white-space:nowrap; } #cal .day:hover, #cal td.nohover:hover { color: black; background: none; cursor: auto; } #cal .resource:hover { background: transparent; } #cal td.reserved { background: #f0c2c2; font: bold 14px Tahoma, Verdana, Arial, sans-serif; cursor: auto; color:#3a3f42; } #cal td.no_start:hover { background: transparent; cursor:default; color:black; } #cal td.arrival_day, .cal_legend_arrival2 { background:#a0e0c0; } #cal td.morning_av { background: url(https://www.planyo.com/images/diagonal2nox.png); background-repeat: no-repeat; background-color: #f0c2c2; } #cal td.first_day { border-left:2px solid red; } #cal td.morning_occ { background: url(https://www.planyo.com/images/diagonal1nox.png); background-repeat: no-repeat; background-color: #c2dfd0; } #caltop.with-cnt #cal td.partial {font:normal 10px 'Istok Web', sans-serif;} #cal td.partial, #cal td.partial2{color: #3a3f42;font: normal 14px Tahoma, Verdana, Arial, sans-serif;background: #c2dfd0;} .resp-caltop #calendar_nav{display:block;} #cal td.partial:hover, #cal td.partial2:hover { color: white; } #cal_legend_info{ font-family: 'Istok Web', sans-serif; clear: both; float: left; margin-top: 15px; overflow:hidden; } /*------------------------------------*/ /* Previous/Next icon + text */ /*------------------------------------*/ .upcoming a.earlier,#calendar_nav a.earlier{ float:left; background: transparent url("https://www.planyo.com/images/left-arr.png") no-repeat center left; padding-left: 20px; text-transform: uppercase; } .upcoming a.later,#calendar_nav a.later { float:right; background: transparent url("https://www.planyo.com/images/right-arr.png") no-repeat center right; padding-right: 25px; text-transform: uppercase; } #calendar_nav a.later{ margin-right: 50px; } #calendar_nav a.later.singlenav{ margin-right: 0px; } .upcoming .av_nav { margin: 15px 0px; text-align:center; text-align: -webkit-center; width: 100%; } /*------------------------------------*/ /* Calendar info legend */ /*------------------------------------*/ .cal_legend { display:none;border: 1px solid #F8F8F8;width:14px;text-align: center;padding:1px;font-size:10px;background-color:white;float:left;overflow:hidden; } .legend_and_icon{ float:left; } .cal_legend_av{ background: #c2dfd0; } .cal_legend_pages { text-align:right;font-size:10px;padding:6px; } .cal_legend_text {font-size:12px;float:left;padding:3px 5px 1px 5px;margin-right: 5px;height:18px;} #legend_av_txt,#cal_legend_partav_2,#legend_avqty_txt{background: #c2dfd0;} #legend_unav_txt,#legend_res_txt{background: #f0c2c2;} #legend_stdate_txt{background:#a0e0c0;} .cal_legend_arrival, .cal_legend_arrival_nox { font-weight:bold; } .cal_legend_partav { color:black; font-weight:normal; background: #c2dfd0; } .cal_legend_morning_av { background: url(https://www.planyo.com/images/diagonal2.png); background-repeat: no-repeat; font-size:10px; color:red; font-weight:bold; } .cal_legend_morning_av_nox { background: url(https://www.planyo.com/images/diagonal2nox.png); background-repeat: no-repeat; background-color: #f0c2c2; color:black; } .cal_legend_morning_occ_nox { background: url(https://www.planyo.com/images/diagonal1nox.png); background-repeat: no-repeat; background-color: #c2dfd0; } .cal_legend_av_nox, .cal_legend_arrival_nox { background:#c2dfd0;color:black;} .cal_legend_unav_nox { background:#e8e8e8;color:black;} .cal_legend_res_nox { background:#f0c2c2;color:black;} #legend_res.cal_legend_res{display:inline-block; background:#f0c2c2;font: bold 12px Tahoma, Verdana, Arial, sans-serif;padding: 3px 0px 1px 5px;border:none;height:18px;} #legend_partres.cal_legend_partav{display:inline-block; font: normal 14px Tahoma, Verdana, Arial, sans-serif;padding: 1px 0px 3px 5px;border:none;height:18px;} .cal_legend_morning_occ{ background: url(https://www.planyo.com/images/diagonal1.png); background-repeat: no-repeat;} .cal_legend_morning_av2 { background: url(https://www.planyo.com/images/diagonal4.png); background-repeat: no-repeat; background-color: #e8e8e8; color:red; font-weight:bold; } .cal_legend_morning_occ2 { background: url(images/diagonal3.png); background-repeat: no-repeat; } .cal_legend_unav { background:white;color:red;font-weight:bold;font-size:10px; } .cal_legend_res { background: #f0c2c2;font-weight:bold;font-size:12px; } /*------------------------------------*/ /* Seasons */ /*------------------------------------*/ #cal td.cuscol_33FF33, #calendar_nav td.cuscol_33FF33 { border-bottom:3px solid #33FF33; } #cal td.cuscol_A8314F, #calendar_nav td.cuscol_A8314F { border-bottom:3px solid #A8314F; } #cal td.cuscol_yellow, #calendar_nav td.cuscol_yellow { border-bottom:3px solid yellow; } #cal td.cuscol_81FCF6, #calendar_nav td.cuscol_81FCF6 { border-bottom:3px solid #81FCF6; } #cal td.cuscol_FFBAF1, #calendar_nav td.cuscol_FFBAF1 { border-bottom:3px solid #FFBAF1; } #cal td.cuscol_999999, #calendar_nav td.cuscol_999999 { border-bottom:3px solid #999999; } #cal td.cuscol_B84DFF, #calendar_nav td.cuscol_B84DFF { border-bottom:3px solid #B84DFF; } #cal td.cuscol_4D4DFF, #calendar_nav td.cuscol_4D4DFF { border-bottom:3px solid #4D4DFF; } #cal td.cuscol_DADAD2, #calendar_nav td.cuscol_DADAD2 { border-bottom:3px solid #DADAD2; } #cal td.cuscol_ECDC81, #calendar_nav td.cuscol_ECDC81 { border-bottom:3px solid #ECDC81; } #cal td.cuscol_CEF0FF, #calendar_nav td.cuscol_CEF0FF { border-bottom:3px solid #CEF0FF; } #cal td.cuscol_D1FFB3, #calendar_nav td.cuscol_D1FFB3 { border-bottom:3px solid #D1FFB3; } #cal td.cuscol_FFA4A4, #calendar_nav td.cuscol_FFA4A4 { border-bottom:3px solid #FFA4A4; } #cal td.resclickable {cursor:pointer} /*------------------------------------*/ /*Messages,Error,Help */ /*------------------------------------*/ .warning { color: orange; } /*==============================================*/ /* 3. CALPICKER */ /*==============================================*/ /*small month*/ .smcal.calpicker{width: 170px;} .smcal tr.days { border-top: 1px solid #c0c0c0; } /*end small month*/ .calpicker .no_start:hover{ background: #f0f0f0; cursor:default; color:black; } .calpicker .arrival_day{ font-weight:bold; } .calpicker td.morning_av,.calpicker td.morning_av:hover{ background: url(https://www.planyo.com/images/diagonal2.png); background-repeat: no-repeat; } .calpicker td.morning_av_nox,.calpicker td.morning_av_nox:hover{ background: url(https://www.planyo.com/images/diagonal2nox.png); background-repeat: no-repeat; background-color: #f0c2c2; } .calpicker td.morning_occ{ background: url(https://www.planyo.com/images/diagonal1.png); background-repeat: no-repeat; } .calpicker td.morning_occ_nox{ background: url(https://www.planyo.com/images/diagonal1nox.png); background-repeat: no-repeat; background-color: #c2dfd0; } .calpicker .active_day{ background: #bbbbbb; color:white; } .calpicker .reserved_nox_u{ background:#e8e8e8; } .calpicker .reserved_nox{ background:#f0c2c2; } .calpicker .reserved{ color: red; font-weight: bold; } .calpicker .reserved_u{ color: red; font-weight: bold; } .calpicker .reserved:hover{ cursor:auto; background:white; color:red; } .calpicker .reserved_u:hover{ cursor:auto; background:white; } .calpicker .reserved_nox:hover{ cursor:auto; background:#f0c2c2; } .calpicker .reserved_nox_u:hover{ cursor:auto; background:#e8e8e8; } .calpicker .cur_month_day_nox{ background: #c2dfd0; } .calpicker .active_day_nox{ text-decoration:underline; background: #cfdfd0; } .calpicker .ext_month_day_nox{ background: #c2dfd0; color:#a0a0a0; } .calpicker .ext_month_day_nox_u{ background:#e8e8e8; color:#a0a0a0; } .calpicker .ext_month_day_nox_r{ background:#f0c2c2; color:#a0a0a0; } .calpicker .cur_month_day{ background: #f0f0f0; } .calpicker .ext_month_day{ background: #ffffff; color: #c5c5c5; } .calpicker .ext_month_day:hover{ cursor:auto; background:#ffffff; } .calpicker .ext_month_day_nox_r:hover{ cursor:auto; background:#f0c2c2; } .calpicker .ext_month_day_nox_u:hover{ cursor:auto; background:#e8e8e8; } .calpicker .ext_month_day_nox:hover{ cursor:auto; background:#c2dfd0; } .calpicker td:hover{ background: #3D83A8; color: white; cursor: pointer; } .calpicker td{ border: 1px solid #c0c0c0; vertical-align: top; font-size: 12px; min-width: 10px; text-align: center; padding: 2px 3px 2px 3px; line-height:1.5; } .calpicker{ border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-collapse: collapse; background-color:white; font-family: 'Open Sans', sans-serif; border-top: 0px; margin-left:13px; margin-top:5px; color:#444; } .calpicker{width:230px;} .calpicker caption{ border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; font-size: 14px; padding: 2px; background-color: white; text-align: center; } .calpicker th { text-align: center; border: 0; font-size: 12px; font-weight: 100; padding:4px; background-color:white; } .float-calpicker .cur_month_day:hover,.calpicker .active_day:hover { background: #3D83A8; } caption .navleft {float:left;margin:0;} caption .navright {float:right;margin:0;} .float-calpicker .active_day { color: #3D83A8; border-bottom: 2pt solid #3D83A8 !important; background-color:#f0f0f0; } /*===============================================*/ /* 4. BIG CALENDAR */ /*===============================================*/ #calendarbig{ font: 14px/20px 'Istok', Arial, sans-serif; clear:both; border: 1px solid #EAEAEA; border-collapse: collapse; } #calendarbig th{ font-weight: normal; background: #3a3f42; padding: 8px 2px; color: white; border: 1px solid #3a3f42; } #calendarbig .mv_head_active_day{ background: #bbbbbb; font-weight:bold; } #calendarbig .mv_head_cur_month_day{} #calendarbig .mv_head_ext_month_day{} #calendarbig .mv_head_cur_month_day,#calendarbig .mv_head_active_day,#calendarbig .mv_head_ext_month_day { padding: 2px 2px; text-align: right; } #calendarbig td { border: 1px solid #F8F8F8; vertical-align: top; text-align: center; height: 63px; width: 133px; } #day_contents td {min-width:50px;} #week_contents #calendarbig th{ min-width: 90px;} #weeks_contents #calendarbig td,#weeks_contents div.item_code {width:40px;} #weeks_contents #calendarbig td.resource {width:96px;} #week_legend {margin-top:20px;} #calendarbig .week_td, #calendarbig .day_td { height:36px; vertical-align:middle; } #calendarbig caption { padding: 8px 0 8px 0; overflow: hidden; white-space: nowrap; } #calendarbig caption .nav { float:left; padding-right:1em; } #calendarbig caption .mid { margin:0 auto; font-weight:bold; text-transform: uppercase; font-size: medium; color: #444; } #calendarbig caption .scope { float: right; padding-left:1em; } #calendarbig .mv_cnt { } #calendarbig .item_code { padding:2px; } #calendarbig .invisible{ display:none; } #calendarbig .vacation, #week_legend .vac_class { background-color:#ffd699; width:100%; } #calendarbig .unav_box {background-color:#f0c2c2;} #calendarbig .av_box {background-color:#c2dfd0;} /*===============================================*/ /* 5. UPCOMING CALENDAR */ /*===============================================*/ .upcoming { font: 14px/20px 'Istok', Arial, sans-serif; display:inline-block; width:100%; } .upcoming .av_day_group {clear:both;} .upcoming .av_month { font-weight:bold; text-transform: uppercase; font-size: medium; color: #444; } .upcoming .av_day_group .av_date { padding: 6pt 0pt; font-size: medium; float:left; } .upcoming .av_day_group .av_res { float:left; clear:left; color: grey; padding: 4px 0px 2px 0px; font-size: medium; margin: 4pt 4pt 2pt 0pt; } .upcoming .av_day_group .av_time.av_time_day, .result_range { font-size: medium; min-width: 71pt; color: #333; padding: 3pt 5pt; margin: 4pt 0pt 2pt 0pt; text-align: center; background-color: #c2dfd0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .upcoming .av_day_group .av_time.av_time_h,.upcoming .unav_txt.unav_txt_h{ float: right; clear:right; font-size: medium; min-width: 90pt; color: #333; padding: 3pt 5pt; margin: 4pt 0pt 2pt 0pt; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .upcoming .av_day_group .av_time.av_time_h{ background-color: #c2dfd0; } .upcoming .unav_txt.unav_txt_d,.upcoming .unav_txt.unav_txt_h{ background-color: #f0c2c2; } .upcoming .av_day_group .unav_txt.unav_txt_d{ min-width:100%; padding: 3pt 0pt; } .result_ranges { clear:both; display:block; margin-left:-3px; } .upcoming .av_day_group .av_time:hover { text-decoration: none; color: #3D83A8; cursor: pointer; } #demo_info { margin-top:2px; padding:2px; font-size: 11px; font-style: italic; color:#444444; } .stdtable { clear:both; border-collapse:collapse; border: 1px solid #c0c0c0; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px rgba(0, 0,0, 0) inset, 0px 0px 1px rgba(0, 0, 0, 0.1); } .stdtable td { border: 1px solid #c0c0c0; font-size: 12px; text-align: left; padding:2px 5px 2px 5px; } .stdtable th { background: #f0f0f0; padding: 2px 5px 2px 5px; font-size: 12px; text-align: left; } #bg_hider .buttons { padding: 8px; } /* ================================== */ /* new upcoming availability calendar */ /* ================================== */ #caltop #quick_nav_div{position: absolute;margin-left: 15px; z-index: 1;} #caltop #quick_nav_div:hover{cursor:pointer;} #upcoming-top .horiz-shift-month{color: #a9b6c5;margin-left: 30px;} #upcoming-top .date_container{font-family: 'Open Sans', sans-serif!important;font-size:20px; color: #a9b6c5;height:30px;white-space:nowrap;} #upcoming-top .date_container .fa{color:#428bca;} #upcoming-top .caption.today,#upcoming-top .today{color:#428bca;} .poweredby{float: right;margin-right: 15px;} #upcoming-top .caption{font-family: 'Open Sans', sans-serif!important;font-size:20px; padding-bottom: 5px; color: #a9b6c5;font-weight:bold;text-align: center;} #upcoming-top .caption span {text-transform: uppercase; font-weight: 100; font-size: 14px!important; line-height: 1.428571429;} #upcoming-top article{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #upcoming-top .thumbnail {position: relative; cursor:pointer; background-color: #C2DFD0; color: #001e40; font-size: small; border: 1px solid #b4cfc1; border-radius: 0;padding: 4px 2px 4px 15px; margin:4px 0px; font-size:small;} #upcoming-top.single-res .thumbnail{text-align: center; padding: 4px 0px;} #upcoming-top .thumbnail:hover {background-color: #428bca; color:white;} .calendar-fluid#upcoming-top .row { margin-left: 0; margin-right: 0; } #upcoming-top .fa-chevron-right {float: right; margin-top: 5px; color: #428bca;} #upcoming-top .fa-chevron-left{float: left; margin-top: 5px; color: #428bca;} #upcoming-top .visible-xssm-block{display:none!important;} #upcoming-top p.showmore,#upcoming-top p.showprev,#upcoming-top p.shownext {border: 1px solid #a9b6c5; border-radius: 0; padding: 4px 2px; margin: 4px 0px; font-size: small;color:#428bca;cursor:pointer;} #upcoming-top p.showmore {margin-bottom:40px;} #upcoming-top p.showmore:hover,#upcoming-top p.showprev:hover,#upcoming-top p.shownext:hover {border:1px solid #428bca;} #upcoming-top.upcoming-day-single .col-xs-10:hover {background-color: #428bca;color:white;cursor:pointer;} #upcoming-top.upcoming-day-single .row.show-more:hover {background-color:transparent;} #upcoming-top.upcoming-day-single .row {margin-bottom: 1px;margin-left:0px;margin-right:0px;} #upcoming-top .upcoming-box.col-xs-2 {width:16%;padding:0px;} #upcoming-top .upcoming-box.col-xs-2-range {width:33%;} #upcoming-top .col-xs-10.col-xs-range{ width: 66.33333333%; } #upcoming-top .upcoming-box {background-color:#C2DFD0; font-family: 'Open Sans', sans-serif!important; color: white; text-align: center;} .upcoming-day{font-size: 22px; font-weight: 600; padding: 8px 0 0 0; line-height: 18px;} #upcoming-top .upcoming-month{padding-bottom: 6px;} #upcoming-top .upcoming-content{display: table-cell; vertical-align: middle; height: 50px;padding-left:15px; font-size: 16px; color: white;} #upcoming-top.upcoming-day-single .col-xs-10 {background: #96c1ab;margin-left: 1px; height: 52px;} #upcoming-top.upcoming-day-single .row.show-more{margin-right:0px;} #upcoming-top .fa-chevron-left:hover,#upcoming-top .fa-chevron-right:hover{cursor:pointer;} #upcoming-top .rows-clip-out {overflow:hidden;width:100%;} #upcoming-top .rows-clip-days {transition: margin-top 0.6s linear;} #upcoming-top p.text-center.showprev { width: 49.5%; float: left; } #upcoming-top p.text-center.shownext { width: 49.5%; float: right; } .visible-xs-planyo,.visible-sm-planyo,.visible-md-planyo,.visible-lg-planyo,.visible-xl-planyo{display:none!important;} .upcoming-day-group{ float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .upcoming-day-group{width:100%;} .single-res .upcoming-day-group{width:50%;} @media (min-width: 500px){ .upcoming-day-group{width:50%;} .single-res .upcoming-day-group{width: 33.33333333%;} } @media (min-width: 768px){ .upcoming-day-group{width: 33.33333333%;} .single-res .upcoming-day-group{width:20%;} } @media (min-width: 1200px){ .upcoming-day-group{width: 20%;} .single-res .upcoming-day-group{width:14.2857142857%;} } @media (min-width: 1800px){ .upcoming-day-group{width: 14.2857142857%;} .single-res .upcoming-day-group{width:10%;} #upcoming-top .fa.visible-xl-planyo{display: block!important;} } @media (max-width: 1799px) and (min-width: 1200px){ #upcoming-top .planyo-hidden-lg{display: none!important;} #upcoming-top .fa.visible-lg-planyo{display: block!important;} } @media (max-width: 1199px) and (min-width: 768px){ #upcoming-top .planyo-hidden-md {display: none!important;} #upcoming-top .fa.visible-md-planyo{display: block!important;} } @media (max-width: 767px) and (min-width: 500px){ #upcoming-top .planyo-hidden-sm {display: none!important;} #upcoming-top .fa.visible-sm-planyo{display: block!important;} } @media (max-width: 499px){ #upcoming-top .planyo-hidden-xs{display: none!important;} #upcoming-top .fa.visible-xs-planyo {display: block!important;} } /* =============================== */ /* responsive multi-month calendar */ /* =============================== */ .resp-caltop { text-align: center; } .monthly-fluid .calpicker,.monthly-fluid .calpicker th{font-family: 'Open Sans', sans-serif!important;} .monthly-fluid .fa-chevron-left:hover, .fa-chevron-right:hover{cursor:pointer;} .monthly-fluid .fa-chevron-left { float: left; padding-left: 2%; color: #428bca; } .monthly-fluid .fa-chevron-right { float: right; padding-right: 2%; color: #428bca; } .monthly-fluid .calpicker { width:100%; margin: 0; line-height: 100%; clear: both; border-collapse: collapse; background-color: white; } .monthly-fluid table.calpicker { width: 100%; font-size: 14px; text-align: left; list-style: none; } .monthly-fluid .calpicker td { text-align: center; vertical-align: middle; padding: 2%; border: 1px solid white; } .monthly-fluid .days th { font-size: 20px; color: #777; text-align: center; border: 1px solid white; font-weight: 100; padding: 3%; line-height:20px; background: white; text-shadow: none; } .monthly-fluid .hours2 th { font-size: medium; text-align: center; font-weight: 100; padding: 2%; border: 1px solid white; color: #777; background: white; text-shadow: none; } .monthly-fluid .ext_month_day_nox,.monthly-fluid .ext_month_day_nox_r,.ext_month_day_nox.morning_occ_nox { background-color: rgba(0,0,0,.017)!important; color: #a9b6c5; background-image: none!important; border-bottom: none!important; } .monthly-fluid .cur_month_day_nox { background-color: #C2DFD0; } .monthly-fluid .cur_month_day_nox.arrival_day { background-color: #a0e0c0; } .monthly-fluid .cur_month_day_nox:hover {background-color: #428bca; color:white;cursor:pointer;} .monthly-fluid td.reserved_nox { background-color: #f0c2c2; } .visible-sm-planyo,.visible-md-planyo{display:none!important;} .calpicker-box{border: 1px solid rgba(0,0,0,.07);} .monthly-fluid{ float:left; position: relative; background: none; padding-left:15px; padding-right:15px; width:100%; } .resp-caltop #cal_legend_info{ margin: 15px auto; padding-left: 15px; padding-right: 15px; } .resp-caltop .cal_legend_text{height: 23px;} #legend_mornav_txt{ background: url(https://www.planyo.com/images/diagonal2nox.png); background-repeat: no-repeat; background-color: #f0c2c2;} #legend_mornocc_txt{ background: url(https://www.planyo.com/images/diagonal1nox.png); background-repeat: no-repeat; background-color: #c2dfd0;} @media (min-width: 600px){ .monthly-fluid{width: 50%;max-width: 400px;display: inline-block;} .monthly-fluid .ext_month_day_nox, .monthly-fluid .ext_month_day_nox_r,.monthly-fluid .ext_month_day_nox:hover, .monthly-fluid .ext_month_day_nox_r:hover, .monthly-fluid .ext_month_day_nox_r.morning_av_nox,.monthly-fluid .ext_month_day_nox_r.morning_av_nox:hover,.monthly-fluid .ext_month_day_nox.morning_occ_nox,.monthly-fluid .ext_month_day_nox.morning_occ_nox:hover{color: rgba(0,0,0,.017);background-color: rgba(0,0,0,.017); border-bottom: 1px solid white!important; background-image: none;} } @media (min-width: 890px){ .monthly-fluid{width: 33.33333333%; } } @media (min-width: 1220px){ .monthly-fluid{max-width: 400px;display: inline-block;} .resp-caltop #cal_legend_info{width: 1200px; float:none;} } @media (max-width: 889px) and (min-width: 600px){ .monthly-fluid.planyo-hidden-md{display: none!important;} .monthly-fluid .visible-md-planyo{display: block!important;} } @media (max-width: 599px){ .monthly-fluid.planyo-hidden-sm{display: none!important;} .monthly-fluid .visible-sm-planyo {display: block!important;} } /* START FLEXIBLE MULTI-VIEW CALENDAR */ .cp_calendar .vacation {background-color:#707070;border-color:#707070;} .page.pg_schedule_php .page_contents {width:98%;} .fc-cust3Week-view .fc-sat,.fc-cust3Week-view .fc-sun {background-color:#fcf8e3;} .cp_calendar .fc-today {background:rgba(255, 255, 204, 0.46);} .small-cal .fc-center h2{font-size:medium;} .fc-center h2 { color: #777; font-weight: 400; line-height: 1.471; font-size: 20px; } th.fc-widget-header { line-height: 1.47em; color: #777; font-weight:500; } .cp_calendar.fc button { padding: 6px 12px; border-color: #357ebd; font-weight: normal; color: #fff; background-color: #428bca; font-size: 13px; background-image: none; height: initial; text-shadow: none; box-shadow: none; background-repeat: no-repeat; margin-bottom: 15px; } .cp_calendar.fc button.fc-state-hover { background-color: #253340; color: #FFF; } .cp_calendar.fc button.fc-state-active { background-color: #253340; color: #FFF; } .fc-rows td.fc-widget-content>div,.fc-resource-area tbody tr td.fc-widget-content>div{min-height:30px!important;height:auto!important;} .cp_calendar .fc-body .fc-resource-area .fc-cell-content { padding: 0px; vertical-align: -webkit-baseline-middle; display: initial; } .fc-head .fc-cell-content { padding-left: 0px; } .fc-bgevent.oc_all{background-color: #d9534f!important; opacity: 0.75!important;} .fc-bgevent.oc_all:hover{cursor:initial;} .fc-bgevent,.fc-highlight{opacity:.3!important;} .fc-highlight{background:#428bca!important;} a.fc-day-grid-event.ev_av:hover,.fc-list-item.ev_av:hover{cursor:pointer;} .fc-custListMonth-view.fc-list-view .fc-scroller,.fc-custListWeek-view.fc-list-view .fc-scroller{height: initial!important;} .fc-cust3Day-view colgroup col{width:30px!important;} .fc-cust3Day-view th.fc-widget-header{font-size:10px;} .cp_units_60 .fc-custDay-view th.fc-widget-header{font-size:10px;} td.fc-resource-area.fc-widget-header th.fc-widget-header{font-size:15px;} .oc_part{background-color: transparent!important; text-align: center;color: black; font-weight: 700;color: black;opacity: 0.75!important;} .oc_none{background-color:transparent !important;} .oc_eve,.with-cnt .fc-bgevent.oc_all .oc_eve,td.fc-bgevent.oc_all.oc_eve,.fc-bgevent.oc_all.oc_eve{background:linear-gradient(to right bottom, transparent 0%,transparent 50%,#d9534f 51%,#d9534f 100%);background-color: transparent!important;} .oc_mor, .with-cnt .fc-bgevent.oc_none .oc_mor,td.fc-bgevent.oc_none.oc_mor{background:linear-gradient(to right bottom, #d9534f 0%,#d9534f 50%,transparent 51%,transparent 100%);opacity:0.75 !important;} .fc-day-grid-event .fc-content{white-space:normal!important;} .ev_all .fc-event-dot{background-color:#f0c2c2} .ev_all{color:#bbb;} a.fc-day-grid-event.ev_all,a.fc-time-grid-event.ev_all,a.fc-timeline-event.ev_all{background-color: #bbb!important;border: 1px solid #bbb;} .fc-time-grid-event .fc-time{white-space: pre-line;} .with-cnt .fc-bgevent.oc_part, .with-cnt .fc-bgevent.oc_none { text-align: center; font-weight: 700; opacity: 1!important; line-height: 25px; font-size: medium; color:#428bca; border:0px; vertical-align: middle; } .with-cnt .fc-view.fc-cust3Week-view .fc-bgevent.oc_none { margin-top: 3px; margin-left: 5px; } .with-cnt .fc-custMonth-view .fc-bgevent.oc_part,.with-cnt .fc-custMonth-view .fc-bgevent.oc_none {padding-top:18px} .with-cnt .fc-view.fc-cust3Week-view .fc-bgevent.oc_none { margin-top: 0px; margin-left: 0px; opacity: 0.75!important; } .with-cnt .fc-view.fc-custDay-view .fc-bgevent.oc_none{ margin-top: 3px; margin-left: 10px; } .with-cnt .fc-view.fc-custAgendaWeek-view .fc-bgevent.oc_none,.with-cnt .fc-view.fc-custAgendaDay-view .fc-bgevent.oc_none{ width: 20px; height: 20px!important; line-height: 21px; font-size: small; margin-top: 1px; margin-left: 45%; } .fc-ltr .fc-basic-view .fc-day-top .fc-day-number { font-size: 0.75em; } .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td{border-color: #ddd;} .cp_units_1440.small-cal.no-ev{max-width:300px;} .cp_units_1440.small-cal .fc-custWeek-view {width:400px;} .cp_units_15.small-cal.no-ev,.cp_units_30.small-cal.no-ev,.cp_units_60.small-cal.no-ev{max-width:500px;} body .cp_units_1440.small-cal.fc { font-size: 0.75em; } .cp_calendar.small-cal.fc button{padding: 2px 4px;border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);font-size: 12px;} .cp_units_1440.small-cal th.fc-widget-header { font-size: 10px; } .cp_units_1440.small-cal .fc-cust3Week-view th.fc-widget-header,.cp_units_1440.small-cal .fc-custWeek-view span.fc-cell-text { font-size: 10px; } .cp_units_1440.small-cal.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { font-size: 10px; } .small-cal.with-ev { max-width: 600px; font-size: 0.75em; } .with-ev .fc-cust3Week-button{display:none;} .small-cal.no-ev .fc-cust3Week-view,.small-cal.with-ev .fc-cust3Week-view{width:700px;} .small-cal th.fc-widget-header{font-size:smaller;} .cp_units_1440.small-cal.no-ev .fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: none; text-align: center; display: block; margin-top: 7%; font-size: small; } .small-cal .fc-resource-area .fc-icon{display:none;} .ev_av .fc-event-dot { background-color: #C2DFD0!important;} .planyo .ev_av span.fc-event-dot { background-color: #C2DFD0!important; } .planyo .fc table {margin: initial;} .planyo .fc table tr td, .planyo .fc table tr th { padding: 0; margin: 0 0 15px 0; } .planyo .fc tr td.fc-axis,.planyo .fc table th.fc-axis.fc-widget-header{padding: 0 4px;} /* END FLEXIBLE MULTI-VIEW CALENDAR */
@import url('http://fonts.googleapis.com/css?family=Lato'); @-ms-viewport{ width: device-width; } .calprev_iframe.caltype_3 { width:100%; } .planyo,* { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .planyo a,.planyo a:hover,.planyo a:visited,.planyo a:link,.planyo a:active{ text-decoration:none; } .calprev_iframe.caltype_6{ width: 100%; } .calprev_iframe.caltype_5{ width:96%; padding:2%; } .planyo{ font-family: 'Lato', Arial, sans-serif; font-size: 14pt; line-height: 1em; font-weight:normal; } body{ margin:0%; } body, input { -webkit-font-smoothing: antialiased; color: #333; } .planyo fieldset,.planyo ul{ padding:0px; margin:0px; } .planyo li{ list-style-type: none; } div.float-label-text-parent input,div.float-label-text-parent textarea,.planyo textarea { -webkit-appearance:none; font-size:12px; border:none; background:transparent; padding: 5px 0px 0px 0px; margin: -10px 0px 0px 0px; width:100%; } div.float-label-parent { border:1px solid #c0c0c0; height: 55px; padding:2px 5px 2px 5px; } div.float-label-parent.float-label-textarea-parent { height:auto; } div.float-label-textarea-parent textarea { width:100%; } div.float-label-parent select:focus,div.float-label-parent input:focus,div.float-label-parent textarea:focus { outline: 0; } div.float-label-parent label { font-size:9px; height:10px; font-weight:normal; color:#a9a9ab; width:100%; background:transparent; } div.float-label-select-parent { background:url(https://s3.amazonaws.com/planyo-extras/web/arrow-icon.png) no-repeat 98% center; background-size:17px; overflow:hidden; } div.float-label-parent select { -webkit-appearance:none; background:transparent; border:0px; width:100%; font-size:12px; padding-top:5px; margin-top:-8px; line-height: 14px; } form .phone-row .phone-row-plus {width:16%;height:20px;display:inline-block;font-weight:normal;} form .phone-row .float-label-parent input[type='text'] {width:16%;} form #par_one_date,form #par_start_date,form #par_end_date,form #par_box_one_date,form #par_box_start_date,form #par_box_end_date {width:80%;float:left;border-right: 0px;} form .float-number-parent {width:16%;float:left;border-right:0px;} .float-date-icon {background:url(https://s3.amazonaws.com/planyo-extras/web/calendar-icon.png) no-repeat right white;width:15.5%;height:55px;border:1px solid #c0c0c0;float:left;clear:none;padding:2px 0 2px 0;border-left: 0px;} .float-unit-icon {background:url(https://s3.amazonaws.com/planyo-extras/web/unit-icon.png) no-repeat right white;width:3em;height:30px;border:1px solid #c0c0c0;float:left;clear:none;padding:2px 0 2px 0;border-left:0px;} .float-number-minus-icon {background: url(https://s3.amazonaws.com/planyo-extras/web/minus-icon.png) no-repeat right white;width:3em;height:30px;border:1px solid #c0c0c0;float:left;clear:none;padding:2px 0 2px 0;border-left:0px;border-right:0px;} .float-number-plus-icon {background: url(https://s3.amazonaws.com/planyo-extras/web/plus-icon.png) no-repeat right white;width:3em;height:30px;border:1px solid #c0c0c0;float:left;clear:none;padding:2px 0 2px 0;border-left:0px;} .float-unit-icon:hover,.float-date-icon:hover,.float-number-icon:hover {cursor:pointer;} .phone-row-list {border:1px solid #c0c0c0;position:absolute;background-color:white;z-index:300;overflow-y:auto;width:150px;height:200px;} .phone-row-list div:hover {background-color:#c0c0c0;} .phone-row-list div {padding:2px;width:100%;} .planyo ul li.fld_narrow{display: inline-block; text-align: left;vertical-align: top;} .fld_narrow .planyo_static_help{} .fld_wide .float-label-parent{width:95%;} .planyo textarea{ min-height: 80px; line-height: 30px; } #reservation_code select,#reservation_code input,#reservation_code textarea { height: 55px; font-size: 100%; width: 100%; line-height: initial; } #reservation_code input#mobile_number_param,#reservation_code input#phone{width:80%;} @-moz-document url-prefix() { #reservation_code select,#serchview_code select { padding-top: 10pt; } } .planyo input:focus { outline: none; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none; } .planyo fieldset{ border:0px; } .planyo button, .planyo .button,.planyo .checkout_button { font-size:-webkit-xxx-large; } #reservation_code input[type="button"],#reservation_code input[type="submit"]{height:initial;min-height:initial;} .planyo input[type=submit]{ border-radius: 3px; font-size: medium; border: medium none; background: none repeat scroll 0% 0% rgb(61, 131, 168); text-decoration: none; -webkit-border-radius: 0.2em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; color: #fff; } .planyo input[type=checkbox],#reservation_code input[type=checkbox]{ width: 25px; min-width: 25px; min-height:25px; height:25px; display: inline-block; vertical-align: middle; -webkit-border-radius: 0.2em; } #serchview_code{ } #serchview_code input,#serchview_code select{ width: 84%; margin:3% 8% 3% 8%; font-size:170%; } #serchview_code input[type=submit]{ margin-top:8%; } .resource_info img{ width: 25%; float: left; padding:0% 2% 2% 2%; } .resource_info{ clear:both; padding:9pt 0pt; display:block; min-height: 48pt; } .resource_info:hover{ background-color:#EDEDED; cursor:pointer; } .resource_main{ padding:2% 0 0 2%; } .resource_name{ letter-spacing: -0.02em; font-size: 15pt; color: #444; } .resource_details{ font-size: 11pt; padding-top: 5pt; color:grey; } .planyo #presentation_code{ width:100%; margin:0%; } .planyo #presentation_code .largeimage{ width:100%; } #presentation_code .resource_name{ font-size: 20pt; background-color: #444; color: white; padding: 9pt 0pt;} #presentation_code .button_container{ text-align:center; margin:5pt 0pt; } .planyo .button, .planyo .checkout_button { background: none repeat scroll 0% 0% rgb(61, 131, 168); border-radius: 3px; border: medium none; background: none repeat scroll 0% 0% rgb(61, 131, 168); color:white; padding: 11px 19px; text-decoration: none; width:74%; line-height: 24px; clear: none; text-align: center; font-size: x-large; } .planyo a.button ,.planyo a.checkout_button { background: none repeat scroll 0% 0% rgb(61, 131, 168); color:white; border-radius: 3px; border: medium none; padding: 11px 19px; text-decoration: none; line-height: 24px; width:74%; clear:none; text-align: center; display:inline-block; font-size: x-large; } .planyo #reservation_code .button{ width:initial; font-size: large; } .planyo .search_box a.button,#planyo_content .search_box .button{ width:84%; } #search_results_table a.button { border-radius: 22px; font-size: xx-large; display: inline; padding: 2px 12px; } #res_form_buttons{ width: 100%; display: inline-block; text-align: center} #reservation_code #res_form_buttons.single_button{width: 100%; text-align: center;} #reservation_code #res_form_buttons.half_button{width:100%;display: inline-block; text-align: center;} #reservation_code #res_form_buttons .button.half_button{width:35%;font-size:medium;} #reservation_code #multipage_prev.button.half_button{margin-right:2%;} #reservation_code .reservation_step, #shoppingcart_code .reservation_step, #payment_code .reservation_step, #products_code .reservation_step, #completed_code .reservation_step{ display:none !important; } #reservation_code .calendar_prev{ display:none; } #reservation_code .reservation_step_img_text, #shoppingcart_code .reservation_step_img_text, #payment_code .reservation_step_img_text, #products_code .reservation_step_img_text, #completed_code .reservation_step_img_text{ font-weight: bold; color: #333; padding: 8pt 4pt 0pt 0pt; float: left; } .reservation_header{ display: inline-block; clear: both; width: 100%; margin-bottom: 9pt; } #reservation_code .reservation_step_name, #shoppingcart_code .reservation_step_name, #payment_code .reservation_step_name, #products_code .reservation_step_name, #completed_code .reservation_step_name{ min-width: 300px; padding: 8pt 0pt 0pt 15pt; } #reservation_code .reservation_steps, #shoppingcart_code .reservation_steps, #payment_code .reservation_steps, #products_code .reservation_steps, #completed_code .reservation_steps{ font-size: large; float: left; width: 75%; } #reservation_code #reservation_form, #reservation_code #products_code{ /*margin:6%;*/ } #reservation_code legend{ display: none; } #reserve_form label[for=resource_name]{ display:none; } #reservation_code #row_resource_name{ padding-bottom: 7pt; color:#AAA; } #reservation_code .planyo_static_help{ font-size:70%; color: #a9a9ab; font-style: italic; padding-top: 2px; margin-bottom: 7pt; } #reservation_code #reqfinfo{ display:none; } #price_info_section{ padding: 8pt 0pt; } .price_info_div_content{ font-size: 100%; color: #333; font-weight:bold; padding: 15pt 0pt; } .price_info_div #price_info_coupon { float: right; clear: both; font-size: small; padding: 15px 0px; } .price_info_div_content .title{ float:left; } .price_info_div_content .price_info{ float:right; } #res_error_msg,#no_search_results{ color: #ff0033; font-weight: bold; } .price_info_div .rate_err { font-size: 13px; color: #ff0033; float: left; clear: both; padding: 15px 0px; } #reservation_code li{ margin-bottom: 9pt; clear:both; width:100%; } #products_code{ font-size: medium; } #products_code legend{ font-size: medium; font-weight: bold; } #products_code label{ } #products_code li{ clear:both; padding:7pt 0pt; } #products_code .product_desc{clear: both; width: 100%; font-size: small; color: grey;} #products_code input[type=checkbox]{ margin-top: -14pt; float:right } #res_ok_msg .checkout{ text-align: center; margin-top: 40pt; } #planyo_content #search_results_table a.button{ display:inline; } .shopping_cart_msg{ font-size: 11pt; padding: 14pt 0pt; clear: both; } .shopping_cart_msg a{ text-decoration:none; color:rgb(61, 131, 168); } .shopping_cart .resource_info img{ width: 80px; padding: 0% 2% 2% 0%; } .shopping_cart #cart_item_info{ float: left; } .shopping_cart .rental_time_qty{ font-size: small; color: gray; padding: 7pt 0pt; } .shopping_cart #cart_item_price{ float:right; font-size: medium; margin-top: -5pt; } .shopping_cart .remove{ float: right; clear: both; padding-top: 7pt; } .shopping_cart a.remove{ text-decoration: none; color: rgb(61, 131, 168); font-weight: bold; } .shopping_cart .shopping_total{ clear: both; padding: 14pt 0pt; } .shopping_cart .shopping_total_text{ float:left; color:grey; } .shopping_cart .shopping_total_price{ float:right; color:grey; } .shopping_cart a.checkout_button { font-size:large; } #shoppingcart_code .checkout{ width: 100%; text-align: center; } .planyo a.checkout_button{width: initial; font-size: medium;} #shoppingcart_code .price_quoted{ font-size: medium;padding-top:7pt;color:grey;} .result_info a{ text-decoration:none; color:grey; } .result_info .resouce_name a{ font-size:14pt; color:#333; } .result_info .total{ font-size:small; color:grey; padding-top: 7pt; } #checkout_code input[type=image],#payment_code input[type=image]{ min-height:initial; border:0px; margin-left: 20%; } #checkout_code,#completed_details,#payment_code{ font-size:medium; } .status{padding-top:7pt;} #checkout_code a,#completed_details a, .reservation_details_payment a{ text-decoration:none; color:rgb(61, 131, 168); } #completed_details .reservation_details{ padding-top:7pt; } .reservation_details_payment{ font-size:medium; } #reservation_code .reservation_details_payment li{ margin-bottom: initial; } /*===================================================*/ /* 4. DROP-DOWN CALENDAR */ /*===================================================*/ .calpicker{ clear:both; border: 1px solid #c0c0c0; border-collapse: collapse; background-color:white; } table.calpicker{margin-bottom:0px;} .calpicker th{ background: #d0d0d0; font-size: 11px; text-align:center; border:0; } .calpicker .no_start:hover{ background: #f0f0f0; cursor:default; color:black; } .calpicker .arrival_day{ font-weight:bold; } .calpicker td.morning_av,.calpicker td.morning_av:hover{ background: url(images/diagonal2.png); background-repeat: no-repeat; } .calpicker td.morning_av_nox,.calpicker td.morning_av_nox:hover{ background: url(images/diagonal2nox.png); background-repeat: no-repeat; background-color: #f0c2c2; } .calpicker td.morning_occ{ background: url(images/diagonal1.png); background-repeat: no-repeat; } .calpicker td.morning_occ_nox{ background: url(images/diagonal1nox.png); background-repeat: no-repeat; background-color: #c2dfd0; } .calpicker .active_day{ background: #bbbbbb; color:white; } .calpicker .reserved_nox_u{ background:#e8e8e8; } .calpicker .reserved_nox{ background:#f0c2c2; } .calpicker .reserved{ color: red; font-weight: bold; } .calpicker .reserved_u{ color: red; font-weight: bold; } .calpicker .reserved:hover{ cursor:auto; background:white; color:red; } .calpicker .reserved_u:hover{ cursor:auto; background:white; } .calpicker .reserved_nox:hover{ cursor:auto; background:#f0c2c2; } .calpicker .reserved_nox_u:hover{ cursor:auto; background:#e8e8e8; } .calpicker .cur_month_day_nox{ background: #c2dfd0; } .calpicker .active_day_nox{ text-decoration:underline; background: #cfdfd0; } .calpicker .ext_month_day_nox{ background: #c2dfd0; color:#a0a0a0; } .calpicker .ext_month_day_nox_u{ background:#e8e8e8; color:#a0a0a0; } .calpicker .ext_month_day_nox_r{ background:#f0c2c2; color:#a0a0a0; } .calpicker .cur_month_day{ background: #f0f0f0; } .calpicker .ext_month_day{ background: #ffffff; color: #c5c5c5; } .calpicker .ext_month_day:hover{ cursor:auto; background:#ffffff; } .calpicker .ext_month_day_nox_r:hover{ cursor:auto; background:#f0c2c2; } .calpicker .ext_month_day_nox_u:hover{ cursor:auto; background:#e8e8e8; } .calpicker .ext_month_day_nox:hover{ cursor:auto; background:#c2dfd0; } .calpicker td:hover{ background: #e77817; color: white; cursor: pointer; } .calpicker td{ border: 1px solid #c0c0c0; vertical-align: top; font-size: 12px; min-width: 10px; text-align: center; padding: 2px 3px 2px 3px; } .calpicker caption{ padding:2px; background-color:white; border-top:4px solid #c0c0c0; overflow:hidden; text-align: center; } .calpicker caption .nav{ float:left; padding-right:1px; margin-bottom:0px; } .float-calpicker{ font-family: 'Istok Web', sans-serif; width:236px; border-top: 0px; margin-left:1px; } .float-calpicker caption { border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; font-size: 14px; } .float-calpicker th { font-size: 12px; font-weight: 100; padding:4px; background-color:white; } .float-calpicker .cur_month_day:hover,.calpicker .active_day:hover { background: #3D83A8; } .float-calpicker caption .navleft {float:left;} .float-calpicker caption .navright {float:right;} .float-calpicker .active_day { color: #3D83A8; border-bottom: 2pt solid #3D83A8 !important; background-color:#f0f0f0; } select#planyolang{ float: right; background: url(https://s3.amazonaws.com/planyo-extras/web/arrow-icon.png) no-repeat 98% center; background-size: 17px; overflow: hidden; width: 20%; float: right; height: 25px; margin-top: 3pt; border: 1px solid #c0c0c0; padding: 0px 5px 2px 5px; -webkit-appearance:none; } select#planyolang,.planyo textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:none; -webkit-border-radius: 0em; } .poweredby{ width: 100%; display: block; clear: both; margin: 7pt 0pt; } .result_ranges{font-size: small; padding: 7pt 0pt;}
/* Scheme: Box Layout Description: Mobile Calendar Stylesheet CSS STRUCTURE: 1. GENERAL - Google font import & General Style 2. GENERAL CALENDAR STYLES - General - Calendar info legend - Seasons 3. DAY BASED CALENDAR 4. HOUR BASED CALENDAR 5. UPCOMING CALENDAR */ /*==============================================*/ /* 1. GENERAL */ /*==============================================*/ /*------------------------------------*/ /* Google font import & General Style */ /*------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Istok+Web:400,700'); @import url('https://fonts.googleapis.com/css?family=Lato'); .planyo,html { -webkit-font-smoothing: antialiased; font-family: 'Lato', Arial, sans-serif; font-weight:100; font-size:medium; -webkit-font-smoothing: antialiased; } .planyo, body{ margin:0px; padding:0px; } /* Links ===================================*/ /* Typography ===================================*/ /* Logo ===================================*/ /*==============================================*/ /* 2. GENERAL CALENDAR STYLES */ /*==============================================*/ /* Previous/Next Icon and Text ===================================*/ a.earlier{ float: left; background: transparent url("https://www.planyo.com/images/left-arr.png") no-repeat center left; padding-left: 20px; text-transform: uppercase; } a.later{ float:right; background: transparent url("https://static.planyo.com/images/right-arr.png") no-repeat center right; padding-right: 25px; text-transform: uppercase; background-size:initial; } /*------------------------------------*/ /* Calendar info legend */ /*------------------------------------*/ #cal_legend_info{ clear:both; } #legend_av,#legend_unav,#legend_stdate,#legend_mornav,#legend_mornocc { display:none; } #legend_av_txt{ color:#333; } #legend_unav_txt{ } .cal_legend_seas{ display:none; } .cal_legend_text{ font-size: 12px; float: left; padding: 3px 5px 1px 5px; margin-right: 5px; } .cal_legend_partav,.cal_legend_res{float:left;} #cal_legend_info{ padding:2%; } /*------------------------------------*/ /* Seasons */ /*------------------------------------*/ #cal td.cuscol_33FF33, #calendar_nav td.cuscol_33FF33 { border-bottom: 5pt solid #33FF33; } #cal td.cuscol_A8314F, #calendar_nav td.cuscol_A8314F { border-bottom: 5pt solid #A8314F; } #cal td.cuscol_yellow, #calendar_nav td.cuscol_yellow { border-bottom: 5pt solid yellow; } #cal td.cuscol_81FCF6, #calendar_nav td.cuscol_81FCF6 { border-bottom: 5pt solid #81FCF6; } #cal td.cuscol_FFBAF1, #calendar_nav td.cuscol_FFBAF1 { border-bottom: 5pt solid #FFBAF1; } #cal td.cuscol_999999, #calendar_nav td.cuscol_999999 { border-bottom: 5pt solid #999999; } #cal td.cuscol_B84DFF, #calendar_nav td.cuscol_B84DFF { border-bottom: 5pt solid #B84DFF; } #cal td.cuscol_4D4DFF, #calendar_nav td.cuscol_4D4DFF { border-bottom: 5pt solid #4D4DFF; } #cal td.cuscol_DADAD2, #calendar_nav td.cuscol_DADAD2 { border-bottom: 5pt solid #DADAD2; } #cal td.cuscol_ECDC81, #calendar_nav td.cuscol_ECDC81 { border-bottom: 5pt solid #ECDC81; } #cal td.cuscol_CEF0FF, #calendar_nav td.cuscol_CEF0FF { border-bottom: 5pt solid #CEF0FF; } #cal td.cuscol_D1FFB3, #calendar_nav td.cuscol_D1FFB3 { border-bottom: 5pt solid #D1FFB3; } #cal td.cuscol_FFA4A4, #calendar_nav td.cuscol_FFA4A4 { border-bottom: 5pt solid #FFA4A4; } /*------------------------------------*/ /*Messages,Error,Help */ /*------------------------------------*/ /*===============================================*/ /* 3. DAY BASED CALENDAR */ /*===============================================*/ table.calpicker{ width:100%; font-size:medium; } .days,.hours2{ background: #444; } /* Header row - Month ===================================*/ .days th{ font-weight: initial; font-size: 20pt; color:white; padding:1%; } /* Header row - Days ===================================*/ .hours2 th{ font-weight:100; color:white; padding:2%; font-size:medium; } /* Days ===================================*/ .calpicker td{ text-align: center; vertical-align: middle; padding:2%; } td.active_day_nox { background-color: #cfdfd0; color: white; } .calpicker .ext_month_day_nox,.calpicker .ext_month_day_nox_u, .calpicker .ext_month_day_nox_r{ color:#cdcdcd; } td.reserved_nox{ color: #cdcdcd; border-bottom: 5pt solid #f4f4f4; } /*===============================================*/ /* 4. HOUR BASED CALENDAR */ /*===============================================*/ /* Header row ===================================*/ .hours.hours1{ background:#444; color:white; } .hours.hours1 th{ font-size:medium; font-weight:100; padding:1pt; } /* Hours column ===================================*/ #cal td.day{ font-size: 14pt; text-align: center; } #cal td { border: 1px solid #F8F8F8; font-size: 10px; text-align: center; width: 10%; padding:1% 0%; } #horizontal_calendar .cal_legend{ margin-left:initial; } #horizontal_calendar .unavailable { background: #f0c2c2; } #horizontal_calendar .reserved{ background: #f0c2c2; font-size:14pt; } #horizontal_calendar .available{ background: #c2dfd0; font-size:14pt; } /*===============================================*/ /* 5. UPCOMING CALENDAR */ /*===============================================*/ .upcoming{ width: 100%; display: inline-block; } .upcoming .av_nav { width: 100%; text-align: -webkit-center; margin: 7pt 0pt; line-height:1.7em; } #horizontal_calendar a, #week_contents a, #month_contents a, #day_contents a { color: #3D83A8; text-decoration:none; } .upcoming .av_day_group { width: 100%; clear:both; } .upcoming .av_day_group .av_date { clear: left; float: left; padding:6pt 0pt; } .upcoming .av_month{ font-size: x-large; text-align: center; text-transform: uppercase; color: #444; } .upcoming .av_time.av_time_h,span.unav_txt.unav_txt_h{ width: 50%; float: right; clear: right; padding: 5pt 0pt; margin:5pt 0pt; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } span.unav_txt.unav_txt_h{ background-color: #f0c2c2; } .upcoming .av_day_group .av_time.av_time_day, .result_range,.unav_txt.unav_txt_d { display:block; clear:both; font-size: medium; width: 100%; color:#333; padding: 5pt 0pt; margin: 4pt 0pt; text-align: center; background-color: #c2dfd0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .upcoming .av_day_group .av_time, .result_range{ background-color: #c2dfd0; } .upcoming .unav_txt.unav_txt_d{ background-color: #f0c2c2; } .upcoming .av_day_group .av_time:hover { text-decoration: none; color:#3D83A8; cursor:pointer; } .upcoming .av_day_group .av_res { float: left; clear: left; color: grey; padding: 5pt 0pt; font-size: medium; margin: 5pt 0pt; } /* ================================== */ /* new upcoming availability calendar */ /* ================================== */ #caltop #quick_nav_div{position: absolute;margin-left: 15px; z-index: 1;} #caltop #quick_nav_div:hover{cursor:pointer;} #upcoming-top .horiz-shift-month{color: #a9b6c5;margin-left: 30px;} #upcoming-top .date_container{font-family: 'Open Sans', sans-serif!important;font-size:20px; color: #a9b6c5;height:30px;white-space:nowrap;} #upcoming-top .date_container .fa{color:#428bca;} #upcoming-top .caption.today,#upcoming-top .today{color:#428bca;} .poweredby{float: right;margin-right: 15px;} #upcoming-top .caption{font-family: 'Open Sans', sans-serif!important;font-size:20px; padding-bottom: 5px; color: #a9b6c5;font-weight:bold;text-align: center;} #upcoming-top .caption span {text-transform: uppercase; font-weight: 100; font-size: 14px!important; line-height: 1.428571429;} #upcoming-top article{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #upcoming-top .thumbnail {position: relative; cursor:pointer; background-color: #C2DFD0; color: #001e40; font-size: small; border: 1px solid #b4cfc1; border-radius: 0;padding: 4px 2px 4px 15px; margin:4px 0px; font-size:small;} #upcoming-top.single-res .thumbnail{text-align: center; padding: 4px 0px;} #upcoming-top .thumbnail:hover {background-color: #428bca; color:white;} .calendar-fluid#upcoming-top .row { margin-left: 0; margin-right: 0; } #upcoming-top .fa-chevron-right {float: right; margin-top: 5px; color: #428bca;} #upcoming-top .fa-chevron-left{float: left; margin-top: 5px; color: #428bca;} #upcoming-top .visible-xssm-block{display:none!important;} #upcoming-top p.showmore,#upcoming-top p.showprev,#upcoming-top p.shownext {border: 1px solid #a9b6c5; border-radius: 0; padding: 4px 2px; margin: 4px 0px; font-size: small;color:#428bca;cursor:pointer;} #upcoming-top p.showmore:hover,#upcoming-top p.showprev:hover,#upcoming-top p.shownext:hover {border:1px solid #428bca;} #upcoming-top.upcoming-day-single .col-xs-10:hover {background-color: #428bca;color:white;cursor:pointer;} #upcoming-top.upcoming-day-single .row.show-more:hover {background-color:transparent;} #upcoming-top.upcoming-day-single .row {margin-bottom: 1px;margin-left:0px;margin-right:0px;} #upcoming-top .upcoming-box.col-xs-2 {width:16%;padding:0px;} #upcoming-top .upcoming-box.col-xs-2-range {width:33%;} #upcoming-top .col-xs-10.col-xs-range{ width: 66.33333333%; } #upcoming-top .upcoming-box {background-color:#C2DFD0; font-family: 'Open Sans', sans-serif!important; color: white; text-align: center;} .upcoming-day{font-size: 22px; font-weight: 600; padding: 8px 0 0 0; line-height: 18px;} #upcoming-top .upcoming-month{padding-bottom: 6px;} #upcoming-top .upcoming-content{display: table-cell; vertical-align: middle; height: 50px;padding-left:15px; font-size: 16px; color: white;} #upcoming-top.upcoming-day-single .col-xs-10 {background: #96c1ab;margin-left: 1px; height: 52px;} #upcoming-top.upcoming-day-single .row.show-more{margin-right:0px;} #upcoming-top .fa-chevron-left:hover,#upcoming-top .fa-chevron-right:hover{cursor:pointer;} #upcoming-top .rows-clip-out {overflow:hidden;width:100%;} #upcoming-top .rows-clip-days {transition: margin-top 0.6s linear;} #upcoming-top p.text-center.showprev { width: 49.5%; float: left; } #upcoming-top p.text-center.shownext { width: 49.5%; float: right; } .visible-xs-planyo,.visible-sm-planyo,.visible-md-planyo,.visible-lg-planyo,.visible-xl-planyo{display:none!important;} .upcoming-day-group{ float:left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .upcoming-day-group{width:100%;} .single-res .upcoming-day-group{width:50%;} @media (min-width: 500px){ .upcoming-day-group{width:50%;} .single-res .upcoming-day-group{width: 33.33333333%;} } @media (min-width: 768px){ .upcoming-day-group{width: 33.33333333%;} .single-res .upcoming-day-group{width:20%;} } @media (min-width: 1200px){ .upcoming-day-group{width: 20%;} .single-res .upcoming-day-group{width:14.2857142857%;} } @media (min-width: 1800px){ .upcoming-day-group{width: 14.2857142857%;} .single-res .upcoming-day-group{width:10%;} .visible-xl-planyo{display: block!important;} } @media (max-width: 1799px) and (min-width: 1200px){ #upcoming-top .planyo-hidden-lg{display: none!important;} .visible-lg-planyo{display: block!important;} } @media (max-width: 1199px) and (min-width: 768px){ #upcoming-top .planyo-hidden-md {display: none!important;} .visible-md-planyo{display: block!important;} } @media (max-width: 767px) and (min-width: 500px){ #upcoming-top .planyo-hidden-sm {display: none!important;} .visible-sm-planyo{display: block!important;} } @media (max-width: 499px){ .planyo-hidden-xs{display: none!important;} .visible-xs-planyo {display: block!important;} } /* =============================== */ /* responsive multi-month calendar */ /* =============================== */ .resp-caltop { text-align: center; } .monthly-fluid .calpicker,.monthly-fluid .calpicker th{font-family: 'Open Sans', sans-serif!important;} .monthly-fluid .fa-chevron-left:hover, .fa-chevron-right:hover{cursor:pointer;} .monthly-fluid .fa-chevron-left { float: left; padding-left: 2%; color: #428bca; } .monthly-fluid .fa-chevron-right { float: right; padding-right: 2%; color: #428bca; } .monthly-fluid .calpicker { width:100%; margin: 0; line-height: 100%; clear: both; border-collapse: collapse; background-color: white; } .monthly-fluid table.calpicker { width: 100%; font-size: 14px; text-align: left; list-style: none; } .monthly-fluid .calpicker td { text-align: center; vertical-align: middle; padding: 2%; border: 1px solid white; } .monthly-fluid .days th { font-size: 20px; color: #777; text-align: center; border: 1px solid white; font-weight: 100; padding: 3%; line-height:20px; background: white; text-shadow: none; } .monthly-fluid .hours2 th { font-size: medium; text-align: center; font-weight: 100; padding: 2%; border: 1px solid white; color: #777; background: white; text-shadow: none; } .monthly-fluid .ext_month_day_nox,.monthly-fluid .ext_month_day_nox_r,.ext_month_day_nox.morning_occ_nox { background-color: rgba(0,0,0,.017)!important; color: #a9b6c5; background-image: none!important; border-bottom: none!important; } .monthly-fluid .cur_month_day_nox { background-color: #C2DFD0; color: #333; } .monthly-fluid .cur_month_day_nox.arrival_day,.monthly-fluid .ext_month_day_nox.arrival_day { background-color: #a0e0c0; color: #333; } .monthly-fluid .cur_month_day_nox:hover {background-color: #428bca; color:white;cursor:pointer;} .monthly-fluid td.reserved_nox { background-color: #f0c2c2; color: #333; } .visible-sm-planyo,.visible-md-planyo{display:none!important;} .calpicker-box{border: 1px solid rgba(0,0,0,.03);} .monthly-fluid{ float:left; position: relative; background: none; padding-left:15px; padding-right:15px; width:100%; } .resp-caltop #cal_legend_info{ margin: 15px auto; padding-left: 15px; padding-right: 15px; } .resp-caltop .cal_legend_text{height: 23px;} #legend_av_txt, #cal_legend_partav_2, #legend_avqty_txt { background: #c2dfd0; } .legend_and_icon { float: left; padding-bottom: 2pt; } #legend_stdate_txt { background: #a0e0c0; } #legend_unav_txt, #legend_res_txt { background: #f0c2c2; } #legend_mornav_txt{ background: url(https://www.planyo.com/images/diagonal2nox.png); background-repeat: no-repeat; background-color: #f0c2c2;} #legend_mornocc_txt{ background: url(https://www.planyo.com/images/diagonal1nox.png); background-repeat: no-repeat; background-color: #c2dfd0;} @media (min-width: 600px){ .monthly-fluid{width: 50%;max-width: 400px;display: inline-block;} .monthly-fluid .ext_month_day_nox, .monthly-fluid .ext_month_day_nox_r,.monthly-fluid .ext_month_day_nox:hover, .monthly-fluid .ext_month_day_nox_r:hover, .monthly-fluid .ext_month_day_nox_r.morning_av_nox,.monthly-fluid .ext_month_day_nox_r.morning_av_nox:hover,.monthly-fluid .ext_month_day_nox.morning_occ_nox,.monthly-fluid .ext_month_day_nox.morning_occ_nox:hover{color: rgba(0,0,0,.017);background-color: rgba(0,0,0,.017); border-bottom: 1px solid white!important; background-image: none;} } @media (min-width: 890px){ .monthly-fluid{width: 33.33333333%; max-width: 400px;display: inline-block; } } @media (min-width: 1220px){ .monthly-fluid{max-width: 400px;display: inline-block;} .resp-caltop #cal_legend_info{width: 1200px; float:none;} } @media (max-width: 889px) and (min-width: 600px){ .monthly-fluid.planyo-hidden-md{display: none!important;} .monthly-fluid .visible-md-planyo{display: block!important;} } @media (max-width: 599px){ .monthly-fluid.planyo-hidden-sm{display: none!important;} .monthly-fluid .visible-sm-planyo {display: block!important;} } /*===============================================*/ /* 4. DROP-DOWN CALENDAR */ /*===============================================*/ table.calpicker{ width: 239px; margin-top: 6px; margin-left: 12px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 0px;} .calpicker .no_start:hover{ background: #f0f0f0; cursor:default; color:black; } .calpicker .arrival_day{ font-weight:bold; } .calpicker td.morning_av,.calpicker td.morning_av:hover{ background: url(https://www.planyo.com/images/diagonal2.png); background-repeat: no-repeat; } .calpicker td.morning_av_nox,.calpicker td.morning_av_nox:hover{ background: url(https://www.planyo.com/images/diagonal2nox.png); background-repeat: no-repeat; background-color: #f0c2c2; } .calpicker td.morning_occ{ background: url(https://www.planyo.com/images/diagonal1.png); background-repeat: no-repeat; } .calpicker td.morning_occ_nox{ background: url(https://www.planyo.com/images/diagonal1nox.png); background-repeat: no-repeat; background-color: #c2dfd0; } .calpicker .active_day{ background: #bbbbbb; color:white; } .calpicker .reserved_nox_u{ background:#e8e8e8; } .calpicker .reserved_nox{ background:#f0c2c2; } .calpicker .reserved{ color: red; font-weight: bold; } .calpicker .reserved_u{ color: red; font-weight: bold; } .calpicker .reserved:hover{ cursor:auto; background:white; color:red; } .calpicker .reserved_u:hover{ cursor:auto; background:white; } .calpicker .reserved_nox:hover{ cursor:auto; background:#f0c2c2; } .calpicker .reserved_nox_u:hover{ cursor:auto; background:#e8e8e8; } .calpicker .cur_month_day_nox{ background: #c2dfd0; } .calpicker .active_day_nox{ text-decoration:underline; background: #cfdfd0; } .calpicker .ext_month_day_nox{ background: #c2dfd0; color:#a0a0a0; } .calpicker .ext_month_day_nox_u{ background:#e8e8e8; color:#a0a0a0; } .calpicker .ext_month_day_nox_r{ background:#f0c2c2; color:#a0a0a0; } .calpicker .cur_month_day{ background: #f0f0f0; } .calpicker .ext_month_day{ background: #ffffff; color: #c5c5c5; } .calpicker .ext_month_day:hover{ cursor:auto; background:#ffffff; } .calpicker .ext_month_day_nox_r:hover{ cursor:auto; background:#f0c2c2; } .calpicker .ext_month_day_nox_u:hover{ cursor:auto; background:#e8e8e8; } .calpicker .ext_month_day_nox:hover{ cursor:auto; background:#c2dfd0; } .calpicker td:hover{ background: #e77817; color: white; cursor: pointer; } .calpicker td{ border: 1px solid #fff; vertical-align: top; font-size: 12px; min-width: 10px; text-align: center; padding: 3%; } .float-calpicker,.calpicker{ font-family: 'Istok Web', sans-serif; color:#444; border-top: 0px; margin-left:1px; clear:both; border-collapse: collapse; background-color:white; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .calpicker.float-calpicker{width:236px;} .calpicker{width:225px;} .calpicker caption{ border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; font-size: 16px; padding: 10px 0px; background-color: #fff; text-align: center; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 1px 6px 12px rgba(0,0,0,0.175); } caption .navleft {float:left;} caption .navright {float:right;} .float-calpicker th,.calpicker th { text-align: center; border: 0; font-size: 12px; font-weight: 100; padding:4px; background-color:white; border-left: 1px solid #fff; border-right: 1px solid #fff; } .float-calpicker .cur_month_day:hover,.calpicker .active_day:hover { background: #3D83A8; } .float-calpicker caption .navleft {float:left;} .float-calpicker caption .navright {float:right;} .float-calpicker .active_day { color: #3D83A8; border-bottom: 2pt solid #3D83A8 !important; background-color:#f0f0f0; } /* START FLEXIBLE MULTI-VIEW CALENDAR */ .cp_calendar .vacation {background-color:#707070;border-color:#707070;} .fc-cust3Week-view .fc-sat,.fc-cust3Week-view .fc-sun {background-color:#fcf8e3;} .cp_calendar .fc-today {background:rgba(255, 255, 204, 0.46);} .fc-center h2 { color: #333; font-weight: 500; line-height: 2.3; font-size: 14px; } .cp_mobile_list .fc-center h2{ text-align: center; margin: 0 auto; margin-left: 33%; margin-top: 20px; font-weight: 700; font-size: 1em; } .cp_mobile_list .fc-toolbar .fc-center{display: block; width: 100%;} th.fc-widget-header { line-height: 1.47em; color: #777; font-weight:500; } .cp_calendar.fc button { padding: 6px 12px; border-color: #357ebd; font-weight: normal; color: #fff; background-color: #428bca; font-size: 13px; background-image: none; height: initial; text-shadow: none; box-shadow: none; background-repeat: no-repeat; } .cp_calendar.fc button.fc-state-hover { background-color: #253340; color: #FFF; } .cp_calendar.fc button.fc-state-active { background-color: #253340; color: #FFF; } .fc-bgevent.oc_all{background-color: #d9534f!important; opacity: 0.75!important;} .fc-bgevent.oc_all:hover{cursor:initial;} .fc-bgevent,.fc-highlight{opacity:.6!important;} .fc-highlight{background:#428bca!important;} a.fc-day-grid-event.ev_av:hover,.fc-list-item.ev_av:hover{cursor:pointer;} .oc_part{background-color: transparent!important; text-align: center;color: black;} .oc_none{background-color:transparent !important;} .oc_eve,.with-cnt .fc-bgevent.oc_all .oc_eve,td.fc-bgevent.oc_all.oc_eve{background:linear-gradient(to right bottom, transparent 0%,transparent 50%,#d9534f 51%,#d9534f 100%);background-color: transparent!important;} .oc_mor, .with-cnt .fc-bgevent.oc_none .oc_mor,td.fc-bgevent.oc_none.oc_mor{background:linear-gradient(to right bottom, #d9534f 0%,#d9534f 50%,transparent 51%,transparent 100%);opacity:0.75 !important;} .with-cnt .fc-bgevent.oc_part, .with-cnt .fc-bgevent.oc_none { text-align: center; font-weight: 700; opacity: 1!important; line-height: 25px; font-size: medium; color: #428bca; border: 0px; vertical-align: middle; } .fc-day-grid-event .fc-content{white-space:normal!important;} .ev_all .fc-event-dot{background-color:#f0c2c2} .ev_all{color:#bbb;} a.fc-day-grid-event.ev_all,a.fc-time-grid-event.ev_all,a.fc-timeline-event.ev_all{background-color: #bbb!important;border: 1px solid #bbb;} select.cp_respicker { margin: 4% 0%; width: 100%; display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #ccc; border-radius: 4px; } th.fc-day-header.fc-widget-header{font-size:small;} .fc-ltr .fc-basic-view .fc-day-top .fc-day-number { font-size: 0.75em; } .fc-time-grid-event .fc-time{white-space: pre-line;} .ev_av .fc-event-dot { background-color: #C2DFD0!important; } .planyo .fc table {margin: initial;} /* END FLEXIBLE MULTI-VIEW CALENDAR */