@font-face {
    font-family: 'sahel' ;
    src: url('../fonts/IranNastaliq.ttf') format('truetype');


}
@font-face {
    font-family: 'sahel2' ;

    src: url('../fonts/sahel.woff') format('woff');
}
body {
    font-family:  "sahel", sans-serif;
    font-size: 26px;
    
   
}

/*font nastaligh margin top icon sidbar*/
.sidebar .nav-link .feather {

    margin-bottom: 16px!important;

}




#style .navbar{

    background-color: rgba(255,255,255,.6)!important;

}
#style .navbar{

    background-color: rgba(255,255,255,.6)!important;
}
#style .navbar-brand{

    background-color: rgba(255,255,255,.6)!important;
    color: #04acf6;
    font-size: 35px;
}
#style .navbar-nav{

    background-color: rgba(255,255,255,.6)!important;
}
#style .navbar-toggler{
    background-color: transparent;

}
#style .nav-link{
    color: #5c636a;
    margin: 10px;
    font-size:28px;
}
#style .p{
    text-align: center;
}
/*sidebar menu*/
/*#sidebarMenu .blueText{*/
/*    color: black  !important;*/
/*}*/


.nav-link:hover, .nav-link:focus {
    color: #04ACF6 !important;
    border-bottom:4px solid #04ACF6 ;
}
.navbar .navbar-toggler {
    top: 1.25rem!important;
    left: 1rem!important;
}






.animated-icon1 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span{
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: #04ACF6;
}


.animated-icon1 span:nth-child(1) {
    top: 0px;
}

.animated-icon1 span:nth-child(2) {
    top: 10px;
}

.animated-icon1 span:nth-child(3) {
    top: 20px;
}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}














#circle-style .card{

    background: rgba(255,255,255,.6);
    border-radius: 1.5rem;
    border:2px solid #04ACF6;

}
#circle-style .card-title{

    margin: 20px !important;
    font-size: 40px;
    text-align: center;
}
#circle-style .card-footer{
    /*border-radius: 1.5rem;*/
    border: none;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border-top:2px solid #04ACF6 !important;
    background-color: white;
}
#circle-style .card-subtitle{
    color: #808080;
    margin: 10px;
    float: left;

}
#circle-style .card-footer .a{
    float: left !important;
    text-decoration: none;
    color: #0a58ca;
}
#circle-style .card-footer .a:hover, .a:focus {
    color: #04ACF6 !important;
    border-bottom:2px solid #04ACF6 ;
}
/*tabel list moshtarian*/

.table-responsive{

    font-size: 30px;
}

@media (min-width: 100px) {
    .c100 {
        font-size: 120px;


    }
    #style .p {
        display: none;

    }
    #style .nav-link{
        display: none;
    }
    #sidebarMenu .display_user
    {
        display: block;
    }
    #saveRegister{
        font-family: sahel2,sans-serif;
        font-size: 14px;
    }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .c100 {
        font-size: 120px;


    }
    #style .p{
        display: none;
    }
    #style .nav-link{
        display: none;
    }
    #sidebarMenu .display_user
    {
        display: block;
    }
  
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    #style .p{
        display: block;
    }
    #style .nav-link{
        display: block;
    }
    .c100 {
        font-size: 120px;

    }
    #style .navbar{
        border:2px solid #04ACF6 !important;
        border-radius: 1.5rem;
        background-color: rgba(255,255,255,.6)!important;
    }
    #style .navbar-brand{
        border-bottom-right-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
        border-left:2px solid #04ACF6 !important ;
        background-color: rgba(255,255,255,.6)!important;
    }
    #style .navbar-nav{
        border-bottom-left-radius: 1.5rem;
        /*border-bottom-left-radius: 1.5rem;*/
        border-right:2px solid #04ACF6 !important ;
        background-color: rgba(255,255,255,.6)!important;
        color: red;
    }
    #sidebarMenu .display_user
    {
        display: none;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .c100 {
        font-size: 140px;

    }
    #style .nav-link{
        display: block;
    }
    #style .p{
        display: block;
    }
    #sidebarMenu .display_user
    {
        display: none;
    }
}

/*//Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .c100 {
        font-size: 200px;

    }
    #style .nav-link{
        display: block;
    }
    #style .p{
        display: block;
    }
    #sidebarMenu .display_user
    {
        display: none;
    }
}

/*taghvim shamsi box*/
.datepicker-plot-area {
    box-sizing: border-box;
    overflow: hidden;
    min-height: 70px;
    display: block;
    width: 200px;
    min-width: 200px;
    padding: 3px;
    position: absolute;
    font: 12px tahoma;
    border:2px solid #04ACF6;
    border-radius: 1.5rem;
    background-color: #fff;
}