/*
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: #faf36b;
}
#horizontal_calendar .unavailable {
    background: #f0c2c2;
}
#horizontal_calendar .reserved {
    background: #faf36b;
}
#horizontal_calendar .partially_available {
    background: #c2dfd0;
}
#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: #ede76f;}
.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-color: #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:#134234;}
#upcoming-top .caption.today,#upcoming-top .today{color:#134234;}
.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: #134234; color:white;}
.calendar-fluid#upcoming-top .row {
    margin-left: 0;
    margin-right: 0;
}
#upcoming-top .fa-chevron-right {float: right; margin-top: 5px; color: #134234;}
#upcoming-top .fa-chevron-left{float: left; margin-top: 5px; color: #134234;}
#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:#134234;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 #134234;}
#upcoming-top.upcoming-day-single .col-xs-10:hover {background-color: #134234;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: #134234;
}
.monthly-fluid .fa-chevron-right {
    float: right;
    padding-right: 2%;
    color: ##134234;
}
.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: #134234; 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%;}	
	.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; float: none;}
	.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: #134234;
    font-weight: normal;
    color: #fff;
    background-color: #134234;
    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:#134234!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:#134234;
    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  */
.planyo .poweredby,.poweredby {display:none;}