/* Common */
.hidden-fields {
	display: none;
}

.cleardiv {
	clear: both;
}

.loading {
	text-align: center;
	margin: 130px 0;
}

.tiva-events-calendar {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Bar */
.events-calendar-bar {
	margin-top: 20px;
}

.events-calendar-bar .bar-btn.active {
	background: #ffc000;
}

.events-calendar-bar .bar-btn {
	color: #fff;
	background: #757575;
	padding: 3px 10px 3px 28px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	border: 0;
	margin-right: 10px;
	line-height: 26px;
	cursor: pointer;
	display: inline-block;
	position: relative;
}

.events-calendar-bar .bar-btn:hover {
	background: #ffc000;
}

.events-calendar-bar .back-calendar {
	padding: 3px 10px 3px 22px;
	margin-right: 0;
	float: right !important;
}

.events-calendar-bar .bar-btn i {
	position: absolute;
	left: 10px;
}

.events-calendar-bar .calendar-view i {
	top: 7px;
}

.events-calendar-bar .list-view i {
	top: 9px;
}

.events-calendar-bar .back-calendar i {
	top: 9px;
}

/* Calendar */
.tiva-calendar .calendar-table {
	table-layout: auto;
	box-sizing: content-box;
	border-right: 0;
}

.tiva-calendar .calendar-table th,
.tiva-calendar .calendar-table td {
	border-bottom: none;
	border-right: none;
	padding: 8px;
}

.tiva-calendar .calendar-btn span {
	font-size: 14px;
	color: #fff;
}

/* Tooltip */
.calendar-day-event {
	position: relative;
}

.calendar-day-event .tiva-event-tooltip {
	position: absolute;
	z-index: 9999;
	width: 180px;
	left: 50%;
	margin: 0 0 0 -100px;
	bottom: 35px;
	background: #f5f5f5;
	opacity: 0;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px 2px rgba(145, 145, 145, .35);
	border-radius: 6px;
	pointer-events: none;
	padding: 10px;
	text-align: left;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.calendar-day-event .tiva-event-tooltip::before,
.calendar-day-event .tiva-event-tooltip::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.calendar-day-event .tiva-event-tooltip::after {
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #f5f5f5;
	border-width: 8px;
	margin-left: -8px;
}

.calendar-day-event .tiva-event-tooltip::before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 9px;
	margin-left: -9px;
}

.calendar-day-event .tiva-event-tooltip .event-tooltip-item {
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.calendar-day-event .tiva-event-tooltip .event-tooltip-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.calendar-day-event .tiva-event-tooltip .event-time {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	background: #757575;
	padding: 0 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	margin-bottom: 5px;
	line-height: 22px;
}

.calendar-day-event .tiva-event-tooltip .event-time i {
	margin-right: 5px;
}

.calendar-day-event .tiva-event-tooltip .event-name {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 6px;
	color: #ffc000;
}

.calendar-day-event .tiva-event-tooltip .event-image img {
	width: 100%;
	margin-bottom: 6px;
	border: 1px solid #EEE;
}

.calendar-day-event .tiva-event-tooltip .event-intro {
	font-size: 14px;
}

.d-none {
	display: none;
}

/* Add Event Calender Button */
.btn-calendaer {
	background-color: #fff;
	font-family: Arial;
	font-size: 14px;
	display: inline-block;
	box-shadow: 0.25px 0.75px 2.75px 0.25px #ddd;
	visibility: visible;
	cursor: pointer;
	border: none;
	padding: 10px;
	margin-top: 10px;
	letter-spacing: 1px;
}

.events-google-calender-btn {
	background-color: #fff;
	font-family: Arial;
	font-size: 14px;
	display: inline-block;
	box-shadow: 0.25px 0.75px 2.75px 0.25px #ddd;
	visibility: visible;
	cursor: pointer;
	border: none;
	padding: 10px;
	margin-top: 10px;
	letter-spacing: 1px;
}

.cal-clients {
	background-color: #fff;
	width: 230px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
	border: 1px solid #ddd;
	display: none;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	border-radius: 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
	transform: scale(0.98, 0.98) translateY(5px);
	transition: transform .15s ease;
}

.cal-clients.is-open {
	display: block;
	opacity: 1;
	visibility: visible;
	transform: scale(1, 1) translateY(0px);
	z-index: 999999;
	left: -20px;
	top: -30px;
	cursor: pointer;
}

.cal-clients>li {
	background-repeat: no-repeat;
	background-position: 14px;
	padding: 10px 14px 10px 36px;
	border-bottom: 1px solid #ddd;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cal-clients>li:last-child {
	border-bottom: none;
}

.cal-clients>li:hover {
	background-color: #f9f9f9;
}

.cal-clients>li.google {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACHklEQVQ4jWNgwALu9/cLfJjQXvqhtXbl+9aatR96mzteT+hUx6YWBdzoLOP9UFe276Wvw79Xzqb/UbCL+f+3hen33k/tMsCq+dXUPpW3yRGfMTSi4ddR/j/+z5zJiqL5dm4u+9vkyI/ICt8khn59V1N89ENj5a53+SlPX7ma/3/l7/Tv87QJoRi2f55fuRyu2dX8/4fOhnn/GRgYkdV8nNQT/WFqbziG5v//GRh/HpL//XOrx/9XHub/3zVXbiUYWMjgx7Vi1997WP//3sP6/8dBy9/vZs7kR5bv2vhtSvvGb8uw4WlbPigx/L6WWQMz4NdJizfoFoRP+vLLqfXLf2x4wvZveQy/r2VVwwz4ecLiLSkGTNz2rYzh+80yZ5gBJ4/6/G44MYkP2YDWdd/W1q3+dgCGvbs+/4MZMHPn1wCG//8ZGH8cUvq14HDqf7OVIf8rj/biDMT+bV8DYJq9uj7/a5j/n4OBgYGBYfqJnmUmK4L/m6wI/m+2MvR//YlJCxn+o0bjhL2n7KKmfPkBM6Bs2dfLcMncbbnsUduLPsAMMVkR/D9wS/a3gv1tJ0oOd+xP2lX52HJV+P/07TP+u3a8/+/b8/nf1F1fUJP0tEtLlcK3F35CNgQbjtlW92fCjs85WP1YsrObu/Jo907HtbF/0TWarQz5n7S7+ln/6fkOuMIIxaDO03Ny6k9MWlh/fOLK1lMz2npOzNPCphYAFk+bEHlmFVMAAAAASUVORK5CYII=");
}

.cal-clients>li.outlook {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMUlEQVQokZ3Sv0tDMRDA8a900M1dEBcn6X/h5KKD1NFVqNgmefU3oou4qRQ6F9ys4CgiltI2uSyKXcR/wMVREEEEn4PF10df68ODGxLuwyWXQGKEI+Qb02i/hPL7yTUAuVqGUiOLaS+j5ATjmmh5xUjYzbfBWMt7T2FSDsHD4Q+eK49yUB2LZa6WSYe17yTsP8axcmcU7TxFOR6KA/uAdqcR1t6zWp9CuTqlRhblLvqx+yTwFZTcYySkp+suRbuOkZCiPcLYlQi3djDulsBXMPLxa6KjyBZKSl18iGkX4p3dS9+9o4Vrkm9OouSKtdYMxl3/MbCwf2DGLWJsNcW0w3RPFcg52ndiaWw5HR78w9wTWr7+hwE278YpyCzGbqPlEi3P6XFSbNxMoN0CSvYGlXwDj3F3EqNxKVcAAAAASUVORK5CYII=");
}

.cal-clients>li.yahoo {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB0UlEQVQ4jZVTz0sbQRidY+NmJ4KHFlpEELEnm/YvkOLBW0978SC7O7sLO7OmmEYxtYf2oCAqIhpJBEFBRLE9FdSDIBospe1BpWBYSyn1Znppi+IG4XmIbjZJqfGDd5hv5nvfrzeEVJhWZz3RwiLDqDjSqSgUYbtM5mlVMqOV732ziFXHZD5nRBz8D1pYZBSihKqCdVlkbwq+BpPFdhlJLZmrSXja77nWILO+B1ZDzD+rkhklWlhkjIiDoaej2FnYxfmph721A4w/m4Jz/wVePn7jI9E6iIvCBUY6J4pVUDFDGBVHwSwbk5v4k/+LeEsS8ZYkduZ38fPgGIvxFSRaBwEAz5v6rwh4juhUFIIEVkMM7odv2N/4iuGOMXxc+Qx+Lw4j4iDW2IeT7/nSHKjtVREYEQeJh69wfuohl3Vh3+31/bHGPnx6+6WSwHb/NbD8j194P7Je5uttHsBwx1hJE5QfEibzdPBRz4MElgfe4ez3GXJZF0v9q/5d8tFrpLpmS1ugYpqokhm9rQau0S0ZbUUtXK3yNtApT/lKVIgSYrLYrlmFYbHVTtrvlP0HhSihWirRKU9VBQdNlcwoo2KGUZ5j1PYYtT2N8kOVimm/54BdAqO0smuuTyDCAAAAAElFTkSuQmCC");
}

.cal-clients>li.other {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACNUlEQVQ4jZ2T3U9ScRjHf9x12V3X2h/AXWtrq9M6WevlLgxabgxq44KXo9B0yPDkld3o5tIabkizF4aApEPZycqLknaGCAc7R2C8+BKW0Na9O3y7UBgHbW0+27Nn+372++x5Ln6EHJXO6TzXmHqGPavXs2das3ZG2ktrZ32NqXMMM/cYF9WatTPFY9zvxAtTDxpz6fFdbPRcVGTtDNpOViGw2Hrd6O5IjZiNntijW5HMwwuvRsxGD7o7UicxpUB7fuUUrW8K7LlKwp77iT5xF7a1PJh0GUy6DNtaHn3iLizfxCYbSooYSoroL1RvNwVscX+FLe7DmcjC6o/CwcXh4OKw+qNwJrIwTc402dysD3OzPrD5PUohYEIcXEIJDi6OgVUBA6sCHFwcLqGEVja9HMP0cuwUgnQRvcEFTITfwfth6bigdc32EyzjEwjOW1HjadR4GrGAHk/n3xibgvHt38UDuQ4A6P+agUsowSWU4Exk4ZZ2EHxvBiQKkCjURQqZ2DVEwzqBEKIihBByZ33787NyFQdyHcaxKVj9UTAhDqbJGTxZ/IgaT+NP4iogUYh4u5CK0qjytGywGNSH/0DYeq3J7Kw/36ruDaYKmcFUIcNu7qaHi79S7i98tsbT8IzeRGjqBiLeLkCilAJ7rvLdlq3gxN78gUCUgSxS4N5eR108PGUh9EBqnkA+bajJYvLKv/qy76UxHNAIVZ6WqzwthwMawTRmvnTsR/6nVAaLQX20tqoR/gVjZxK5lhDPugAAAABJRU5ErkJggg==");
}

.cal-clients>li a {
	text-decoration: none;
	color: #000 !important;
}


/* iPhone Responsive Calender */
@media only screen and (max-width:350px) and (min-width:200px) {
	.events-calender-btn {
		display: block !important;
	}

	.cal-clients>li.google {
		display: none !important;
	}

	.events-google-calender-btn {
		display: none !important;
	}

}

/*  Android phones */
@media only screen and (max-width:500px) and (min-width:350px) {

	.events-google-calender-btn {
		display: block !important;
	}
}