/* Colors */
:root {
    --maincolor: #006432;
    --secondcolor: #c80000;
    --mainhovercolor : rgba(251,220,62,0.85);
	
	--userscolor: rgba(200,0,0,0.15);
}

/* Helpers */
.pt-10 {padding-top: 10px;}
.pb-10 {padding-bottom: 10px;} 
.pt-20 {padding-top: 20px;} 
.pb-20 {padding-bottom: 20px;} 
.pt-50 {padding-top: 50px;} 
.pb-50 {padding-bottom: 50px;} 

.mt-10 {margin-top: 10px;}
.mb-10 {margin-bottom: 10px;} 
.mt-20 {margin-top: 20px;} 
.mb-20 {margin-bottom: 20px;} 
.mt-50 {margin-top: 50px;} 
.mb-50 {margin-bottom: 50px;} 


.forecolor-01 {
	color: var(--maincolor);
}

.bg-main {
	background-color: var(--maincolor); 
}

.secondcolor {
	color: var(--secondcolor);
}

.userscolor {
	background-color: var(--userscolor);
}

.side-menu__item.active, .side-menu__item:hover, .side-menu__item:focus {
  background: var(--maincolor);
  border-left-color: var(--maincolor);
  color: #fff !important;
}


.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
	background-color: var(--mainhovercolor);
	border-color: var(--mainhovercolor);
}

h2.card-title {
	color: var(--secondcolor);
}

/* Widgets Startseite */
.startwidget div.text-white, .card-body i {
    color: var(--maincolor) !important
}

.startwidget div.text-white p {
	color: var(--secondcolor);
}

.widget-info i {
    border-color: var(--maincolor);  
    font-size: 15px; 
	width: 50px;
	height: 50px;
	padding: 15px 0;
}

.widget-info .card {
    background-color: #f0f0f0 !important
}

.card-body i.mdi {
    font-size: 52px; 
    padding-top: 10px
}

.widget-info:hover {
    cursor: pointer;
}

.modal-content label {
	font-weight: bold;
}

.modal-content label span {
	font-weight: normal;
}

/* Datatables */
.btn-default {
	border: solid 1px #d0d0d0;
}


/* ACF Form Fields */
div.acf-hidden {
	display:none; 
}

input[name="email_for_non_humans"] {
	visibility:hidden;
}

.acf-label label {
	display: block;
	margin-bottom: .375rem;
	font-weight: 600;
	font-size: 0.875rem;
}

.acf-field, .acf-field .acf-label, .acf-field .acf-input {
	width: 100% !important;
}
.acf-input-wrap input{
	display: block !important;
	width: 100% !important;
	padding: 0.375rem 0.75rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.6 !important;
	color: #495057 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid rgba(0, 40, 100, 0.12) !important;
	border-radius: 3px !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.acf-form-submit {
	text-align: right !important;
	width: 100%;
	padding: 0px 15px 0px 15px;
	margin-top: 50px;
}


@media (max-width: 480px) {
	.header-brand-img {
		height: 40px;
	}
	
	.btn-primary.editagain,  #backToOverview, .af-submit-button, #closeEditArea, #insertData, #updateData, #deleteData {
		margin-top: 10px;
		display: block !important;
		width: 98%;
	}
}


/* timetable.js */
.row-heading {
	font-weight: 600;
	font-size: .9em;
	text-transform: uppercase
}



.timetable .time-label {
	font-size: .8em;
	font-weight: 600
}
.timetable .time-entry {
    background-color: rgba(220,0,0,0.9);
    border-color: #e5e5e5;
	
}

.timetable .time-entry:hover {
    background-color: rgba(220,0,0,1);
}


.timetable .time-entry.vip-only {
	background-color: #c490f5;
	border: 1px solid #6a16b8
}

.timetable .time-entry.vip-only:hover {
	background-color: #ae67f0
}