:root {
	color-scheme: light only;
}

.width100 {width:100%;}
.WidAuto {width: auto;}

.right {float:right;}

.mRight5 {margin-right: 5px;}
.mLeft5 {margin-left: 5px;}
.mBottom5 {margin-bottom: 5px;}
.mTop5 {margin-top: 5px;}

.w-p10-100 {width: calc(100% - 10px);}

.buttonWidth {
	width: auto !important;
}


/* Buton text size without changing icon size */
.btnStyle .ui-button-text {
    font-size: 1.3em;
    max-width: 100%;
}

.btnStyle .ui-button-icon-left {
    left: 1em;
}
/* Buton text size without changing icon size END */




/* Spremembe css */

.ui-widget {
	font-size: 16px;
}

.ui-widget .ui-widget {
	font-size: 16px;
}

.ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
  width: 2em;
}

/* ------------ */

.orange {
	color: orange !important;
}

.cfblue {
	color: cornflowerblue !important;
}

.white {
	color: white !important;
}

.lightgrey  {
	color: lightgrey !important;
}

.grey  {
	color: grey !important;
}

.black  {
	color: black !important;
}

.bg-black {
	background: black !important;
}

.bg-grey {
	background: grey !important;
}

.bg-lightgrey {
	background: lightgrey !important;
}

.bg-whitesmoke {
	background: whitesmoke !important;
}

.bg-ghostwhite {
	background: ghostwhite !important;
}

.bg-aliceblue {
	background: aliceblue !important;
}

.bg-antiquewhite {
	background: antiquewhite !important;
}

.bg-lightslategray {
	background: lightslategray !important;
}

.shadow {	
	text-shadow: 4px 4px 5px lightgrey !important;
}

.zoomableImg {
	transition: transform .5s; /* Animation */
}

.zoomableImg:hover {
	transform: scale(1.1);
}

@media screen and (max-width: 641px) {
  .backButtonAlign {
    text-align: center;
  }
}
			  
/*----Animations--*/
.rotatingText{
  	display: inline-block;
  	animation-name: rotate;
    animation-duration: 7s;
			animation-iteration-count: infinite;
}

.rotatingIcon .ui-icon{
  	display: inline-block;
  	animation-name: rotate;
    animation-duration: 7s;
	animation-iteration-count: infinite;
			
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes grow {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(1.2);
  }
  10% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fadeindownsmall {
  0% {
    opacity: 0;
    transform: translateY(10%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes fadeinleftsmall {
  0% {
    opacity: 0;
    transform: translateX(clamp(-100px, -10vw, -20px));
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes fadeinrightsmall {
  0% {
    opacity: 0;
    transform: translateX(clamp(20px, 10vw, 100px));
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
/*----Animations END--*/


/*----OTHER----*/
.animation_fadeindownsmall.visible{		
	animation-name: fadeindownsmall;
    animation-duration: 1.2s;
	animation-iteration-count: 1;
	visibility: visible !important;
}

.animation_fadeinleftsmall.visible{		
	animation-name: fadeinleftsmall;
    animation-duration: 1.2s;
	animation-iteration-count: 1;
	visibility: visible !important;
}

.animation_fadeinrightsmall.visible{		
	animation-name: fadeinrightsmall;
    animation-duration: 1.2s;
	animation-iteration-count: 1;
	visibility: visible !important;
}

.scroll-reveal-inout{
	visibility: hidden;
}

.scroll-reveal-in{
	visibility: hidden;
}


.hoverSmallScaleImg:hover {
	transform: scale(1.1);
	mask-image: radial-gradient(black 50%, rgba(0, 0, 0, 0.5));
	-webkit-mask-image: radial-gradient(black 50%, rgba(0, 0, 0, 0.5));
	transition: transform .5s; /* Animation */
}
/*----OTHER END----*/