/* Generated by script */
@font-face {
  font-family: vazir;
  src: url('../font/vazir/Vazirmatn-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: vazir;
  src: url('../font/vazir/Vazirmatn-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: vazir;
  src: url('../font/vazir/Vazirmatn-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: vazir;
  src: url('../font/vazir/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: vazir;
  src: url('../font/vazir/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: vazir;
  src: url('../font/vazir/Vazirmatn-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: vazir;
  src: url('../font/vazir/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: vazir;
  src: url('../font/vazir/Vazirmatn-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: vazir;
  src: url('../font/vazir/Vazirmatn-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}



body
{
  font-family: vazir, sans-serif !important;
}

a
{
  text-decoration: none;
}

.offcanvas
{
  max-width: 70% !important;
}

.h-100vh
{
  height: 100vh;
}


.ltr {
  direction: ltr !important;
}



.icon-r
{
  width: 42px !important;
  height: 32px;
  background-image: url(../media/icon/dashboard.png);
  background-size: 70%;
  position: fixed;
  right: 16px;
  bottom: 16px;
  cursor: pointer;
  background-color: #FFF;
  padding: 20px;
    padding-right: 20px;
    padding-left: 20px;
  border-radius: 32px;
  background-position: center;
  background-repeat: no-repeat;
  border: solid 1px #CCC;
}

.ricon
{
  float: right;
  width: 26px;
  height: 26px;
  margin-left: 12px;
}


.active .ricon
{
  filter: contrast(90%) invert(90%) hue-rotate(180deg) !important;
  -ms-filter: invert(90%);
  -webkit-filter: contrast(90%) invert(90%) hue-rotate(180deg) !important;
  text-rendering: optimizeSpeed;
  image-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  -webkit-image-rendering: optimizeSpeed;
}

.icon-dashboard
{

  background-image: url(../media/icon/dashboard.png);
  background-size: contain;
}

.icon-user
{

  background-image: url(../media/icon/user.png);
  background-size: contain;
}

.icon-message
{
  background-image: url(../media/icon/message.png);
  background-size: contain;
}

.icon-category
{

  background-image: url(../media/icon/category.png);
  background-size: contain;
}


.icon-menu
{

  background-image: url(../media/icon/menu.png);
  background-size: contain;
}


.icon-group
{

  background-image: url(../media/icon/group.png);
  background-size: contain;
}

.icon-sample
{
  background-image: url(../media/icon/sample.png);
  background-size: contain;
}

.icon-file
{
  background-image: url(../media/icon/file.png);
  background-size: contain;
}

.icon-qar
{
  background-image: url(../media/icon/qar.png);
  background-size: contain;
}

.icon-shop
{
  background-image: url(../media/icon/shop.png);
  background-size: contain;
}

.icon-pay
{
  background-image: url(../media/icon/pay.png);
  background-size: contain;
}

.icon-license
{

  background-image: url(../media/icon/license.png);
  background-size: contain;
}


.icon-config
{

  background-image: url(../media/icon/config.png);
  background-size: contain;
}


.icon-exam
{

  background-image: url(../media/icon/exam.png);
  background-size: contain;
}


.icon-logout
{
  background-image: url(../media/icon/logout.png);
  background-size: contain;
}
