@font-face {
    font-family: "yekan";
    src: url(fonts/yekan/Yekan.eot);
    src: url(fonts/yekan/Yekan.eot?#iefix) format("embedded-opentype"),
      url(fonts/yekan/Yekan.woff) format("woff"),
      url(fonts/yekan/Yekan.ttf) format("truetype"),
      url(fonts/yekan/Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "vazir";
    src: url(fonts/vazir/Vazir-FD.eot);
    src: url(fonts/vazir/Vazir-FD.eot) format("embedded-opentype"),
      url(fonts/vazir/Vazir-FD.woff) format("woff"),
      url(fonts/vazir/Vazir-FD.woff2) format("woff2"),
      url(fonts/vazir/Vazir-FD.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "vazir";
    src: url(fonts/vazir/Vazir-Light-FD.eot);
    src: url(fonts/vazir/Vazir-Light-FD.eot) format("embedded-opentype"),
      url(fonts/vazir/Vazir-Light-FD.woff) format("woff"),
      url(fonts/vazir/Vazir-Light-FD.woff2) format("woff2"),
      url(fonts/vazir/Vazir-Light-FD.ttf) format("truetype");
    font-weight: 300;
  }
  
  @font-face {
    font-family: "vazir";
    src: url(fonts/vazir/Vazir-Medium-FD.eot);
    src: url(fonts/vazir/Vazir-Medium-FD.eot) format("embedded-opentype"),
      url(fonts/vazir/Vazir-Medium-FD.woff) format("woff"),
      url(fonts/vazir/Vazir-Medium-FD.woff2) format("woff2"),
      url(fonts/vazir/Vazir-Medium-FD.ttf) format("truetype");
    font-weight: 500;
  }
  @font-face {
    font-family: "vazir";
    src: url(fonts/vazir/Vazir-Bold-FD.eot);
    src: url(fonts/vazir/Vazir-Bold-FD.eot) format("embedded-opentype"),
      url(fonts/vazir/Vazir-Bold-FD.woff) format("woff"),
      url(fonts/vazir/Vazir-Bold-FD.woff2) format("woff2"),
      url(fonts/vazir/Vazir-Bold-FD.ttf) format("truetype");
    font-weight: 700;
  }
  @font-face {
    font-family: "vazir";
    src: url(fonts/vazir/Vazir-Black-FD.eot);
    src: url(fonts/vazir/Vazir-Black-FD.eot) format("embedded-opentype"),
      url(fonts/vazir/Vazir-Black-FD.woff) format("woff"),
      url(fonts/vazir/Vazir-Black-FD.woff2) format("woff2"),
      url(fonts/vazir/Vazir-Black-FD.ttf) format("truetype");
    font-weight: 900;
  }
  @font-face {
    font-family: "vazir-non-digit";
    src: url(fonts/vazir/Vazir.eot);
    src: url(fonts/vazir/Vazir.eot) format("embedded-opentype"),
      url(fonts/vazir/Vazir.woff) format("woff"),
      url(fonts/vazir/Vazir.woff2) format("woff2"),
      url(fonts/vazir/Vazir.ttf) format("truetype");
  }
  
  html,
  body {
    color: #4e5e6a;
    font-family: "vazir-non-digit", "yekan";
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
  }
  .select2-chosen ,.popover-body {
    font-family: "vazir-non-digit", "yekan";
  }
















/* language dropdown: fix height dropdown*/
.language-dropdown{
  height: auto;
  padding: .5rem 0 .5rem .5rem ;
}











.brand-logo-mini{
  padding: 0 !important;
}


.profile-image{
  overflow: visible;
}

.profile-image-direct-upload>label{
  margin: 0;
}
.profile-image-direct-upload{
  border: none !important;

}


#notificaion-popup-list{
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#notificaion-popup-list > a{
  border-radius: .25rem;
  border-bottom: 1px solid #F8F9FA !important;
}



#messages-popup-list{
  gap: 5px;
  padding: 5px;
 }
 #messages-popup-list .unread-notification{
  border-radius: .25rem;
 }




.nav-tabs{
  padding: 0 1rem;
}
 .card .page-title{
  padding-right: 10px;
  padding-left: 10px;

 }
 @media only screen and (min-width: 768px) {
.datatable-tools{
  display:flex ;
  justify-content: space-between;
  padding: 0 1rem;
}
.datatable-tools>div{
  padding: 0 !important;
}
 }


/*fix pagination style*/
.pagination{
  display:flex ;
  gap: 5px;
}
.pagination .next{
  border-radius:  0 .25rem .25rem 0 !important;
}
.pagination .previous{
  border-radius:   .25rem 0 0 .25rem !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: transparent !important;
  margin: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button a {
  border: none !important;
  background: transparent !important;

}


#todo-inline-form>.todo-input-box>.input-group{
  background-color: inherit;
  border-radius: .25rem;
  overflow: hidden;
  border: 1px solid transparent;

}
#todo-inline-form>.todo-input-box>.input-group>input{
  border: none;
}
#todo-inline-form>.todo-input-box>.input-group>span>button{
  border-radius: 0 ;
}

.settings{
  background-color: #FFF !important;
  border-radius: .25rem;
  padding: 1rem;
  gap: .5rem;
  display: flex !important;
  flex-direction: column;
}
.settings>div{
  margin: 0 !important;
  padding: 1rem;
}
#invoice-overview-widget-container div.widget-footer{
    position: unset !important;
    margin: 2rem .75rem 0 .75rem;
}



/* pariority dropdown width */
#s2id_autogen7{
  width: auto ;
}



.dataTables_filter input[type=search]{
  border-radius: .25rem;
 }



.nav-tabs li .active, .nav-tabs li.active{
  border-bottom-width: 3px !important;
}
.missed-reminder{
  border-radius: 0 !important;
}


/* #project-table tbody tr td:nth-child(1){
  text-align: center !important;
} */

/* .dataTable{
  padding: 0 1rem !important;
} */

.delete>svg ,.edit>svg{
  margin-top: 2px !important;
}

.DTTT_container .input-group .input-group-addon{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 .75rem;
}



/* gantt chart true position when rtl mod refresh  */
.gantt-container {
  direction: ltr;
}

/* remove background table data length limiter to similar other dropdown */
/* .dataTables_length label div a.select2-choice{
  background-color: #fff !important;
} */

.nav-tabs li:not(.title-tab):after {
  height: 3px;
}


div.input-group:has(#todo-title){
  padding-bottom: 0 !important;
  margin-bottom: 10px;
}


.ps__rail-y{
  z-index: 100;
}
input#custom-color{
  overflow: hidden;
  border-radius: 2px !important;
}
.color-tag{
  border-radius: 2px;
  box-shadow: 0 0 1px white;
}

.sub-task-icon.priority-badge{
  margin-left: 5px;
}
.DTTT_container {
  border-radius: 5px !important;
}

.project-tasks_kanban-section{
  overflow: hidden;
}

#kanban-wrapper::-webkit-scrollbar {
  background-color: #D9DEE2;
  height: 10px !important;
  border-radius: 0 0 5px 5px;
}

.brand-logo{
  display: flex;
  justify-content: start;
  padding-right: 15px;
  padding-left: 15px;
}
.select2-choice,.client-widget-link>.card>.card-body{
  border-radius: 4px !important;
}
.nav-tabs li .active{
  border-bottom: none !important;
}
.nav-tabs li:has(.active):after {
  width: 100% !important;
}



































































/* ///////////////////login */

.login-container{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.login-box{
  width: 80%;
  max-width: 1100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /* height: 500px; */
  padding: 30px 0;
  max-height: 500px;
  border-radius: 7px;
  overflow: hidden;
}
.login-box>div{
  width: 50%;
  height: 100%;
}

.left-login{
  margin: 0 !important;
  display: flex;
  justify-content: center;
}
.left-login>.card{
  width: 100%;
  max-width: 400px;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}
.left-login>.card>.card-body{
  flex: none !important;
}
.left-login>.card input{
  padding-top: 20px !important;
  padding-bottom: 20px !important;

}
.right-login{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.right-login>img{
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}

.login-responsive-mobile{
  display: none;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  
  .login-box{
    padding: 20px 0 0 0;
  }
  .right-login{
    display: none;
  }
  .left-login{
    width: 100% !important;
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .login-responsive-mobile{
    display: flex;
  }
  .login-responsive-desktop{
    display: none;
  }
  .left-login{
    padding: 0;
  }
}



.footer-logo:hover .filter-logo-1{
  fill: #F2A6AC !important;
}
.footer-logo:hover .filter-logo-2{
  fill: url(#paint0_linear_20_184) !important;
}



/* major bug */
.card:has(#sticky-note-container){
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  #all-tasks-overview-widget>div.position-absolute{
    margin-top: 15px;
    position: relative !important;
    bottom: 0 !important;
  }
  .h373:has(#income-expense-chart){
    height: auto !important;
  }
  .dashboards-row .card-body{
    height: auto !important;

  }
  #ticket-status-widget .position-absolute{
    position: relative !important;
    margin-top: 40px;
  }
}




/* summernote */
.note-editor .note-dropdown-menu {
  top: 25px;
}
.note-editor .note-toolbar .note-para .note-dropdown-menu.show{
  min-width: fit-content !important;
  display:flex ;
}
.note-editable>h1 ,.note-editable>h2 ,.note-editable>h3 ,.note-editable>h4 ,.note-editable>h5 ,.note-editable>h6{
  line-height: 2;
}


/* badge shape */
.priority-badge{
  border-radius: 4px;
  display: inline-flex;
  padding: 2px !important;
  width: fit-content;
  height: fit-content;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.priority-badge>svg{
  margin: 0 !important;
  padding: 0 !important;
}
.badge{
  margin-right: 5px;
}


#project-table tr.child>td.child>ul.dtr-details>li {
  display: flex;
  justify-content: space-between;
  text-align: right !important;
}


.table-responsive{
  overflow-x: scroll !important;
}



/* mobile responsive table (more icon) */
@media only screen and (max-width: 576px) {
  td.dtr-control>a{
    margin-left: 20px;
    width: calc(100vw - 100px) !important;
  }
  
}


/* invoice */
.invoice-info-title{
  border-radius: 5px;
  margin-bottom: 10px !important;
  display: block;
  width: fit-content;
  padding: 4px 10px;
}



/* when @ width not full */
.note-popover .popover-content{
  max-width: 100% !important;
}

.alert-info {
  background-color: #22B9FF;
}
.alert-success {
  background-color: #485BBD;
}
.alert-danger {
  background-color: #f5325c;
}
.alert-warning {
  background-color: #ffb822;
}

div:has(.form-signin){
  height: 100vh !important;
}



/* rise 3.4.1 */
.badge {
  vertical-align: middle !important;
} 

.widget-container .card .table-responsive {
  overflow: hidden !important;
}

#all_tasks_overview-widget{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#all_tasks_overview-widget .position-absolute{
  position: relative !important;
  bottom: 0 !important;
  text-align: start;
}

#my-task-list-widget-table{
  padding-bottom: 10px;
}

#all-project-timesheet-table .w50{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}


/* update 3.5.3 */

.input-group-addon{
  margin-right: 1px !important;
}