/***** Links ****/
a {
    color: #1e2650;
    font-weight:bold;
}

a:hover {
    color: #fbba00;
}

/******* Button ********/
.btn-primary {
   background: #1e2650;
   border-color: #1e2650;
	border-radius: 0px;
}

.btn-primary:hover {
    background: #fbba00;
    border-color: #fbba00;
}

.btn-secondary {
   background: #1e2650;
   border-color: #1e2650;
	border-radius: 0px;
}

.btn-secondary:hover {
    background: #fbba00;
    border-color: #fbba00;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
    background: #fbba00;
    border-color: #fbba00;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(30,38,80,0.53);
}

.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(30,38,80,0.5);
}



/******** Kontrollkästche/Checkboxen ********/
.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before {
    border-color: #878787;
    background-color: #878787;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #1e2650;
    background-color: #1e2650;
}

/******* Formulare / Input Fields ********/
.form-control:focus {
    border-color: #1e2650;
    box-shadow: 0 0 0 .2rem rgba(30,38,80,0.25);
}

.recipient-input.focus {
	border-color: #1e2650;
	box-shadow: 0 0 0 .2rem rgba(30,38,80,0.25);
}

.mce-tinymce.focused {
    border-color: #1e2650 !important;
    box-shadow: 0 0 0 .2rem rgba(30,38,80,0.25) !important;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #1e2650;
    box-shadow: 0 0 0 .2rem rgba(30,38,80,0.25);
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #1e2650;
    box-shadow: 0 0 0 .2rem rgba(30,38,80,0.25);
}

.popover .menu .dropbutton a.dropdown:hover {
    background-color: #1e2650;
}

/***** Small Screen*****/
	html.layout-small .popover-header, html.layout-phone .popover-header {
		background-color: #1e2650;
	}
	
	.floating-action-buttons a.button {
		background-color: #1e2650;
	}
	
	.popupmenu .listing li > a:not(.disabled):hover {
		background-color: #878787;
	}
	
	.popover .menu li a:not(.disabled):hover {
		background-color: #878787;
	}

@media screen and (min-width:481px) {
	#layout-menu .popover-header {
		background-color: #1e2650 !important;
	}

	#taskmenu .action-buttons a {
		color: #fbba00;
    }
    
     #taskmenu .action-buttons a:hover {
		color: #ffffff;
	 }
    
	 #layout-menu {
	   background-color:#1e2650;
	 }

	 #taskmenu a.selected {
	  background:#1e2650;
	 }
	 
	 #taskmenu a.selected:hover {
	  background:#878787;
	 }
	 
	 #taskmenu a:hover {
	  background:#878787;
	 }
	 
	 #taskmenu .special-buttons {
		background-color: #fbba00;
	 }
	 
	 #taskmenu a.about {
    color: #1e2650 !important;
	}
	
	#taskmenu a.about:hover {
    color: #ffffff !important;
	}
	
	#taskmenu a.logout {
    color: #1e2650 !important;
	}
	
	#taskmenu a.logout:hover {
    color: #ffffff !important;
	}
 
}