.turbo-progress-bar {
  visibility: hidden;
  // height: 5px;
  // background-color: green;
}


.fade_bar{
  background-color: #e6eeff ; /* For browsers that do not support gradients */
	background-image: linear-gradient(#74a7ff, #e6eeff);
	}
 .fadeDevBar{
   background-color: #e04c38; /* For browsers that do not support gradients */
 	background-image: linear-gradient(#f50202, #fce6e6);
 	}
	
button{
	.show-when-enabled{display: initial;}
	.show-when-disabled{display: none;}
	&[disabled]{
		.show-when-enabled{display: none;}
		.show-when-disabled{display: initial;}
	}
}



#flash_messages{
//	position: fixed;
//	 right: 2%;
//	 max-width:96%;
//	top:30px;
//	z-index: 1299;
//pointer-events: none; 
position: fixed;
 right: 10%;
top:30px;
z-index: 1290;
}



.light_green{
	background-color: #d1e7dd;
}
.light_yellow{
	background-color: #fff3cd;
}

.yellow_bg {
    background: #FFFFE6;
}

.noWrapWhiteSpace{
  white-space:nowrap;
}



@media (max-width: 768px) {
	.carousel-inner .carousel-item > div {
	    display: none;
	}
	.carousel-inner .carousel-item > div:first-child {
	    display: block;
	}
	.devise_div{
		top:5vh;
	}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-start,
.carousel-inner .carousel-item-end {
    display: flex;
}


@media (min-width: 768px) {
  
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(50%);
    }
  
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
    }
		.devise_div{
			top:10vh;
		}
}

.carousel-inner-3-cols .carousel-item-end,
.carousel-inner-3-cols .carousel-item-start{ 
  transform: translateX(0);
}
/* display 3 */
@media (min-width: 992px) {
	
	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {
	  transform: translateX(33.333%);
	}
	
	.carousel-inner .carousel-item-start.active, 
	.carousel-inner .carousel-item-prev {
	  transform: translateX(-33.333%);
	}
	.devise_div{
		top:15vh;
	}
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start{ 
  transform: translateX(0);
}

.border-left-heavy{
	  border-left: 2px  blue;
		border-style: solid;
}
.border-right-heavy{
	  border-right: 2px  blue;
		border-style: solid;
}

.tag-suggestions {
    max-height: 200px;
    overflow-y: scroll;
    white-space:pre-wrap;
		margin-top: -1rem !important;
}

.shodow-text {
  text-shadow: 2px 2px 6px #808080;
}