@font-face {
    font-family: Shabnam;
    src: url('../fonts/Shabnam.eot');
    src: url('../fonts/Shabnam.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Shabnam.woff2') format('woff2'),
    url('../fonts/Shabnam.woff') format('woff'),
    url('../fonts/Shabnam.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Shabnam;
    src: url('../fonts/Shabnam-Bold.eot');
    src: url('../fonts/Shabnam-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Shabnam-Bold.woff2') format('woff2'),
    url('../fonts/Shabnam-Bold.woff') format('woff'),
    url('../fonts/Shabnam-Bold.ttf') format('truetype');
    font-weight: bold;
}

td {
    white-space: normal !important;
}

button {
    white-space: nowrap !important;
}

.background-modal {
    border: 2px solid #ccc;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
}

.darker {
    border-color: #ccc;
    background-color: #ddd;
}

.background-modal::after {
    content: "";
    clear: both;
    display: table;
}

.background-modal img {
    float: left;
    max-width: 60px;
    width: 100%;
    margin-right: 20px;
}

.background-modal img.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

.time-right {
    float: right;
    color: #aaa;
}

.time-left {
    float: left;
    color: #999;
}

td.col-1, th.col-1 {
    width: 8.33333%;
}

td.col-2, th.col-2 {
    width: 16.66667%;
}

td.col-3, th.col-3 {
    width: 25%;
}

td.col-4, th.col-4 {
    width: 33.33333%;
}

td.col-5, th.col-5 {
    width: 41.66667%;
}

td.col-6, th.col-6 {
    width: 50%;
}

td.col-7, th.col-7 {
    width: 58.33333%;
}

td.col-8, th.col-8 {
    width: 66.66667%;
}

td.col-9, th.col-9 {
    width: 75%;
}

td.col-10, th.col-10 {
    width: 83.33333%;
}

td.col-11, th.col-11 {
    width: 91.66667%;
}

td.col-12, th.col-12 {
    width: 100%;
}

td.col-sm-1, th.col-sm-1 {
    width: 8.33333%;
}

td.col-sm-2, th.col-sm-2 {
    width: 16.66667%;
}

td.col-sm-3, th.col-sm-3 {
    width: 25%;
}

td.col-sm-4, th.col-sm-4 {
    width: 33.33333%;
}

td.col-sm-5, th.col-sm-5 {
    width: 41.66667%;
}

td.col-sm-6, th.col-sm-6 {
    width: 50%;
}

td.col-sm-7, th.col-sm-7 {
    width: 58.33333%;
}

td.col-sm-8, th.col-sm-8 {
    width: 66.66667%;
}

td.col-sm-9, th.col-sm-9 {
    width: 75%;
}

td.col-sm-10, th.col-sm-10 {
    width: 83.33333%;
}

td.col-sm-11, th.col-sm-11 {
    width: 91.66667%;
}

td.col-sm-12, th.col-sm-12 {
    width: 100%;
}

td.col-md-1, th.col-md-1 {
    width: 8.33333%;
}

td.col-md-2, th.col-md-2 {
    width: 16.66667%;
}

td.col-md-3, th.col-md-3 {
    width: 25%;
}

td.col-md-4, th.col-md-4 {
    width: 33.33333%;
}

td.col-md-5, th.col-md-5 {
    width: 41.66667%;
}

td.col-md-6, th.col-md-6 {
    width: 50%;
}

td.col-md-7, th.col-md-7 {
    width: 58.33333%;
}

td.col-md-8, th.col-md-8 {
    width: 66.66667%;
}

td.col-md-9, th.col-md-9 {
    width: 75%;
}

td.col-md-10, th.col-md-10 {
    width: 83.33333%;
}

td.col-md-11, th.col-md-11 {
    width: 91.66667%;
}

td.col-md-12, th.col-md-12 {
    width: 100%;
}

td.col-lg-1, th.col-lg-1 {
    width: 8.33333%;
}

td.col-lg-2, th.col-lg-2 {
    width: 16.66667%;
}

td.col-lg-3, th.col-lg-3 {
    width: 25%;
}

td.col-lg-4, th.col-lg-4 {
    width: 33.33333%;
}

td.col-lg-5, th.col-lg-5 {
    width: 41.66667%;
}

td.col-lg-6, th.col-lg-6 {
    width: 50%;
}

td.col-lg-7, th.col-lg-7 {
    width: 58.33333%;
}

td.col-lg-8, th.col-lg-8 {
    width: 66.66667%;
}

td.col-lg-9, th.col-lg-9 {
    width: 75%;
}

td.col-lg-10, th.col-lg-10 {
    width: 83.33333%;
}

td.col-lg-11, th.col-lg-11 {
    width: 91.66667%;
}

td.col-lg-12, th.col-lg-12 {
    width: 100%;
}

td.col-xl-1, th.col-xl-1 {
    width: 8.33333%;
}

td.col-xl-2, th.col-xl-2 {
    width: 16.66667%;
}

td.col-xl-3, th.col-xl-3 {
    width: 25%;
}

td.col-xl-4, th.col-xl-4 {
    width: 33.33333%;
}

td.col-xl-5, th.col-xl-5 {
    width: 41.66667%;
}

td.col-xl-6, th.col-xl-6 {
    width: 50%;
}

td.col-xl-7, th.col-xl-7 {
    width: 58.33333%;
}

td.col-xl-8, th.col-xl-8 {
    width: 66.66667%;
}

td.col-xl-9, th.col-xl-9 {
    width: 75%;
}

td.col-xl-10, th.col-xl-10 {
    width: 83.33333%;
}

td.col-xl-11, th.col-xl-11 {
    width: 91.66667%;
}

td.col-xl-12, th.col-xl-12 {
    width: 100%;
}

/*Theme:
primary: #2196f3,
primaryPressed: #0c83e2
darkPrimary: #0056b3
litePrimary: #007bff
accent: #19d895
accentPressed: #15b67d
selector: #0f25d5
secondaryButton: #8862e0
secondaryButtonPressed: #7042da
*/