/*.btn {
	text-transform: none !important;
}*/

/* Hintergrundfarbe dunkler */
.shape.shape-style-1.shape-default.shape-skew {
    /*background: linear-gradient(150deg, #283265 15%, #3467c5 70%, #4a7fe2 94%);*/
	/*min-height: 100vh;*/
	/*background-image: linear-gradient(-195.5deg, #0076b5, #154f82 1100px) !important;*/

	/*background: linear-gradient( 10deg, #082742 15%, #026396 70%, #0076b5 94%);*/
	/*background-image: linear-gradient(-195.5deg, #0076b5 , #082742 1100px) !important;*/
}

.survey-frage-auswahl-item-between .innerShow {
   border-radius: 0.3rem;
   color: white;
}

.btn-info {
   color: #fff !important;
   /*background-color: #575cc3 !important;*/
   /*border-color: #545abf !important;*/
   background-color: #0076b5 !important;
   border-color: #0076b5 !important;
}

#app > main {
	overflow: visible !important;
	min-height: 80vh;
}

.footer {
	background: none !important;
	/*color: rgb(141, 141, 141);*/
}

/*.footer > hr {
	border-top: 1px solid rgb(141, 141, 141);
}*/

.cursorPointer {
	cursor: pointer !important;
}


.myLoadingScreen {
	display: none;
	width:100%;
	height:100%;
	position: relative;
	/*border: 3px solid green;*/
	z-index: 2110000000;
}

/*.center p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}*/

.myLoadingScreenBackground {
	display: none;
	width:100%;
	height:100%;
	background-color: #80808087;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2110000001;
}
.myLoadingScreenForground {
	width:500px;
	height:150px;
	border: 5px solid #0000000a;
	background-color: white;
	margin: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2110000002;

	border-radius: 1rem;
}

.myLoadingScreenForgroundContent {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



.dropdown-menu {
	cursor: pointer;
	margin-bottom: 5rem !important;
}



.alert-warning > i {
	cursor: pointer;
}



.innerShow2 {
	/*display: none;*/
	visibility: hidden;
	opacity: 0;
    
	/*transition: visibility 0s linear 0.33s, opacity 0.33s linear;*/
	transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}

.outerHover2:hover > .innerShow2 {
	/*display: block;*/
	visibility: visible;
	opacity: 1;

	transition-delay: 0s;
}

.section-shaped {
    min-height: 80vh;
}



/* Farben anpassen */

.nav-pills .show > .nav-link, .nav-pills .nav-link.active
/*, .btn-primary, .btn-primary:hover, .btn-primary.disabled, .btn-primary:disabled*/
{
	color: #fff !important;
	background-color: #0076b5 !important;
}

.nav-pills .nav-link, .icon-shape-primary, .text-primary {
	color: #0076b5 !important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, #0076b5 0, #825ee4 100%) !important;
}



.posRelative {
	position: relative;
}

.posAbsolute {
	position: relative;
}

.showOverflow {
	overflow: auto;
}

.flowItemDeleteButton {
	background-color: #ff6347 !important;
	border: none !important;
}

.flowItemCopyButton {
	background-color: #56ff47 !important;
	border: none !important;
}


/*.typeOutput, .typeInput {
    width: 150px !important;
    height: 150px !important;
    min-height: 90px !important;
    padding-top: 0px !important;
}*/

.myFlowItem, .myFLowItemAddItem {
    /*background-color: blue !important;*/
    /*min-height: 90px !important;*/
    /*padding-top: 0px !important;*/
    width: 150px !important;
    height: 150px !important;
    /*width: 137px !important;*/
    /*height: 137px !important;*/
    padding: 0px !important;

    position: relative;
}

/*.myFlowItem, .myFLowItemAddItem {
	display: inline-flex !important;
    align-items: flex-start !important;
}*/

/*.typeOutput > .myFlowItemButtonIcon, .typeInput > .myFlowItemButtonIcon {
	position: absolute;
    top: 1.6rem;
}*/

.flowItemOrRuleToSelect {
    position: absolute;
    top: 1rem;
    left: 0;
    right: 0;
    margin: auto;
}

/*#maintext h3 {
	text-transform: lowercase;
}*/

#maintext h3, #maintext p {
	color: white;
	font-size: 1rem;
}

#maintext br:first-of-type {
	display: none;
}

.skillCard {
	min-height: 210px;
}

.roundBorder {
	border-radius: 50%;
}

.myBackgroundColor {
	background-color: #16264b; /*#172b4dbd;*/ /*#172b4d;*/
}


.flex-center {
  /*background: black;
  color: white;
  border: 10px solid white;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
/*  height: 200px;*/
  /*resize: vertical;
  overflow: auto;*/
}
.flex-center p {
  margin: 0;
  padding: 20px;
}

.vdp-datepicker input {
	width: 100%;
}