@font-face{
	font-family: 'Vazir';
	src: url('../fonts/Vazir-Regular-FD.ttf'),
		 url('../fonts/Vazir-Regular-FD.eot'),
		 url('../fonts/Vazir-Regular-FD.woff'),
		 url('../fonts/Vazir-Regular-FD.woff2');
}

*{
    font-family: Vazir !important;
	margin: 0;
	padding: 0;
}


a{
    text-decoration: none !important;
    color: white;
    font-size:12px;
}
.text-info{
    margin-bottom:0;
}

label{
	float: right;
}

.bg-blue{
    background-color: rgb(74,109,165);
    box-shadow: 0 3px 4px #aaaaaa, 0 4px 8px #ededed;
}

.bg-red{
    background-color: rgb(210, 0, 1);
    box-shadow: 0 3px 4px #aaaaaa, 0 4px 8px #ededed;
}

#app .row .adv-nav{
    height: 42px;
    display: flex;
    justify-content: start;
}

.navbar-text{
    color: white;
}

.nav-link{
    color: #dedede!important;
}
.nav-link:hover{
    color: #fefefe!important;
}
.active > .nav-link{
    color: #ffffff!important;
}
.bg-article{
    background-color: #dedede;
}
#date-time{
    color: #999;
    font-size: .8rem;
}

#new-adv{
    width:90vw;
}
/*panel*/

.sidebar-link > a:hover{
    border-left: 3px solid rgb( 210, 0, 1);
    background-color: rgb(0,0,0);
    transition: all .4s;
}

.show{
    float: left;
    left: 20px;
    font-size: 12px;
    cursor: pointer;
    color: rgb(100, 100, 100);
}

.showConf{
    float:left;
    font-size: 14px;
    cursor: pointer;
    color: rgb(100, 100, 100);
    margin-top:8px;
    margin-bottom:0;
}
.green-zone{
    top: 128px;
}
.advs{
    height: auto;
    margin-bottom: 3px;
}
/*------------ Responsive -----------*/
/* @media screen and (max-width: 991px){
    *{
        font-size: 14px;
    }
    #search{
        height: 18px;
        width: 18px;
    }
    #userimg{
        height: 18px;
        width: 18px;
    }
    #main-page{
        font-size: 16px;
    }
}

@media screen and (max-width: 767px){
    *{
        font-size: 12px;
    }
    #search{
        height: 16px;
        width: 16px;
    }
    #userimg{
        height: 16px;
        width: 16px;
    }
    #main-page{
        font-size: 14px;
    }
}
*/
@media screen and (max-width: 575px){
   
    #userimg{
        margin-left:22px;
    }
   
}

@media screen and (max-width:330px){
    .regsec{
        width:100vw;
    }
    .logsec{
        width:100vw;
    }
}