/* Termin-Kalender Admin CSS */

	.card-row{
		columns: 500px 2;
	}

	.card{
	   break-inside: avoid-column;
	}

    .dashicon-container {
        display: flex;
        flex-wrap: wrap;
    }
    .dashicon-item {
        flex: 1 0 20%; /* Adjust the percentage to control the number of items per row */
        box-sizing: border-box;
        padding: 10px;
        text-align: center;
    }
    .dashicon-item span {
        display: block;
        margin: 0 auto;
		font-size: 3em;
    }

		.tk_kalender_icons{
			font-size: 2em;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    border-radius: 50%;
		    width: 1.6em;
		    height: 1.6em;
		}
		
	.terminkalender_banner{
	 	width: 96%;
	 	height: auto;
	}

	.benutzer_rechte{
	    color: #476DBA;
	    font-style: italic;
	}
	.admin_red{
	    color: #AD3A00;
	}
	.admin_green{
	    color: #038560;
	}
	.admin_green_success {
		color: #038560;
	    display: block;
	    text-align: center;
	    font-size: 1.5em;
	    margin-top: 0.1em;
	}
	.admin_blue{
	    color: #2E548A;
	}
	.admin_gray{
	    color: #8FA0AE;
	}
	.infotext{
	    color: #8FA0AE ;
	    font-size: 0.92em;
	    font-style: italic;
	}

	.ter_kal_admin_help {
	  	color: #95A5B2;
	  	cursor: pointer;
	  	font-size: 2em;
	  	vertical-align: middle;
	}
		.ter_kal_admin_title {
	  	cursor: pointer;
		font-size: 1em;
		font-weight: bold;
	}
	.ter_kal_admin_title::before {
		color: #95A5B2;
		content: "\f223";
		font: normal 2em/1 'dashicons';
		margin-right: 5px;
		vertical-align: middle;
	}

	.ter_kal_highlight-green {
	    background-color: lightgreen !important;
	}

	.ter_kal_highlight-blue {
	    background-color: #D4EAF2 !important;
	}

	.label-beta{
		background-color: #f0ad4e;
		color: white;
		border-radius: 3px;
		padding: 3px 6px;
		font-size: 0.75em;
		margin-left: 10px;
	}

	.label-free{
		background-color: #8DF046;
		color: white;
		border-radius: 3px;
		padding: 3px 6px;
		font-size: 0.75em;
		margin-left: 10px;
	}

	.label-pro{
		background-color: #068BF0;
		color: white;
		border-radius: 3px;
		padding: 3px 6px;
		font-size: 0.75em;
		margin-left: 10px;
	}
	.tk-bigger-button {
	    font-size: 1.2em !important;
		font-weight: 700;
}