/*
Scheme: Bootstrap
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;
	text-decoration:none;
}
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;
	text-decoration:none;
}
/*------------------------------------*/
/* 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: #dec03a;
}
#horizontal_calendar .reserved{
    background: #dec03a;
    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: #dec03a;
    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: #dec03a;
}
.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: #dec03a;
}
.upcoming .av_day_group .av_time:hover {
    text-decoration: none;
    color:#dec03a;
    cursor:pointer;
}
.upcoming .av_day_group .av_res {
float: left;
clear: left;
color: grey;
padding: 5pt 0pt;
font-size: medium;
margin: 5pt 0pt;
}

.upcoming a.earlier::before, #calendar_nav a.earlier::before {
    content: "«";
}

.upcoming a.later::after, #calendar_nav a.later::after {
    content: "»";
}

#calendar_nav a, #horizontal_calendar a, #calendarbig a{ color:#dec03a; }

/* ================================== */
/* 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 {
    background-color: rgba(0,0,0,.017);
    color: #a9b6c5;
}
.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: #dec03a;
}

 .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: #dec03a none repeat scroll 0 0;
	border: 1px solid #dec03a;
	color: #fff;
}
.legend_and_icon {
    float: left;
    padding-bottom: 2pt;
}
#legend_stdate_txt {
    background: #a0e0c0;
}
#legend_unav_txt, #legend_res_txt {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    color: #c5c5c5;
}
#legend_mornav_txt{    background: url(https://www.planyo.com/images/diagonal2nox.png);
    background-repeat: no-repeat;
    background-color: #dec03a;}
#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;}
}
/*===============================================*/
/* 3. DROP-DOWN CALENDAR                             */
/*===============================================*/
.calpicker {
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    line-height:100%;
    clear:both;
    border:1px solid rgba(0, 0, 0, 0.15);
    border-collapse: collapse;
    background-color:white;
    width: 140px;
    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);
}

.calpicker th {
    font: normal 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;   
    padding: 2px;
    border-bottom: 1px;
    text-shadow: 0px -1px rgba(0, 0, 0, 0.3);
    background: #fff;	
}

.calpicker .nocuscol{
    padding:5px;
}
.calpicker .active_day {
    background: #bbbbbb;
    color:white;
}

.calpicker .reserved {
    color: red;
    font-weight: bold;
}
.picker_unav_h {
    background-color:#dec03a;
}
.calpicker .reserved:hover {
    cursor:auto;
    background:white;
    color:red;
}

.calpicker .cur_month_day {
    background: white;
    color:#555;
}

.calpicker .ext_month_day {
    background: #ffffff;
    color: #c5c5c5;
}

.calpicker .reserved_nox_u
{
    background:#e8e8e8;
}

.calpicker .reserved_nox
{
    background:#f0f0f0;
}

.calpicker .reserved_nox:hover
{
    cursor:auto;
    background:#dec03a;
    color: #a0a0a0;
}

.calpicker .reserved_nox_u:hover
{
    cursor:auto;
    background:#e8e8e8;
}

.calpicker .cur_month_day_nox
{
	background: #dec03a;
	color: #fff;
}

.calpicker .active_day_nox
{
    background: #cfdfd0;
    color: white;
    background: #dec03a;
}

.calpicker .ext_month_day_nox
{
    background: #fff none repeat scroll 0 0;
    color: #c5c5c5;
}

.calpicker .ext_month_day_nox_u
{
    background:#e8e8e8;
    color:#a0a0a0;
}

.calpicker .ext_month_day_nox_r
{
    background: #fff;
	color: #a0a0a0;
}

.calpicker .ext_month_day_nox_r:hover
{
    cursor:auto;
    background:#dec03a;
    color: #a0a0a0; 
}

.calpicker .ext_month_day_nox_u:hover
{
    cursor:auto;
    background:#e8e8e8;
}

.calpicker .ext_month_day_nox:hover
{
    cursor:auto;
    background:#c2dfd0;
}

.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: #dec03a;
}
.calpicker .ext_month_day:hover{
    background-color: #dec03a;
    color: #c5c5c5;
}

.calpicker td.morning_occ_nox
{
    background: url(https://www.planyo.com/images/diagonal1nox.png);
    background-repeat: no-repeat;
    background-color: #c2dfd0;
}

.calpicker td:hover {
    background:#dec03a;
    color: white;
    cursor: pointer;
}

.calpicker td {
    border: 1px solid #c0c0c0;
    vertical-align: top;
    text-align: center;
    padding: 4px 5px;
}

.calpicker caption {
    padding:4px 2px;
    background-color:white;
    border-top:1px solid #EAEAEA;
    overflow:hidden;
    font: normal 13px 'Open Sans', sans-serif;
    color:black;
}

.calpicker caption .nav {
    float:left;
    padding-right:3px;
    color: #dec03a;
    text-decoration: none;
    margin-bottom:0px;
}

/* 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;
}
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;padding-top: 3px;}
    
.oc_part.oc_10{ background-color: #f9f0f0!important;background: linear-gradient(0deg, #dec03a 10%, transparent 15%);}
.oc_part.oc_20{ background-color: #f9f0f0!important;background: linear-gradient(0deg, #dec03a 20%, transparent 25%);}
.oc_part.oc_30{background-color: #f9f0f0!important; background: linear-gradient(0deg, #dec03a 30%, transparent 35%);}
.oc_part.oc_40{ background-color: #f9f0f0!important;background: linear-gradient(0deg, #dec03a 40%, transparent 45%);}
.oc_part.oc_50{background-color: #f9f0f0!important; background: linear-gradient(0deg, #dec03a 50%, transparent 55%);}
.oc_part.oc_60{background-color: #f9f0f0!important; background: linear-gradient(0deg, #dec03a 60%, transparent 65%);}
.oc_part.oc_70{background-color: #f9f0f0!important; background: linear-gradient(0deg, #dec03a 70%, transparent 75%);}
.oc_part.oc_80{ background-color: #f9f0f0!important;background: linear-gradient(0deg, #dec03a 80%, transparent 85%);}
.oc_part.oc_90{ background-color: #f9f0f0!important;background: linear-gradient(0deg, #dec03a 90%, transparent 95%);}
.fc-day-grid-event .fc-content{white-space:normal!important;}
.ev_all .fc-event-dot{background-color:#dec03a!important;}
.ev_all{color:#bbb;}
a.fc-day-grid-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;
}

/* END FLEXIBLE MULTI-VIEW CALENDAR  */

.planyo .poweredby,.poweredby {display:none;}