/*** Font-family: Cabin ***/
@font-face { font-family: 'Cabin';src: url('/fonts/Cabin/Cabin-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Cabin-SemiBold';src: url('/fonts/Cabin/Cabin-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'Cabin-Bold';src: url('/fonts/Cabin/Cabin-Bold.ttf') format('truetype'); }

/*** Font-family: Montserrat ***/
@font-face { font-family: 'Montserrat';src: url('/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat-SemiBold';src: url('/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat-Bold';src: url('/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'); }



/*** Scrollbar ***/
::-webkit-scrollbar { display: none; }

/*** remove spinners from input type number ***/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0; }
input[type=number] { -moz-appearance: textfield; }



/*** Animation | START ***/
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
.fade-in { animation: fadeIn 1s ease-in-out; }
.fade-out { animation: fadeOut 1s ease-in-out; }

@keyframes showPopup {
    0%   { transform: translate(-50%, -50%) scale(0.70);opacity: 0; }
	45%  { transform: translate(-50%, -50%) scale(1.05);opacity: 1; }
	80%  { transform: translate(-50%, -50%) scale(0.95); }
	100% { transform: translate(-50%, -50%) scale(1.00); }
}
@keyframes hidePopup {
	0%   { transform: translate(-50%, -50%) scale(1.0);opacity: 1; }
	20%  { transform: translate(-50%, -50%) scale(1.05); }
	55%  { transform: translate(-50%, -50%) scale(0.95); }
	100% { transform: translate(-50%, -50%) scale(0.5);opacity: 0; }
}
.show_popup { animation: showPopup 0.5s forwards; }
.hide_popup { animation: hidePopup 0.5s forwards; }

@keyframes shadowFadeIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes shadowFadeOut { from { opacity: 1; } to { opacity: 0; } }
.shadow_fade_in  { animation: shadowFadeIn  0.5s ease-in-out }
.shadow_fade_out { animation: shadowFadeOut 0.5s ease-in-out }
/*** Animation | END ***/



/*** Global Styles | START ***/
* { font-family: 'Cabin'; }
html, body { height: 100%;font-size: 1.16vh;font-family: 'Cabin'; }
h1, h2         { font-family: 'Montserrat-Bold'; }
h3, h4, h5, h6 { font-family: 'Montserrat-SemiBold';}
/*** Global Styles | END ***/



/*** Customize SweetAlert - Toast | START ***/
.swal2-toast { top: 5%;height: 6.5%;font-size: 1.48vh; }
@media (max-width: 515px) {
    .swal2-toast {top: 0 !important;width: 80% !important;height: 5.3vh !important;font-size: 1.27vh !important; }
}
/*** Customize SweetAlert - Toast | END ***/


.horizontal_scroll { cursor: grab; }
.horizontal_scroll:active { cursor: grabbing; }