a.grid-anchor {
	width: 100%;
	text-align: center;
	text-decoration: none;
}

.pos-rel {
	position: relative;
}

.container-center {
	/* display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	text-align: center; */
	position: relative;
}

.centered-element {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

@ keyframes shake {
     0% {
         transform: translate(1px, 1px) rotate(0deg);
    }
     10% {
         transform : translate (-1px , -2 px ) rotate (-1deg);
    }
     20% {
         transform : translate (-3px , 0 px ) rotate (1deg);
    }
     30% {
         transform : translate (3px , 2 px ) rotate (0deg);
    }
     40% {
         transform : translate (1px , -1 px ) rotate (1deg);
    }
     50% {
         transform : translate (-1px , 2 px ) rotate (-1deg);
    }
     60% {
         transform : translate (-3px , 1 px ) rotate (0deg);
    }
     70% {
         transform : translate (3px , 1 px ) rotate (-1deg);
    }
     80% {
         transform : translate (-1px , -1 px ) rotate (1deg);
    }
     90% {
         transform : translate (1px , 2 px ) rotate (0deg);
    }
     100% {
         transform : translate (1px , -2 px ) rotate (-1deg);
    }
}
 .shaky {
    /* Start the shake animation and make the animation last for 0.5 seconds */
     animation: shake 0.5s;
}
 
 
.blink-me {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinker;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@ -moz-keyframes blinker {
     0% {
         opacity: 1.0;
    }
     50% {
         opacity : 0 .0 ;
    }
     100% {
         opacity : 1 .0 ;
    }
}
 @ -webkit-keyframes blinker {
     0% {
         opacity: 1.0;
    }
     50% {
         opacity : 0 .0 ;
    }
     100% {
         opacity : 1 .0 ;
    }
}
@ keyframes blinker {
     0% {
         opacity: 1.0;
    }
     50% {
         opacity : 0 .0 ;
    }
     100% {
         opacity : 1 .0 ;
    }
}

@media screen and (min-width: 641px) {
	body, .header, #footer-bar {
		margin: 0 20%;
	}
}

@media screen and (min-width: 961px) {
	body, .header, #footer-bar {
		margin: 0 30%;
	}
}

 .disabled-bg {
    /*background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;
    */
     background-color: #ededed !important;
}

.bg-main {
	background-color: #0a4f8e !important;
}

.bg-secondary {
	background-color: #bac9cc !important;
}

.border-main {
	border: 1px solid #0a4f8e !important;
}

.border-secondary {
	border-color: 1px solid #bac9cc !important;
}

.color-highlight {
	color: #0238cb !important;
}

.bg-highlight {
	background-color: #0238cb !important;
	color: #FFF !important;
}

.border-highlight {
	border-color: #0238cb !important;
}

.gradient-highlight {
	background-image: linear-gradient(to bottom, #E0E622, #0a4f8e )
		!important;
}

.bg-fade-highlight-light {
	background-color: rgb(224, 230, 29, 0.3) !important;
	color: #FFF !important;
}

.bg-fade-highlight-dark {
	background-color: rgb(51, 62, 72, 0.7) !important;
	color: #FFF !important;
}


.form-control:focus, //.form-select:focus {
	border-color: #0238cb !important;
}

.footer-bar-2 .active-nav, .footer-bar-5 strong, .footer-bar-4 strong,
	.splide__pagination__page.is-active {
	background-color: #0238cb !important
}

.footer-bar-1 .active-nav i, .footer-bar-1 .active-nav span,
	.footer-bar-3 .active-nav i {
	color: #0238cb !important
}

.form-floating-over>.form-control:focus ~ label {
	color: #0238cb;
}

.form-floating-over>.form-control:not (:placeholder-shown ) ~ label {
	color: #0238cb;
}

.form-floating-over>.form-select ~ label {
	color: #0238cb;
}

.color-highlight {
	color: #0238cb;
}

.bg-highlight {
	background-color: #0238cb;
	color: #FFF !important;
}

.bg-yellow-umn {
	background-color: #E0E622 !important;
	color: #0238cb !important;
}

#footer-bar {
	background-color: #0238cb;
}

#footer-bar a {
	color: white;
}

.footer-bar-5 .active-nav strong {
	background-color: #E0E622 !important;
}

.vertically-aligned {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.page-title-large [data-menu] {
	margin-top: -42px !important;
}

.header-logo-app .header-title {
	margin-left: 20px !important;
}

.full-width {
	width: 100%;
}

.dark-bg {
	background-color: #0238cb;
}

.bg-lime {
	background-color: #E0E622 !important;
}

.light-bg {
	background-color: #EEEEEE !important;
}

.lime {
	color: #E0E622 !important;
}

.gradient-lime {
	background-image: linear-gradient(to bottom, #FFFF55, #E0E622);
}

.gradient-dark {
	background-image: linear-gradient(to bottom, #5F656A, #0238cb);
}

.dark-text-color {
	color: #323E48 !important;
}

.text-center {
	text-align: center;
}

.no-img-chip {
	display: inline-block;
	padding: 0 25px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	border-radius: 30px;
	background-color: #e2e5ea !important;
}

.correct-color {
	color: #6CB457;
}

.semi-correct-color {
	color: #F29D26;
}

/* .dark-red-color {
	color: #BB1F33;
} */
div.overlay-bg {
	opacity: 0.7;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 100001;
	top: 0;
	left: 0;
	position: fixed;
}

.full-centered {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.button-3d {
	display: inline-block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	position: absolute;
	background: #0238cb;
	border: none;
	outline: none;
	font-family: inherit;
	font-weight: 600;
	font-size: 14px;
	border-radius: 50%;
	box-shadow: 0 5px 0px darken(red, 0%);
	border-bottom: 2px solid darken(red, 3%);
	text-align: center;
	vertical-align: center;
	cursor: pointer;
	color: white;
}

.button-3d:hover {
	background: darken(red, 5%);
	box-shadow: 0 4px 1px darken(red, 5%);
	border-bottom: 2px solid darken(red, 8%);
	transition: all 0.1s ease-in;
}

.button-3d:active {
	transform: translateY(4px);
	border-bottom-width: 2px;
	box-shadow: none;
}

.datepicker-rtl {
	right: 10px !important;
}

.no-border {
	border: none;
}

.hidden {
	display: none;
}

.err-text {
	color: orangered;
}

.desc-card {
	background-image: linear-gradient(to bottom, #E0E622, #f3f5a7)
}

.pulse {
     position: relative;
     box-sizing: border-box;
}
 .pulse:not(.onhover):before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     border-radius: var(--border-radius-pulse);
     border: 2px solid var(--border-color-pulse);
     animation: var(--animation-pulse);
    /* animation-delay: 3s;
     */
}
 .pulse.onhover:hover::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     border-radius: var(--border-radius-pulse);
     border: 2px solid var(--border-color-pulse);
     animation: var(--animation-pulse);
    /* animation-delay: 3s;
     */
}
/* .pulse:after {
     animation-delay: 1s;
}
 */
 @keyframes pulsing {
     0% {
         transform: scale(1);
         opacity: 1;
    }
     100% {
         transform: scale(var(--scale-pulse));
         opacity: 0;
    }
}

.err-info {
	color: red;
	font-weight: bold;
}

.w-50 {
	width: 50% !important;
}

.header-lang {
	padding-top: 7px;
	height: 40px;
	width: 40px;
	border: 2px solid #0238cb;
	border-radius: 50px;
	text-align: center;
	font-weight: bold;
}

.header-lang:hover {
	cursor: pointer;
}


.border-radius-0 {
	border-radius: 0 !important;
}

.border-radius-5px {
	border-radius: 0 !important;
}

table th, table tr td {
	vertical-align: middle;
}


.bar-loader {
     display: inline-block;
     position: relative;
     height: 40px;
}
 .bar-loader div {
     display: inline-block;
     position: absolute;
     left: 4px;
     width: 4px;
     background-color: #fff;
     border-radius: 10px;
     animation: bar-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
 .bar-loader div:nth-child(1) {
     left: 4px;
     animation-delay: -0.48s;
}
 .bar-loader div:nth-child(2) {
     left: 12px;
     animation-delay: -0.36s;
}
 .bar-loader div:nth-child(3) {
     left: 20px;
     animation-delay: -0.24s;
}
 .bar-loader div:nth-child(4) {
     left: 28px;
     animation-delay: -0.12s;
}
 .bar-loader div:nth-child(5) {
     left: 36px;
     animation-delay: 0;
}
@keyframes bar-loader {
     0% {
         top: 8px;
         height: 40px;
    }
     50%, 100% {
         top : 24 px ;
         height : 30 px ;
    }
}


.cust-circular-loader {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

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


.myriad-font {
	font-family: "Myriad Pro" !important;
}