@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@font-face {
    font-family: 'B KOODAK';
    src: url("~/css/fonts/BKOODAK.TTF") format('truetype');
}


html, body {
    font-family: 'B KOODAK' !important;
    direction: rtl;
}
span {
    font-family: 'B KOODAK' !important;
}
p {
    font-family: 'B KOODAK' !important;
    font-size: 18px;
   

}

b {
    font-family: 'B KOODAK' !important;
    font-size: 18px;
    direction: rtl;
}
h6 {
    font-family: 'B KOODAK' !important;
    direction: rtl;
}
h5 {
    font-family: 'B KOODAK' !important;
    direction: rtl;
}
h4 {
    font-family: 'B KOODAK' !important;
    direction: rtl;
}
h3 {
    font-family: 'B KOODAK' !important;
    direction: rtl;
}
h2 {
    font-family: 'B KOODAK' !important;
    direction: rtl;
}
h1 {
    font-family: 'B KOODAK' !important;
    direction: rtl;
}
a, .btn-link {
    color: #0366d6;
    direction: rtl;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.ck-content{
    min-height:100px;

}
.bg-gray {
    background-color: lightgray !important;
}
.dir-rtl{
   direction:rtl !important;
}
.dir-ltr {
    direction: ltr !important;
}


.p-hover {
    transition: color 0.5s;
    transition-timing-function: ease-in-out;
}
.p-hover:hover {
    color: #D3D3D3 !important; 
}
.bg-main {
    background-color: #60a1ac !important;
}
.bg-alternate {
    background-color: #437f97 !important;
}

/*---------------> customize mudBlazor <---------------*/
.active{
    color:white !important;
}
.mud-nav-link-text{
    font-size:16px;
}
.mud-nav-link-text:hover {
        color: #D3D3D3 !important;
}
.mud-nav-link:hover {
    color: #D3D3D3 !important;
}
.mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform {
    fill: #D3D3D3 !important;
}

/*---------------> Index Page <---------------*/
.div-index-hover {
    transition: all 0.3s ease-in-out;
   
}
.div-index-hover:hover {
    cursor: pointer;
    opacity: 0.8;
    transform: scale(1.15);
    color: white;
}
.card-hover {
    transition: all .2s ease-in-out;
}
.card-hover:hover {
    transform: scale(1.05);
}