/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("fonts/Tajawal-Regular.otf") format("opentype");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url("fonts/Tajawal-Medium.otf") format("opentype");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: bold;
    font-display: block;
    src: url("fonts/Tajawal-Bold.otf") format("opentype");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}


@font-face {
    font-family: "Monto";
    font-weight: Bold;
    font-display: block;
    src: url("fonts/Montserrat-Arabic-SemiBold.ttf") format("opentype");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
    font-family: "Monto";
    font-weight: normal;
    src: url("fonts/Montserrat-Arabic-Light.otf") format("opentype");
}

@font-face {
    font-family: "Monto";
    font-weight: 200;
    src: url("fonts/Montserrat-Arabic-Thin.otf") format("opentype");
}

@font-face {
    font-family: "Monto";
    font-weight: 300;
    font-display: block;
    src: url("fonts/Montserrat-Arabic-Light.otf") format("opentype");
}



@font-face {
    font-family: "Roboto";
    font-weight: 500;
    src: url("fonts/Roboto-Medium.ttf") format("opentype");
}

@font-face {
    font-family: "Roboto";
    font-weight: Bold;
    src: url("fonts/Roboto-Medium.ttf") format("opentype");
}

/*@font-face {
    font-family: "Roboto";
    font-weight: Bold;
    font-display: block;
    src: url("fonts/Roboto-Bold.ttf") format("opentype");
}*/

@font-face {
    font-family: "Roboto";
    font-weight: normal;
    font-display: block;
    src: url("fonts/Roboto-Regular.ttf") format("opentype");
}



@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light-webfont.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}




body {
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
    /*font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;*/
    font-family: Mulish, Roboto;
    font-size: 12px;
    height: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    /* Padding to avoid the "unsafe" areas behind notches in the screen */
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-right, 0px);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
}


/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        background-position: left center;
        padding: 75px 0px 75px 170px; /* padding-top + padding-bottom + text area = image height */
        margin: -90px 0px 0px -198px; /* offset vertical: half of image height */
        /* offset horizontal: half of image width and text area width */
    }
}


#main-holder {
    height: 100%;
    width: 100%;
}

* {
    box-sizing: border-box;
}


.md-button:not([disabled]):hover {
    background-color: unset;
}


md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input,
md-input-container:not(.md-input-invalid).md-input-focused .md-input,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input,
md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #21bc30;
}


.md-button.md-default-theme.md-primary.md-fab,
.md-button.md-primary.md-fab,
.md-button.md-default-theme.md-primary.md-raised,
.md-button.md-primary.md-raised {
    background-color: #21bc30 !important;
}



md-progress-circular.white path {
    stroke: #fff;
}

md-tabs.md-default-theme.md-primary > md-tabs-wrapper, md-tabs.md-primary > md-tabs-wrapper {
    background-color: #21bc30;
}

    md-tabs.md-default-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]),
    md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]),
    md-tabs.md-default-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon,
    md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) md-icon {
        color: #ade0b2;
    }




[class^="css-text"] {
    font-family: CustomFont, Mulish, 'Roboto', Tajawal;
    /*font-family: 'Times New Roman';*/
    font-size-adjust: calc(0.5 * 1);
}

.ar [class^="css-text"] {
    font-family: Tajawal, CustomFont, Mulish, 'Roboto'
}

/*
body div {
    font-family: Mulish, 'Roboto', Tajawal ;
  
}

body {
    font-family: Mulish, 'Roboto', Tajawal !important;
    overflow: hidden !important;
}

input, button {
    font-family: Mulish, 'Roboto', Tajawal;
}

body .f2 {
    font-family: Mulish, 'Roboto', Monto;
}

body .ar, body.ar {
    font-family: Tajawal, Mulish, 'Roboto' !important;
    line-height: 1.3;
}

.ar input {
    font-family: Tajawal, Mulish, 'Roboto';
}

.ar button {
    font-family: Tajawal, Mulish, 'Roboto';
}
*/