/* Spielfeld */

.tooltip-inner {
    white-space: pre-wrap;
	text-align: left;
}



.box {
  height: 7em;
  width: 11em;
  position: relative;
  top: 5px;
  left: 5px;
  cursor: pointer;
  
}


.d-flex {
width: 15%;

}
.holder {
  overflow: auto;
  width: 97%;
  height: 7em;
  margin: 5px;
  border: solid 5px black;
  background-color: #bfbfbf;
  display: inline-block;
  margin-bottom: 0px;
}

.hovered {
  border: dotted 5px black;
}

.invisible {
  display: none;
}

.color {
  width: 100%;
  height: 60px;
  cursor: pointer;
  padding-top: 7%;
  font-weight: bold;
}

.color-flex{
	width: 100%;
}

.card {

  padding-right: 10px;
  border: 2px solid #adb5bd;
  cursor: pointer;
  height: 100%;
  position: relative;

}

.card__face {
  padding-left: 8px;
  height: 100%;
  width: 100%;
  backface-visibility: hidden;
}


.card__face--front {	
    text-align: center;
	font-weight: bold;
	font-size: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}


@media (max-width: 1024px) {  
 .card__face--front {
	font-size: 0.7em;
}
}

.row {
	width: 100%;
}

.icon {
	color: #2da0f1;
	cursor:pointer;
}

p2 { 
  font-size: 17px;
  display: block;
  font-weight: bold;
  margin-left: 2px;
}
/* Disables the selection */
.disableselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge*/
   user-select: none;          /* Non-prefixed version, currently 
                                  not supported by any browser */
}

/* Disables the drag event 
(mostly used for images) */
.disabledrag{
   -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
   user-drag: none;
}
/* Ende Spielfeld */

/* Dashboard */

ul.striped-list > li:nth-of-type(odd) {
    background-color: #77a2c7;
}

ul.striped-list > li:nth-of-type(even) {
    background-color: #c2d8ec;
}

@media (max-width: 1425px) {  
  h1 {font-size:1.5rem;} /*1rem = 16px*/
}

@media (max-width: 950px) {  
  h1 {font-size:1.2rem;} /*1rem = 16px*/
}

.underline-on-hover:hover {
    text-decoration: underline;
}

.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: rgba(3, 91, 151, 0.1); // Choose your own color here
 }
 
 thead th {
    background-color: #035c97;
	color: white;
} 
 
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: rgba(3, 91, 151, 0.25); // Choose your own color here
 }

 
.btn-add{
	background-color:#035c97;
	color: white;
}
.dashboard-panel {
  position:relative; 
  height: 195px;
  width: 100%;  
  margin-bottom:30px;
  padding: 2%;
  cursor: pointer;
}

.panel-grey{
	background-color:#e8e8e8;
	color: #035c97;
}
.panel-blue{
	background-color:#035c97;
	color: white;
}

.dashboard-panel-table {
 position:relative; 
  width: 100%;
  background-color:#e8e8e8;
  margin-bottom:30px;
  padding: 2%;
  height: 645px;
}

.dashboard-wrapper {
	width: 100%;
	position:absolute;                  
    bottom:0;                          
    left:0; 
	padding: 2%;
}

.dashboard-icon {
  height:30px;
  color:#FFFFFF;
}

.fa {
	margin: 5%;
}

.custom-select{
	background-color: #E0E6E7;
}

.table-caption{
	color: #035c97;
}
/* Ende Dashboard */

.login-form {
    margin: auto;
    max-width: 35em;
    width: 90%;
    background-color: #FFFFFF;
    padding: 2.5em;
    box-shadow: 0.5em 0.5em 0.5em 0.5em rgba(0,0,0,0.2);
    border-radius: 0.5em;
}

hr {
  border:0;
  border-top:1px solid #ffffff;
}

#container {
  margin: auto;
  margin-top: 15px;
  padding: 5px;
  position: relative;

}

/* Nav */
.menue-button {

  height:35px;
  width:50px;
  background-position:center;
  background-image:url(../../assets/img/menue_inv.svg);
  background-repeat:no-repeat;
  background-color:Transparent;
  background-repeat:no-repeat;
  border:none;
  cursor:pointer;
  overflow:hidden;
  outline:none;
}

.rectangle-3 {
  background-color:#035c97;
  margin: auto;
}


.logo img {
  height:98.45px;
  width:307.77px;
}
@media (max-width: 576px) {
  .logo img {
    height:41.45px;
    width:129.77px;
  }
}


.logo {
  margin-top: 35px;
  text-align:center;
}


.headline p {
  margin-top:10px;
  margin-bottom:0px;
  margin-left:15px;
  color:#39393A;
  /*font-family:"Meta Serif Pro";*/
  font-size:24px;
  font-weight:bold;
  line-height:32px;
}

.breadcrumb {
  background:transparent;
  /*font-family:"Open Sans";*/
}

.breadcrumb li {
  margin-top:-10px;
  margin-bottom: 10px;
  font-size:12px;
  /*font-family:"Open Sans";*/
}

.breadcrumb > .active {
  color:#9F9274;
  /*font-family:"Open Sans";*/
}

.breadcrumb > li + li:before {
  margin-left:3px;
  color:#9F9274;
  content:"\276F\00a0";
  /*font-family:"Open Sans";*/
}

.breadcrumb a {
  color:#9F9274;
  /*font-family:"Open Sans";*/
}

.breadcrumb a: {
  color:#95886d;
  /*font-family:"Open Sans";*/
}

.menue-dropdown {
  color:white;
  /*font-family:"Meta Serif Pro";*/
  font-size:24px;
  font-weight:bold;
  line-height:44px;
}

.logout-dropdown {
  color:#262626;
  /*font-family:"Open Sans";*/
  font-size:16px;
  font-weight:bold;
}

.dropdown-menu{
	background-color: #689dc1;
}
.user-name {
  margin-top:-30px;
  margin-left:50px;
  color:#FFFFFF;
  /*font-family:"Open Sans";*/
}
  /* Ende Nav */
  
  /* Start Selbstreflexion */
  .form-container{
	  margin: 15px;
	  padding: 15px;
	  border: solid;
	  border-width: medium;
	  border-color: #035c97;
  }
@media print {

.no-print, .no-print *
    {
        display: none !important;
    }

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left!important;
}
.col-sm-12 {
  width: 100%;
}
.col-sm-11 {
  width: 91.66666666666666%;
}
.col-sm-10 {
  width: 83.33333333333334%;
}
.col-sm-9 {
  width: 75%;
}
.col-sm-8 {
  width: 66.66666666666666%;
}
.col-sm-7 {
  width: 58.333333333333336%;
}
.col-sm-6 {
  width: 50%;
}
.col-sm-5 {
  width: 41.66666666666667%;
}
.col-sm-4 {
  width: 33.33333333333333%;
}
.col-sm-3 {
  width: 25%;
}
.col-sm-2 {
  width: 16.666666666666664%;
}
.col-sm-1 {
  width: 8.333333333333332%;
}

.form-container{
	 outline: none !important;
	 border: 0;
}
}

/*Modal*/
.modal-content {
   background-color: #2da0f1;
   border-color: white;
   border-width: medium;
}

@media (min-width: 2300px) {
  .modal-dialog {
    max-width: 70%;
	font-size: 2rem !important;  	
  }
   .btn {
	  font-size: 1.6rem;
  }
  h5 {
	  font-size: 2.5rem !important;
  }
  p2{
	  font-size: 2.5rem;
  }
}
.form-control {
  height:48px;
  background-color:#E0E6E7;
  border-radius:0;
  /*font-family:"Helvetica Neue LT Std";*/
  font-size:13px;
  line-height:16px;
}

#head-row-mod {
  align-items:center;
}

.form-group.row {
  align-items:center;
}

.modal-placeholder {
  margin-top:20px;
}

.modal-icon {
	margin: 10px;
	color: white;
}

/* Ende Modal*/
.btn-primary {
	color: #fff;
    background-color: #0A60A3;
    border-color: #0A60A3;
}