Avansert integrasjonsskjema / Redigeringsverktøy for CSS stiler

Side for reservasjonsskjema
Feltnavnets posisjon
Bootstrap detection
Use single date range picker for both arrival and departure dates
Switch on to use a simple visual style selector (non-developers). Switch off to be able to edit CSS styles (web developers).
Error: Simple visual style selector cannot be used with your current CSS stylesheet. If you'd like to use this feature, you'll need to click the button 'Reset' next to each one of the three CSS stylesheets below to make sure they're up to date.

Global style

Buttons

Reservation form section

Reservation form item

Reservation form steps

Reservation form your rate box

Product page

Resource name in lists

Resource description in lists

Price in lists

Date ranges in lists

Shopping cart

Calendar preview

Previews

Avansert integrasjon / Skrivebord
/*
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;}
Lagre
Forhåndsvisning
Endre
Kalender forhåndsvisning / Skrivebord
/*
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  */
Kalender forhåndsvisning - standardparametre (mer...)
Lagre
Forhåndsvisning
Avansert integrasjon / Mobil
@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;}
Lagre
Forhåndsvisning
Endre
Kalender forhåndsvisning / Mobil
/*
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  */
Kalender forhåndsvisning - standardparametre (mer...)
Lagre
Forhåndsvisning
Side for reservasjonsskjema / Mobil
Feltnavnets posisjon
Mobil kompabilitet
Relaterte sider
Templater
Du kan bruke templater for tilpasse utseendet til bookingsystemet som er innebygd på nettstedet ditt. Dette gir deg fullstendig frihet til å tilpasse innholdet for visning på en gitt skjerm.
Innstillinger
Integrasjonsinnstillinger
Made in Switzerland