.help-catagory.list-group .list-group-item:hover, .help-catagory.list-group .list-group-item.active {
  border-left: none !important;
  border-radius: 5px!important;
  border-right: 5px solid #009688 !important;
  background: rgb(198 215 237);
}
.avatar img {
  height: auto;
  max-width: 100%;
  border-radius: 7px;
  border-style: dashed;
  border-width: 1px;
  border-color: #009688;
}

/*Write your custom css in this file.*/

  @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;
  }
.b-b {
    padding: 10px;
}
.rise-chat-footer textarea {
    height: 115px;
}
.chat-close {
    font-size: 40px;
    line-height: 22px;
}
.rise-chat-wrapper {
    width: 400px;
    height: 460px;
    border-radius: 10px;
    background: #fff;
}
.popover {
    font-family: 'vazir';
}
.bg-info {
    background-color: #1d2632 !important;
}
.btn-default {
    border: 0px solid #ffffff !important;
}
.todo-input-box button {
    border-radius: 5px 0px 0px 5px !important;
    padding: 10px 30px !important;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.btn.active {
    background: #1d2632;
}
.btn-group, .btn-group-vertical {
    direction: ltr;
}
.page-title .title-button-group {
    float: left;
    margin: 0px 0px 0px 10px!important;
}
.dataTables_wrapper .dataTables_filter input {
    border-radius: 5px;
}
div.DTTT_container {
    float: left;
    gap: 5px;
    align-items: center;
    display: flex;
}
svg.feather.feather-chevron-left.icon {
    transform: rotate(180deg);
}
svg.feather.feather-chevron-right.icon {
  transform: rotate(180deg);
}
  .custom-toolbar .dropdown-toggle {
    background-color: #fff !important;
    color: #1d2632 !important;
}

  .datatable-tools.clearfix.row {
    direction: rtl;
    background: #f6f8f9;
    border-radius: 5px;
    margin: 10px!important;
    padding: 10px!important;
}
.sticky-note {
  margin: 2%;
  height: 300px;
  padding: 10px;
  border: #91ad3a;
  border-style: solid;
  border-width: 4px 0px 0px 0px;
  border-radius: 10px;
  color: #1d2632;
  font-size: 110%;
  background: #cee096;
  width: 95.5%;
}
.sticky-note:hover {
  margin: 2%;
  height: 300px;
  padding: 10px;
  border: #00b393;
  border-style: solid;
  border-width: 4px 0px 0px 0px;
  border-radius: 10px;
  color: #1d2632;
  font-size: 110%;
  background: #4caf508a;
  width: 95.5%;
}
.nav-tabs {
  padding-right: 15px;
}
.kanban-container {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 0px 0px 15px 15px;
  background: #e1eeff;
}
.btn-default {
  background-color: #009688;
  border: 1px solid #009688;
  border-radius: 5px;
  color: #ffffff !important;
}
.btn-default:hover {
  background-color: #E6E6E6;
  border-color: #E6E6E6;
  color: #009688!important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary {
  border-radius: 5px;
}
.btn-info:hover, .btn-info:active, .btn-info {
  border-radius: 5px;
}
.kanban-col-title {
  padding: 15px;
  background: #fff;
  color: #4e5e6a;
  margin-bottom: 15px;
  margin-right: 3px;
  border-radius: 10px 5px 5px 10px;
}
.text-primary {
  color: #ffffff !important;
}
.flex-wrap {
  direction: ltr;
}
svg:not(.gantt) {
  margin-top: 0px;
  pointer-events: none;
}
.option svg {
  margin-top: 1px !important;
}
  html,

  body {

    background-color: #e5e9ec;

    color: #4e5e6a;

    font-family: "vazir","yekan" !important;

    font-size: 13px;

    -webkit-font-smoothing: antialiased;

    height: 100%;

    overflow: hidden;

    overflow-x: hidden;

  }

.form-signin {

    width: 100%;

    max-width: 450px;

    margin-left: auto;

    text-align: right;

}

.larathunder-cp{

    max-width: max-content;

    font-size: 11px;

    color: #2e4053;

    background-color: #ffffff;

    padding: 10px;

    text-align: center;

    border-radius: 3px;

}

.chat-me .chat-msg {

    border-radius: 7px 0 7px 7px;

    background-color: #956f1f;

    color: #fff;

    text-align: right;

}