/* fonts */
@font-face{
	font-family:'Cairo';
	font-style:normal;
	font-weight:400;
	src:local('Cairo'),local('Cairo-Regular'),url(./fonts/Cairo-Regular.ttf) format('woff2');
}

@font-face{
	font-family:'Cairo';
	font-style:normal;
	font-weight:700;
	src:local('Cairo Bold'),local('Cairo-Bold'),url(./fonts/Cairo-Bold.ttf) format('woff2');
}

/* defaults */
body{
	font-family:'Cairo';
	font-size:14px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(./images/background.jpg);
}

/* plash loading */
app>div.splash_preloading{
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}
app>div.splash_preloading,.splash_loading .splash_preloading{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

/* drawer */
.drawer_header::after{
    content: ' ';
    display: block;
    height: 170px;
    background-image: url(./images/logo.png);
    background-size: 120px;
    background-position: center;
    background-repeat: no-repeat;
}

button, .nav_button,*[mat-subheader]{
    font-family:'Cairo'!important;
    font-weight: bold!important;
}
body .mat-card, h1.mat-dialog-title{
	font-family:'Cairo';
}