.tma-calendar{
	display: inline-flex;
	flex-direction: column;
	background-color: #FFF;
	vertical-align: middle;
}

.tma-calendar .tma-calendar-nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 30px;
	/*margin-bottom: 6px;*/
}

.tma-calendar .tma-calendar-nav.center{
	justify-content: center;
}

.tma-calendar .tma-calendar-nav-year{
}

.tma-calendar .tma-calendar-nav-month{
}

.tma-calendar .tma-calendar-nav-year-month{
}

.tma-calendar .tma-calendar-nav-year .tma-calendar-nav-value{
	min-width: 65px;
	text-align: center;
}

.tma-calendar .tma-calendar-nav-month .tma-calendar-nav-value{
	min-width: 95px;
	text-align: center;
}

.tma-calendar .tma-calendar-nav-year-month .tma-calendar-nav-value{
	/*min-width: 150px;*/
	text-align: center;
	padding: 0 10px 0 10px;
}

.tma-calendar .tma-calendar-nav-year > div, 
.tma-calendar .tma-calendar-nav-month > div,
.tma-calendar .tma-calendar-nav-year-month > div{
	display: flex;
	align-items: center;
}

.tma-calendar .tma-calendar-nav-value{
	/*font-size: inherit;*/
	font-size: 1.2em;
	color: #666;
	font-family: Verdana, "sans-serif";
}

.tma-calendar .tma-calendar-nav-up, 
.tma-calendar .tma-calendar-nav-down{
	min-width: 24px;
	min-height: 24px;
	/*background-color: #666;*/
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50% 55%;
	background-size: 50% auto;/**/
}

.tma-calendar .tma-calendar-nav-up{
	/*clip-path: polygon(50% 25%, 20% 80%, 80% 80%);*/ /*up*/
	/*clip-path: polygon(75% 25%, 20% 55%, 75% 80%); left*/
	/**/background-image: url( "data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20800%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M437.47%2C500l100%2C88.9L900%2C900H575L100%2C500%2C575%2C100H900L537.47%2C411.1Z%22%20transform%3D%22translate%28-100%20-100%29%22%2F%3E%3C%2Fsvg%3E" );
}

.tma-calendar .tma-calendar-nav-down{
	/*clip-path: polygon(80% 25%, 20% 25%, 50% 80%);*/ /*down*/
	/*clip-path: polygon(25% 25%, 80% 55%, 25% 80%); right*/
	/**/background-image: url( "data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20800%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M462.53%2C400l-100-88.9L0%2C0H325L800%2C400%2C325%2C800H0L362.53%2C488.9Z%22%2F%3E%3C%2Fsvg%3E" );
}

.tma-calendar .tma-calendar-content{
	display: flex;
}

.tma-calendar .tma-calendar-content table{
	border: 0px;
	border-collapse: collapse;
}

.tma-calendar .tma-calendar-line{
	min-width: 2px;
	background-color: #67c3ef;
	margin: 0px 2px 0px 2px;
}

.tma-calendar .tma-calendar-left{
}

.tma-calendar .tma-calendar-right{
}

.tma-calendar .tma-calendar-table-weeks td, 
.tma-calendar .tma-calendar-table-days td,
.tma-calendar .tma-calendar-time-hours td,
.tma-calendar .tma-calendar-time-minutes td,
.tma-calendar .tma-calendar-table-clock-header td{
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	/*padding: 10px;
	min-width: 34px;
	min-height: 34px;*/
	padding: 8px;
	font-size: inherit;
	color: #666;
	font-family: Verdana, "sans-serif";
	-moz-user-select: none;
	user-select: none;
}

.tma-calendar .tma-calendar-table-weeks td, .tma-calendar .tma-calendar-table-clock-header td{
	color: #FFF;
	text-shadow: 1px 1px 3px #000;
	background-color: #67c3ef;
	border: 1px dotted #FFF;
}
 .tma-calendar .tma-calendar-table-clock-header td, .tma-calendar .tma-calendar-table-clock-values > td{
	 border-bottom: none;
}


.tma-calendar .tma-calendar-table-days td, .tma-calendar .tma-calendar-time-hours td, .tma-calendar .tma-calendar-time-minutes td{
	border: 1px dotted #DDD;
}

.tma-calendar:not(.no-nav) .tma-calendar-table-days td, .tma-calendar:not(.no-nav) .tma-calendar-time-hours td, .tma-calendar:not(.no-nav) .tma-calendar-time-minutes td{
	cursor: pointer;
}

.tma-calendar .tma-calendar-table-days td.curr, .tma-calendar .tma-calendar-time-hours td.curr, .tma-calendar .tma-calendar-time-minutes td.curr{
	color: #4a8dac;
	border: 1px solid #67c3ef;
}

.tma-calendar .tma-calendar-table-days td.act, .tma-calendar .tma-calendar-time-hours td.act, .tma-calendar .tma-calendar-time-minutes td.act{
	position: relative;
	color: #FFF;
	background-color: #1e8d27;
	text-shadow: 1px 1px 3px #000;
	border: 1px solid #1e8d27;
}

.tma-calendar .tma-calendar-time-minutes td.act.delim::before{
	position: absolute;
	content: ':';
	color: #FFF;
	left: -2px;
	z-index: 3;
}


.tma-calendar:not(.no-nav) .tma-calendar-table-days td:not(.act):not(.curr):not(.other):hover,
.tma-calendar:not(.no-nav) .tma-calendar-time-hours td:not(.act):not(.curr):hover,
.tma-calendar:not(.no-nav) .tma-calendar-time-minutes td:not(.act):not(.curr):hover{
	border: 1px solid #67c3ef;
}

.tma-calendar .tma-calendar-table-days td.other{
	cursor: default;
	color: #CCC;
}

.tma-calendar .tma-calendar-right > table{
	width: 100%;
	height: calc(100% + 1px);
}
.tma-calendar .tma-calendar-time-hours > table, .tma-calendar .tma-calendar-time-minutes > table{
	width: 100%;
}

.tma-calendar .tma-calendar-table-clock-values > td{
	position: relative;
	height: 100%;
	padding: 0px;
}

.tma-calendar:not(.no-nav) .tma-calendar-time-hours, .tma-calendar:not(.no-nav) .tma-calendar-time-minutes{
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0px;
	bottom: 0px;
	min-width: 100%;
}

.tma-calendar:not(.no-nav) .tma-calendar-time-hours:hover, .tma-calendar:not(.no-nav) .tma-calendar-time-minutes:hover{
	z-index: 1;
}

.tma-calendar .tma-calendar-time-hours, .tma-calendar .tma-calendar-time-minutes{
	position: absolute;
	overflow: hidden;
	top: 0px;
	bottom: 0px;
	min-width: 100%;
}

.tma-calendar .tma-calendar-table-clock-values > td > div::-webkit-scrollbar{
	display: none;
}
.tma-calendar .tma-calendar-table-clock-values > td > div{
	-ms-overflow-style: none;
}
@-moz-document url-prefix(){
	.tma-calendar .tma-calendar-table-clock-values > td > div{
		scrollbar-width: none;
	}
}