@font-face {
    font-family: 'vazir';
    src: url('../fonts/Vazir.eot');
    src: url('../fonts/Vazir.woff') format('woff'), url('../fonts/Vazir.ttf') format('truetype');
}

@font-face {
    font-family: 'iran';
    src: url('../fonts/IRANSans.woff2')format("woff2");
}

@font-face {
    font-family: 'titr';
    src: url('../fonts/BTITRBD.TTF')format("ttf");
}


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


#body {
    
    background: url("/Dfile/bg-pattern.png") repeat, rgba(247, 233, 213);
    background-attachment: fixed;
    background-size: 150px;
    font-family: 'vazir';
}



/* !------------------------------------------------------------ */

#header {
    color: white;
}

#sidebar {
    font-family: 'iran';
}

ul li svg {
    display: inline-block;
    height: 1.5em;
    margin-left: 15px;
    color: white;
}



#icon1 {
    fill: #1c3382;
}

#icon2 {
    fill: white;
}

#icon3 {
    fill: gray;
}

#icon4 {
    fill: rgb(255, 0, 0);
}
#icon5 {
    fill: rgb(19, 88, 24);
}

/* ------------------ data picker --------------------  */


#plotId {
    background-color: #1c3382;
    border-radius: 10px;
    font-family: 'iran';
    color: white;
}

.datepicker-plot-area .datepicker-time-view {
    background: #1c3382;
}

.divider span {
    color: white;
    font-size: 1.5rem;
}