@font-face {
    font-family: 'yekan';
    src: url('../../fonts/yekan/yekan.woff') format('woff');
}

@font-face {
    font-family: 'vazir-bold-fd-wol';
    src: url('../../fonts/vazir-bold-fd-wol.woff') format('woff');
}

@font-face {
    font-family: 'vazir-fd-wol';
    src: url('../../fonts/vazir-fd-wol.woff') format('woff');
}



@font-face {
    font-family: Tanha;
    src: url('../../fonts/tanha-font-v0.9/tanha.eot');
    src: url('../../fonts/tanha-font-v0.9/tanha.eot?#iefix') format('FontName-opentype'), url('../../fonts/tanha-font-v0.9/tanha.woff') format('woff'), url('../../fonts/tanha-font-v0.9/tanha.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.rizmenu {
    font-size: 14px;
}

    .rizmenu a {
        color: goldenrod !important;
    }

        .rizmenu a:hover {
            color: yellow !important;
        }

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

#MoarefiZ {
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px;
}

    #MoarefiZ span {
        width: 140px;
        border-radius: 0 8px 8px 0;
    }

    #MoarefiZ input {
        border-radius: 8px 0 0 8px;
    }

    #MoarefiZ select {
        border-radius: 8px 0 0 8px;
    }

#MoarefiT {
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px;
}

    #MoarefiT span {
        width: 140px;
        border-radius: 0 8px 8px 0;
    }

    #MoarefiT input {
        border-radius: 8px 0 0 8px;
    }

    #MoarefiT select {
        border-radius: 8px 0 0 8px;
    }

    #MoarefiT textarea {
        border-radius: 8px 0 0 8px;
    }

#Naghdi {
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px;
}

    #Naghdi span {
        width: 140px;
        border-radius: 0 8px 8px 0;
    }

    #Naghdi input {
        border-radius: 8px 0 0 8px;
    }

    #Naghdi select {
        border-radius: 8px 0 0 8px;
    }

    #Naghdi textarea {
        border-radius: 8px 0 0 8px;
    }


.TarikhBtn {
    background-color: white;
    border: 1px solid lightgrey;
    border-radius: 5px 0 0 5px;
}

    .TarikhBtn:hover {
        background-color: lightslategrey;
    }

#Naghdi1 {
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px;
}

    #Naghdi1 span {
        width: 140px;
        border-radius: 0 8px 8px 0;
    }

    #Naghdi1 input {
        border-radius: 8px 0 0 8px;
    }

    #Naghdi1 select {
        border-radius: 8px 0 0 8px;
    }

    #Naghdi1 textarea {
        border-radius: 8px 0 0 8px;
    }


#Naghdi2 {
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px;
}

    #Naghdi2 span {
        width: 140px;
        border-radius: 0 8px 8px 0;
    }

    #Naghdi2 input {
        border-radius: 8px 0 0 8px;
    }

    #Naghdi2 select {
        border-radius: 8px 0 0 8px;
    }

    #Naghdi2 textarea {
        border-radius: 8px 0 0 8px;
    }

.avatar {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ff7300;
}

.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #292929;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

    .glow-on-hover:before {
        content: '';
        background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
        position: absolute;
        top: -2px;
        left: -2px;
        background-size: 400%;
        z-index: -1;
        filter: blur(5px);
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        animation: glowing 20s linear infinite;
        opacity: 0;
        transition: opacity .3s ease-in-out;
        border-radius: 10px;
    }

    .glow-on-hover:active {
        color: #292929
    }

        .glow-on-hover:active:after {
            background: transparent;
        }

    .glow-on-hover:hover:before {
        opacity: 1;
    }

    .glow-on-hover:after {
        z-index: -1;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #292929;
        left: 0;
        top: 0;
        border-radius: 10px;
    }

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.Khate-Narenji {
    color: #ff7300;
    font-size: 40px;
    display: none;
}

.a-Khate-Narenji:hover .Khate-Narenji {
    display: block;
}

.buttons-lightred {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    border: 1px solid #f64343;
    border-radius: 10px;
    box-shadow: 1px 2px #f64343;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    margin: 10px;
}

    .buttons-lightred:hover {
        color: #fc6666;
    }

.buttons-red {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    border: 1px solid red;
    border-radius: 10px;
    box-shadow: 1px 2px red;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    margin: 10px;
}

    .buttons-red:hover {
        color: #e60000;
    }

.buttons-orange {
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 2px;
    border: 1px solid #ff7300;
    border-radius: 10px;
    box-shadow: 1px 2px #ff7300;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    margin: 10px;
}

    .buttons-orange:hover {
        color: #e75200;
    }

.buttons-green {
    padding-left: 12px;
    padding-right: 19px;
    padding-top: 2px;
    border: 1px solid #2a8801;
    border-radius: 10px;
    box-shadow: 1px 2px #2a8801;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    margin: 10px;
}

    .buttons-green:hover {
        color: #00ad0c;
    }

.buttons-greenx {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    border: 1px solid #2a8801;
    border-radius: 10px;
    box-shadow: 1px 2px #2a8801;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    margin: 10px;
}

    .buttons-greenx:hover {
        color: #00ad0c;
    }


.buttons-darkgreen {
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 2px;
    border: 1px solid #107100;
    border-radius: 10px;
    box-shadow: 1px 2px #107100;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    margin: 10px;
}

    .buttons-darkgreen:hover {
        color: #3e6a37;
    }


.buttons-blue {
    padding-left: 8px;
    padding-right: 13px;
    padding-top: 2px;
    border: 1px solid #000ad6;
    border-radius: 10px;
    box-shadow: 1px 2px #000ad6;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    margin: 10px;
}

    .buttons-blue:hover {
        color: #4951f6;
    }

.buttons-lightblue {
    padding-left: 10px;
    padding-right: 12px;
    padding-top: 2px;
    border: 1px solid #009af3;
    border-radius: 10px;
    box-shadow: 1px 2px #009af3;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
   
}

    .buttons-lightblue:hover {
        color: #44b5f6;
    }
    
.buttons-rizhesab {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    border: 1px solid #009af3;
    border-radius: 10px;
    box-shadow: 1px 2px #009af3;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
   
}

    .buttons-rizhesab:hover {
        color: #44b5f6;
    }
    
.buttons-exel {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    border: 1px solid #000ad6;
    border-radius: 10px;
    box-shadow: 1px 2px #000ad6;
    font-size: 27px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    margin: 10px;
}

.buttons-exel:hover {
    color: #4951f6;
}

.buttons-yellow {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 2px;
    border: 1px solid #ebd518;
    border-radius: 10px;
    box-shadow: 1px 2px #ebd518;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

    .buttons-yellow:hover {
        color: #fae746;
    }

.buttons-gray {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    border: 1px solid #6f6f6f;
    border-radius: 10px;
    box-shadow: 1px 2px #6f6f6f;
    font-size: 25px;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

    .buttons-gray:hover {
        color: #ababab;
    }