span.goo_cal_btn_nav{
	padding: 5px;
	box-sizing: border-box;
	cursor: pointer;
	
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	font-family: dashicons;
	
	width: 44px;
	height: 34px;
	margin: 0;
	text-align: center;
	
	/* For Safari 3.1 to 6.0 */
    -webkit-transition-property: width, padding;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: linear;
    /*-webkit-transition-delay: 0.1s;*/
    /* Standard syntax */
    transition-property: width, padding;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    /*transition-delay: 0.1s;*/
	
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

span.goo_cal_end {
	opacity: 0.3;
    filter: alpha(opacity=30); 
}
span.goo_cal_btn_nav:hover{
	font-weight:bold;
}

span.goo_cal_btn_nav:active{
	width:28px;
	font-weight:normal;
}

span.goo_left{
	padding-left:10px;
	float:left;
}

span.goo_left:hover{
	padding-left:3px;
}

span.goo_left::before{
	content: "\f341";
}

span.goo_right{
	padding-right:10px;
	float:right;
}
span.goo_right:hover{
	padding-right:3px;
}
span.goo_right::before{
	content: "\f345";
}

div.goo_calendar_main_container{
	box-sizing: border-box;
	border:none;
	width:100%;
}

div.goo_calendar_main{
	box-sizing: border-box;
	border:none;
	width:100%;

}


div.goo_calendar_active{
	display:block;
	visibility: visible;
	opacity: 1;
	
	animation: fade 1s;
}
@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
div.goo_calendar_hidden{
	display:none;
	opacity: 0;
    visibility: hidden;
	
}


div.goo_calendar_container{
	box-sizing: border-box;
	border:none;
	width:100%;
	overflow-y: hidden;
	
	/* For Safari 3.1 to 6.0 */
    -webkit-transition-property: visibility, opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    /*-webkit-transition-delay: 0.1s;*/
    /* Standard syntax */
    transition-property: visibility, opacity;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    /*transition-delay: 0.1s;*/
}

span.scheduler_heading {
	display:block;
	position:relative;
	top:0px;
	left:0px;
	border-bottom:1px solid #f2f2f2;
	width:100%;
	background-color:#eddeec;
	padding: 5px 0 5px 0;
	font-size:1em;
	font-weight:bold;
	padding-left:5px;

	
}

div.goo_calendar_td_container {
	position:relative; 
	min-height:130px; 
	width: 100%; 
	top:0px; 
	left:0px;
}

table.goo_table_scheduler{
	table-layout: fixed;
	border-collapse: collapse;
	width:100%;
}
table.goo_table_scheduler  tbody  tr  td {
	border:1px solid #f2f2f2;
	padding:0;
	height:130px;
	line-height: 1em;
	vertical-align: top;
	font-size:0.9em;
	box-sizing: border-box;
}

table.goo_table_scheduler  tbody tr td:last-child {
	border-right: 1px solid #cccccc;
}

table.goo_table_scheduler  tbody tr td:first-child {
	border-left: 1px solid #cccccc;
}

table.goo_table_scheduler  tbody tr:last-child td {
	border-bottom: 1px solid #cccccc;
}

table.goo_table_scheduler  tbody  tr  th {
	text-align: center;
	font-size: 1.2em;
	background-color: #f2f2f2;
	border: 1px solid #cccccc;
	border-bottom:4px solid #a05599;
	padding: 9px 0;
	color: #555;
	font-weight: bold;
	width:14.2%;
}

table.goo_table_scheduler  tbody  tr:empty {
	border-bottom: 1px solid #cccccc;
}

table.goo_table_scheduler td:hover {
	background-color: #e6faff;
}


table.goo_table_scheduler td.empty_spaces {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYlWNgIA40jCqisyIA+0cFASuhOPkAAAAASUVORK5CYII=);
}

table.goo_table_scheduler span.empty_cell {
	display:block;
	position:absolute;
	font-size:0.8em;
	top: 50%;
	left: 50%;
	 -ms-transform: translate(-50%, -50%);
	 -webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #d5d5d5;
	
}

th.goo_days_heading {
	text-transform: uppercase !important;
	font-size:0.9em !important;
	
}




div.goo_cal_link_popup{
	display:none;
	max-width:300px;
    z-index:9999;
	
	background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 0.8em;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px 4px 4px 0;
	
	-ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

div.goo_cal_link_popup:after{
	content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
	
	left:-4px;
	
	top: 100%;
    border-width: 12px 12px 12px 0;
    border-bottom-color: #000;
	
	-ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
	
}

div.goo_cal_link_popup_down{
	
    border-radius: 0 4px 4px 4px;
	
	-ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
	transform: translateY(0%); 
}

div.goo_cal_link_popup_down:after{
	
	
	top: 0%;

	
	-ms-transform: translate(+5px,-10px) rotate(90deg);
    -moz-transform: translate(+5px,-10px) rotate(90deg);
    -webkit-transform: translate(+5px,-10px) rotate(90deg);
    transform: translate(+5px,-10px) rotate(90deg);
	
}
span.goo_cal_link{
	cursor:pointer;
	display:block;
	padding: 4px 4px 0 4px;
	color: #555;
	
}

span.goo_cal_link:hover{
	font-weight:bold;
	text-decoration:none;
}

table.goo_table_scheduler a  {text-decoration:none;}

span.goo_cal_link::before{
	content: "\203A\203A";
	padding-right:2px;
	
	/* For Safari 3.1 to 6.0 */
	-webkit-transition: padding 1s ease-in-out;
	
    /* Standard syntax */
    transition-property: padding;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
    /*transition-delay: 0.1s;*/
}
span.goo_cal_link:hover::before{
	padding-right:8px;
	font-weight:bold;
}
div.goo_cal_link_popup_hover {
	display:block !important;
    position:fixed;
}

@media only screen and (max-width: 720px) {
	th.goo_days_heading {
		text-transform: uppercase; 
		font-size:0.8em !important;
	}
	
	table.goo_table_scheduler  tbody  tr  th {
		padding: 5px 2px;
		font-size: 0.9em;
	}
}

@media only screen and (max-width: 600px) {
	th.goo_days_heading {
		text-transform: capitalize !important;
		font-weight: normal !important;
		word-wrap: break-word;
		
	}
}

/*  ------------------------  DATA TOOLTIP STYLING ---------------------------------------------------
   Trigerred as:   
	<span data-tooltip="Custom tooltip text." data-tooltip-position="bottom">Custom bottom tooltip.</span>
	
*/

[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 0.8em;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}