@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir.eot');
    src: local('Vazir'), url('../fonts/Vazir.woff') format('woff'), url('../fonts/Vazir.ttf') format('truetype');
}
@font-face {
    font-family: 'Sahel';
    src: url('../fonts/Sahel/Sahel-FD.eot');
    src: local('Sahel'), url('../fonts/Sahel/Sahel-FD.woff') format('woff'), url('../fonts/Sahel-FD.ttf') format('truetype');
}
body {
    font-family: Sahel,Vazir, sans-serif;
    
}
/****************************** Buttons **********************************/
/* css for the shiny buttons */
.btn_shiny {
    cursor: pointer;
    margin: 0;
    border-radius: 4px;
    text-decoration: none;
    padding: 1px;
    font-size: 1rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    display: inline-block;
    background-color: transparent;
}

.btn_shiny_big {
    cursor: pointer;
    margin: 0;
    border-radius: 4px;
    text-decoration: none;
    padding: 2px;
    font-size: 1.4rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    display: inline-block;
    background-color: transparent;
}

.blue {
    color: #55acee;
    border: 2px #55acee solid;
}

    .blue:hover {
        background-color: #55acee;
        color: #fff;
    }

.green {
    color: #2ecc71;
    border: 2px #2ecc71 solid;
}

    .green:hover {
        color: #fff;
        background-color: #2ecc71;
    }

.red {
    color: #e74c3c;
    border: 2px #e74c3c solid;
}

    .red:hover {
        color: #fff;
        background-color: #e74c3c;
    }

.purple {
    color: #9b59b6;
    border: 2px #9b59b6 solid;
}

    .purple:hover {
        color: #fff;
        background-color: #9b59b6;
    }

.orange {
    color: #e67e22;
    border: 2px #e67e22 solid;
}

    .orange:hover {
        color: #fff;
        background-color: #e67e22;
    }

.yellow {
    color: #f1c40f;
    border: 2px #f1c40f solid;
}

    .yellow:hover {
        color: #fff;
        background-color: #f1c40f;
    }

/******************************<\ Buttons >**********************************/
.badge {
    background-color: #8c97cc;
}