/* Colors */
:root {
    --maincolor: #0d8931;
    --secondcolor: #da0015;
    --mainhovercolor : #14ab40;
	
	--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);
}

.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);
}

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

.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 {
		margin-top: 10px;
		display: block !important;
		width: 98%;
	}
}