﻿@import url('./prebuilt-themes/indigo-pink.css');
@import url('./c3.min.css');


@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/iconfont/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(fonts/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(fonts/iconfont/MaterialIcons-Regular.woff) format('woff'), url(fonts/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.mat-menu-content{
    padding-top: 0px !important;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

@font-face {
    font-family: "iran-sans-light";
    src: url("fonts/IRANSansWeb_UltraLight.eot") format("eot"), url("fonts/IRANSansWeb_UltraLight.woff") format("woff"), url("fonts/IRANSansWeb_UltraLight.woff2") format("woff2"), url("fonts/IRANSansWeb_UltraLight.ttf") format("truetype");
}

@font-face {
    font-family: "iran-sans";
    src: url("fonts/IRANSansWeb_Light.eot") format("eot"), url("fonts/IRANSansWeb_Light.woff") format("woff"), url("fonts/IRANSansWeb_Light.woff2") format("woff2"), url("fonts/IRANSansWeb_Light.ttf") format("truetype");
}

@font-face {
    font-family: "iran-sans-bold";
    src: url("fonts/IRANSansWeb_Bold.eot") format("eot"), url("fonts/IRANSansWeb_Bold.woff") format("woff"), url("fonts/IRANSansWeb_Bold.woff2") format("woff2"), url("fonts/IRANSansWeb_Bold.ttf") format("truetype");
}

html,
body,
.mat-sidenav-container {
    background-color: rgb(244, 244, 244) !important;
    /*filter: grayscale();*/
}

body {
    font-family: 'iran-sans', sans-serif;
    font-size: 0.8125em;
    line-height: 2em;
    margin: 0;
    padding: 0;
}

body .mat-card mat-card-subtitle {
    font-size: 19px;
}

.mat-button {
    font-family: 'iran-sans' !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'iran-sans-bold' !important;
}

body,
body .mat-card mat-card-title,
body .mat-card mat-card-subtitle,
.mat-button-focus-overlay,
.mat-icon-button,
.mat-fab,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-input-container,
.mat-menu-item,
.mat-checkbox-label,
.mat-toolbar,
.mat-tab-label,
.mat-select,
.mat-calendar,
.mat-card-title,
.mat-expansion-panel-header,
.mat-expansion-panel-content,
.mat-simple-snackbar,
mat-list-item,
mat-card-content,
.mat-list-item,
mat-radio-button,
.mat-select,
text,
span,
.mat-option {
    font-family: 'iran-sans', sans-serif !important;
    font-weight: normal;
}

.mat-simple-snackbar {
    direction: rtl;
}


/* 
app-toolbar {
    font-size: 14px !important;
    background-color: rgb(244,244,244) !important;
    
    padding-left: 20px;
    padding-right: 20px;
    color: #111;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 666;
    font-weight: bolder !important;
    box-sizing: border-box;
} */


/*app-upper-menu,
app-search-box {
    color: #777;
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333;
}

.mat-button,
.mat-icon-button,
.mat-raised-button {
    color: #333;
    font-weight: 100 !important;
}

.mat-checkbox-inner-container {
    margin-left: 8px;
    margin-right: 20px !important;
}*/

mat-sidenav-container mat-sidenav-content {
    min-height: calc(100vh - 106px);
    padding-bottom: 50px;
}

mat-sidenav {
    width: 300px;
}

#fakeToolbar {
    height: 92px;
    background-color: #3f51b5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

mat-card-title {
    font-size: 18px !important;
    font-weight: bold !important;
}

mat-card-header {
    /* border-bottom: 1px solid #e5e5e5; */
    margin-bottom: 20px !important;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: initial !important;
    background-image: none;
    /* color: rgb(0, 0, 0); */
}

.list-item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: transparent !important;
}

.mat-calendar-body-selected {
    background-color: inherit !important;
    color: inherit !important;
}

.mat-calendar-header {
    position: relative;
}

.mat-calendar-controls:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    bottom: 0;
    background: white;
    z-index: 5;
    background-color: transparent;
}

.mat-calendar-arrow {
    display: none !important;
}


/* input,
button,
textarea,
select {
    -webkit-transform: translate3d(0, 0, 0);
} */

mat-datepicker-toggle mat-icon {
    font-size: 20px !important;
    opacity: 0.8;
    position: relative;
    left: 5px;
}
mat-card-title , .mat-card-header :not(header-active-package) .mat-card-header-text{
    width: 100%;
}
