html
{
	scroll-behavior: smooth
}

body
{
	background-color: #666666;
	margin: 0;
	padding: 0;
	font-family: calibri;
	font-size: 15px;
}

.form-control {
	font-size: 1.35rem;
}

select.form-control:not([size]):not([multiple]) {
    /* height: calc(2.95rem + 2px); */
    height: auto;
	padding-top: 8px;
	padding-bottom: 7px;

}

.button, .btn-lg {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 98%;
	background-color: #f87643;
	color: rgba(255, 255, 255, 0.9);
	text-align: center;
	font-size: 18px;
	line-height: 34px;
	text-decoration: none;
	border-radius: 0;
	border: 1px solid #f87643;
}

.button:hover, .btn-lg:hover {
	background-color: #fa9872;
	border: 1px solid #f87643;
}

.divButton:hover {
	cursor: pointer;
	opacity: 0.6 !important;
}

.input-group-text {
    padding: 0.92rem 1.3rem;
	font-size: 1.3rem;
}

.text-mandatory, .select-mandatory {
	background-color: rgba(203,255,204,0.2);
}

.alert {
	box-shadow: 3px 3px 10px rgb(0 0 0 / 50%);
	font-size: 18px;
	text-align: center;
	border-radius: 0;
}

.card {
	box-shadow: 2px 2px 7px rgb(0 0 0 / 20%);
}

#top_bar
{
	width:100%;
	height:60px;
	background-color: #444;
	color: #EEEEEE;
	font-size: 17px;
	box-shadow: 10px 10px 30px #000;
}

#top_bar .sectionButton, .confirm_button {
	margin-top: 2px;
	color: #212529;
	text-align: center;
	border-radius: 5px;
	cursor:pointer;
	display: inline-block;
	font-size:20px;
	line-height:45px;
	background-color:#FFF;
	padding: 0 25px;
	margin-right: 5px;
	background: linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(224,224,224,1) 25%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}

#top_bar .sectionButton:hover {
	background-color:#BBB;
}

#top_bar a {
	color: #EEEEEE;
	text-decoration: none;
}

#top_bar a:hover {
	color: #000000;
}

#top_box_left
{
	float: left;
	padding-left: 15px;
	line-height: normal;
	padding-top: 5px;
}

#top_box_right
{
	float: right;
	padding-right: 15px;
	line-height: normal;
	padding-top: 31px;
}

.headerBox {
	line-height: 45px;
	text-align: center;
	font-size: 1.50rem;
	background-color: #37414a;
	padding-left: 30px;
	margin-bottom: 20px;
	color: rgba(255, 255, 255, 1.0);
	background: rgb(55,65,74);
	background: linear-gradient(90deg, rgba(0,79,147, 1.0) 0%, rgba(0,170,217, 0.4) 100%);
	border-top: 1px solid rgba(255,255,255,0.2);
	box-shadow: -3px 7px 10px rgb(0 0 0 / 40%);
}

.contentBox {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	background-color: #fdfdfd;
	border-color: #f0f0f0;
}

label {
    margin-bottom: 0.3rem;
    color: #505050;
	font-size: 16px;
}

.export_link {
	color: #EEE;
}

.export_link:hover {
	color: #111;
}

.import_link {
	color: #444;
}

.import_link:hover {
	color: #888;
}

#save_button {
	width: 100%;
	border: 0;
	text-align: center;
	border-radius: 5px;
	cursor:pointer;
	display: block;
	font-size:20px;
	line-height:45px;
	background-color:#FFF;
	padding: 0 15px;
	background: linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(224,224,224,1) 25%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}

#save_button:hover {
	background-color:#BBB;
}

#dlgBackground {
	display: block;
	position: absolute;
	top: 105px;
	left: 0;
	background-color: black;
	width: 100%;
	height: calc(100vh - 105px);
	opacity: 0.5;
	z-index: 10;
}

/** DASHBOARD **/

#tableDasbhoard, #schulDasbhoard {
	font-size: 18px;
}

#tableDasbhoard th, #schulDasbhoard th {
	background-color: #444;
	padding: 0 5px;
	color: #fff;
	font-weight: 500;
}

#tableDasbhoard tr {
	/* cursor: pointer; */
}

#tableDasbhoard tr:nth-child(even), #schulDasbhoard tr:nth-child(even) {
	background: #F4F4F4
}
#tableDasbhoard tr:nth-child(odd), #schulDasbhoard tr:nth-child(odd) {
	background: #FFF
}

#tableDasbhoard tr:hover {
	background-color: #ddd;
}

#tableDasbhoard td, #schulDasbhoard td {
	padding: 0 5px;
	border: 1px solid #CCC;
}

#schulDasbhoard .peach {
	background-color: #ffe6c3;
	color: rgba(0, 0, 0, 0.6);
	/* font-weight: normal; */
}

#schulDasbhoard .pink {
	background-color: rgb(255, 215, 224);
	color: rgba(0, 0, 0, 0.6);
	/* font-weight: normal; */
}

.noteField {
	display: none;
}

.tableBox {
	box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
}

/* FILTER */
#tableDasbhoard th.filter, #schulDasbhoard th.filter {
	background-color: #999;
	padding: 2px 2px;
}

.filter_input {
	width: 100%;
	display: block;
	font-size: 18px;
	line-height: 22px;
	height: 30px;
	border: 2px solid #000;
}

#tnTable_options {
	width: 100%;
	display: inline-block;
	font-size: 18px;
}

#tnTable_options a, .submitLinkStyle {
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

#tnTable_options a:hover, .submitLinkStyle:hover {
	text-decoration: none;
	color: #999;
}

/** EFFECTS **/

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn 1.0s;
	animation: fadeIn 1.0s;
}

@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut 1.0s;
	animation: fadeOut 1.0s;
}

.grow {
	transition: all .15s ease-in-out;

}
.grow:hover {
	transform: scale(1.10);
}

.shake {
	animation:	0.4s ease-out 0s 1 shake;
}

@-webkit-keyframes shake {
  0% { transform: translateX(0px); }
  12% { transform: translateX(-30px); }
  25% {	transform: translateX(30px); }
  50% { transform: translateX(-30px); }
  75% { transform: translateX(30px); }
  100% { transform: translateX(0px); }
}

@keyframes shake {
  0% { transform: translateX(0px); }
  12% { transform: translateX(-30px); }
  25% {	transform: translateX(30px); }
  50% { transform: translateX(-30px); }
  75% { transform: translateX(30px); }
  100% { transform: translateX(0px); }
}

/* TOOLTIPS */
.tooltip-inner {
    max-width: 250px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #559;
    border-radius: .25rem;
}

.tooltip.show {
    opacity: 1.0;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #559;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #559;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #559;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #559;
}

/* CHECKBOXES */
.custom-checkbox {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	display: inline-block;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #555555;
}
.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	background-color: #555555;
}

.custom-control-label {
	margin-left: 0;

}

.custom-control-label::before, .custom-control-label::after {
	top: 3px;
	width: 1.8rem;
	height: 1.8rem;
}

/* BERATUNGSKONTEXTE TABLE */
#tableContexts {

}

#tableContexts th {
	font-weight: normal;
}