@charset "UTF-8";
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/*---------zindex variables-------------*/
/*-------------------------------------------*/
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/*------------button-colors------------*/
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/*------------button-colors------------*/
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/*--------------------------------*/
/*        Headlines elements      */
/*--------------------------------*/
/*--------------------------------*/
/*          Text elements         */
/*--------------------------------*/
/*--------------------------------*/
/*            More link           */
/*--------------------------------*/
/*-----------------------------------------------------*/
/*                    Section Color                    */
/*-----------------------------------------------------*/
/*--------------------------------*/
/*         Scrollbar hide         */
/*--------------------------------*/
/*--------------------------------*/
/*      Dots in current line      */
/*--------------------------------*/
/*--------------------------------*/
/*          Column count          */
/*--------------------------------*/
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
.no-scroll-bar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scroll-bar::-webkit-scrollbar {
  display: none;
}
body {
  min-width: 320px;
  max-width: 2500px;
  position: relative;
  margin: 0 auto !important;
}
body, table, input, select, textarea {
  color: #0A0A0A;
  font-family: "Gilroy SemiBold";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
address {
  font-style: normal;
}
hr {
  display: none;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  font-size: 20px;
  line-height: 35px;
  font-weight: normal;
}
a, body .link, body .owl-dots .owl-dot.active div.usplist {
  color: #2d57ec;
  text-decoration: none;
  cursor: pointer;
}
a:hover, body .link:hover {
  color: #0e28b0;
}
/*-----------------------------------*/
/*------------font sizes-------------*/
/*-----------------------------------*/
.morelink {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.default {
  font-family: "Gilroy SemiBold";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
small, .small1 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
}
.medium1 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}
.large1 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
}
.t1large, .t1large a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 75px;
  line-height: 107px;
}
.t1, .t1 a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 50px;
  line-height: 66px;
}
.t2, .t2 a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
}
.t3, .t3 a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 34px;
  line-height: 44px;
}
.t4, .t4 a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.t5, .t5 a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}
.t6, .t6 a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.button {
  font-family: "Gilroy SemiBold";
  font-style: normal;
  font-weight: 500;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 21px;
  min-height: 38px;
  min-width: 38px;
}
.small {
  padding: 6px 8px 5px;
  min-height: 30px;
  min-width: 36px;
  font-size: 14px;
  line-height: 17px;
}
.small-btn {
  padding: 0;
  min-height: 26px;
  min-width: 26px;
  font-size: 14px;
  line-height: 16px;
}
.extrasmall {
  padding: 3px 3px;
  min-height: 26px;
  min-width: 26px;
  font-size: 12px;
  line-height: 16px;
}
.medium {
  padding: 7px 9px 9px;
}
.large {
  padding: 12px 36px;
  min-height: 45px;
  min-width: 45px;
}
.min-width {
  min-width: 120px;
}
.min-width-small {
  min-width: 80px;
}
.shadow {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
/*-----------------------------------*/
/*------------bg collors-------------*/
/*-----------------------------------*/
body {
  background-color: #ffffff;
  color: #0A0A0A;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
  background-color: #000000;
  color: #ffffff;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
body .default, body .default a:not(.button), body .small1, body .small1 a:not(.button), body .medium1, body .medium1 a:not(.button), body .large1, body .large1 a:not(.button) {
  color: #0A0A0A;
}
body .border {
  border-color: #DEDEDE;
}
body .link {
  color: #2d57ec;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  body .link:hover {
    color: #0e28b0;
  }
}
body .t1large {
  color: #0A0A0A;
}
body .t1, body .t1 a:not(.button), body h1, body h1 a:not(.button) {
  color: #0A0A0A;
}
body .t2, body .t2 a:not(.button), body h2, body h2 a:not(.button) {
  color: #0A0A0A;
}
body .t3, body .t3 a:not(.button), body h3, body h3 a:not(.button) {
  color: #0A0A0A;
}
body .t4, body .t4 a:not(.button), body h4, body h4 a:not(.button) {
  color: #0A0A0A;
}
body .t5, body .t5 a:not(.button), body h5, body h5 a:not(.button) {
  color: #0A0A0A;
}
body .t6, body .t6 a:not(.button), body h6, body h6 a:not(.button) {
  color: #0A0A0A;
}
body svg.icon {
  fill: #0A0A0A;
  color: #0A0A0A;
}
body * {
  scrollbar-width: thin;
  scrollbar-color: #c8c8c8;
}
body *::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body *::-webkit-scrollbar-track {
  background: #dddddd;
}
body *::-webkit-scrollbar-thumb {
  background: #c8c8c8;
}
body .default, body .default a:not(.button), body .small1, body .small1 a:not(.button), body .medium1, body .medium1 a:not(.button), body .large1, body .large1 a:not(.button) {
  color: #ffffff;
}
body svg.icon {
  fill: #ffffff;
  color: #ffffff;
}
body * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
body *::-webkit-scrollbar {
  width: "";
  height: "";
}
body *::-webkit-scrollbar-track {
  background: "";
}
body *::-webkit-scrollbar-thumb {
  background: "";
}
.bgweb, .insideClass.bgweb {
  background-color: #ffffff;
  color: #0A0A0A;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.bgweb .default, .bgweb .default a:not(.button), .bgweb .small1, .bgweb .small1 a:not(.button), .bgweb .medium1, .bgweb .medium1 a:not(.button), .bgweb .large1, .bgweb .large1 a:not(.button), .insideClass.bgweb .default, .insideClass.bgweb .default a:not(.button), .insideClass.bgweb .small1, .insideClass.bgweb .small1 a:not(.button), .insideClass.bgweb .medium1, .insideClass.bgweb .medium1 a:not(.button), .insideClass.bgweb .large1, .insideClass.bgweb .large1 a:not(.button) {
  color: #0A0A0A;
}
.bgweb .border, .insideClass.bgweb .border {
  border-color: #DEDEDE;
}
.bgweb .link, .insideClass.bgweb .link {
  color: #2d57ec;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .bgweb .link:hover, .insideClass.bgweb .link:hover {
    color: #0e28b0;
  }
}
.bgweb .t1large, .insideClass.bgweb .t1large {
  color: #0A0A0A;
}
.bgweb .t1, .bgweb .t1 a:not(.button), .bgweb h1, .bgweb h1 a:not(.button), .insideClass.bgweb .t1, .insideClass.bgweb .t1 a:not(.button), .insideClass.bgweb h1, .insideClass.bgweb h1 a:not(.button) {
  color: #0A0A0A;
}
.bgweb .t2, .bgweb .t2 a:not(.button), .bgweb h2, .bgweb h2 a:not(.button), .insideClass.bgweb .t2, .insideClass.bgweb .t2 a:not(.button), .insideClass.bgweb h2, .insideClass.bgweb h2 a:not(.button) {
  color: #0A0A0A;
}
.bgweb .t3, .bgweb .t3 a:not(.button), .bgweb h3, .bgweb h3 a:not(.button), .insideClass.bgweb .t3, .insideClass.bgweb .t3 a:not(.button), .insideClass.bgweb h3, .insideClass.bgweb h3 a:not(.button) {
  color: #0A0A0A;
}
.bgweb .t4, .bgweb .t4 a:not(.button), .bgweb h4, .bgweb h4 a:not(.button), .insideClass.bgweb .t4, .insideClass.bgweb .t4 a:not(.button), .insideClass.bgweb h4, .insideClass.bgweb h4 a:not(.button) {
  color: #0A0A0A;
}
.bgweb .t5, .bgweb .t5 a:not(.button), .bgweb h5, .bgweb h5 a:not(.button), .insideClass.bgweb .t5, .insideClass.bgweb .t5 a:not(.button), .insideClass.bgweb h5, .insideClass.bgweb h5 a:not(.button) {
  color: #0A0A0A;
}
.bgweb .t6, .bgweb .t6 a:not(.button), .bgweb h6, .bgweb h6 a:not(.button), .insideClass.bgweb .t6, .insideClass.bgweb .t6 a:not(.button), .insideClass.bgweb h6, .insideClass.bgweb h6 a:not(.button) {
  color: #0A0A0A;
}
.bgweb svg.icon, .insideClass.bgweb svg.icon {
  fill: #0A0A0A;
  color: #0A0A0A;
}
.bgweb *, .insideClass.bgweb * {
  scrollbar-width: thin;
  scrollbar-color: #c8c8c8;
}
.bgweb *::-webkit-scrollbar, .insideClass.bgweb *::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.bgweb *::-webkit-scrollbar-track, .insideClass.bgweb *::-webkit-scrollbar-track {
  background: #dddddd;
}
.bgweb *::-webkit-scrollbar-thumb, .insideClass.bgweb *::-webkit-scrollbar-thumb {
  background: #c8c8c8;
}
.bgweb2, .insideClass.bgweb2 {
  background-color: #F8F9FB;
  color: #0A0A0A;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.bgweb2 .default, .bgweb2 .default a:not(.button), .bgweb2 .small1, .bgweb2 .small1 a:not(.button), .bgweb2 .medium1, .bgweb2 .medium1 a:not(.button), .bgweb2 .large1, .bgweb2 .large1 a:not(.button), .insideClass.bgweb2 .default, .insideClass.bgweb2 .default a:not(.button), .insideClass.bgweb2 .small1, .insideClass.bgweb2 .small1 a:not(.button), .insideClass.bgweb2 .medium1, .insideClass.bgweb2 .medium1 a:not(.button), .insideClass.bgweb2 .large1, .insideClass.bgweb2 .large1 a:not(.button) {
  color: #0A0A0A;
}
.bgweb2 svg.icon, .insideClass.bgweb2 svg.icon {
  fill: #0A0A0A;
  color: #0A0A0A;
}
.bgweb2 *, .insideClass.bgweb2 * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bgweb2 *::-webkit-scrollbar, .insideClass.bgweb2 *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bgweb2 *::-webkit-scrollbar-track, .insideClass.bgweb2 *::-webkit-scrollbar-track {
  background: "";
}
.bgweb2 *::-webkit-scrollbar-thumb, .insideClass.bgweb2 *::-webkit-scrollbar-thumb {
  background: "";
}
.bgweb3, .insideClass.bgweb3 {
  background-color: #ffffff;
  color: #0A0A0A;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.bgweb3 .default, .bgweb3 .default a:not(.button), .bgweb3 .small1, .bgweb3 .small1 a:not(.button), .bgweb3 .medium1, .bgweb3 .medium1 a:not(.button), .bgweb3 .large1, .bgweb3 .large1 a:not(.button), .insideClass.bgweb3 .default, .insideClass.bgweb3 .default a:not(.button), .insideClass.bgweb3 .small1, .insideClass.bgweb3 .small1 a:not(.button), .insideClass.bgweb3 .medium1, .insideClass.bgweb3 .medium1 a:not(.button), .insideClass.bgweb3 .large1, .insideClass.bgweb3 .large1 a:not(.button) {
  color: #0A0A0A;
}
.bgweb3 svg.icon, .insideClass.bgweb3 svg.icon {
  fill: #0A0A0A;
  color: #0A0A0A;
}
.bgweb3 *, .insideClass.bgweb3 * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bgweb3 *::-webkit-scrollbar, .insideClass.bgweb3 *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bgweb3 *::-webkit-scrollbar-track, .insideClass.bgweb3 *::-webkit-scrollbar-track {
  background: "";
}
.bgweb3 *::-webkit-scrollbar-thumb, .insideClass.bgweb3 *::-webkit-scrollbar-thumb {
  background: "";
}
.bgweb4, .insideClass.bgweb4 {
  background-color: #ffffff;
  color: #0A0A0A;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.bgweb4 .default, .bgweb4 .default a:not(.button), .bgweb4 .small1, .bgweb4 .small1 a:not(.button), .bgweb4 .medium1, .bgweb4 .medium1 a:not(.button), .bgweb4 .large1, .bgweb4 .large1 a:not(.button), .insideClass.bgweb4 .default, .insideClass.bgweb4 .default a:not(.button), .insideClass.bgweb4 .small1, .insideClass.bgweb4 .small1 a:not(.button), .insideClass.bgweb4 .medium1, .insideClass.bgweb4 .medium1 a:not(.button), .insideClass.bgweb4 .large1, .insideClass.bgweb4 .large1 a:not(.button) {
  color: #0A0A0A;
}
.bgweb4 .t1large, .insideClass.bgweb4 .t1large {
  color: #0A0A0A;
}
.bgweb4 .t1, .bgweb4 .t1 a:not(.button), .bgweb4 h1, .bgweb4 h1 a:not(.button), .insideClass.bgweb4 .t1, .insideClass.bgweb4 .t1 a:not(.button), .insideClass.bgweb4 h1, .insideClass.bgweb4 h1 a:not(.button) {
  color: #0A0A0A;
}
.bgweb4 .t2, .bgweb4 .t2 a:not(.button), .bgweb4 h2, .bgweb4 h2 a:not(.button), .insideClass.bgweb4 .t2, .insideClass.bgweb4 .t2 a:not(.button), .insideClass.bgweb4 h2, .insideClass.bgweb4 h2 a:not(.button) {
  color: #0A0A0A;
}
.bgweb4 .t3, .bgweb4 .t3 a:not(.button), .bgweb4 h3, .bgweb4 h3 a:not(.button), .insideClass.bgweb4 .t3, .insideClass.bgweb4 .t3 a:not(.button), .insideClass.bgweb4 h3, .insideClass.bgweb4 h3 a:not(.button) {
  color: #0A0A0A;
}
.bgweb4 .t4, .bgweb4 .t4 a:not(.button), .bgweb4 h4, .bgweb4 h4 a:not(.button), .insideClass.bgweb4 .t4, .insideClass.bgweb4 .t4 a:not(.button), .insideClass.bgweb4 h4, .insideClass.bgweb4 h4 a:not(.button) {
  color: #0A0A0A;
}
.bgweb4 .t5, .bgweb4 .t5 a:not(.button), .bgweb4 h5, .bgweb4 h5 a:not(.button), .insideClass.bgweb4 .t5, .insideClass.bgweb4 .t5 a:not(.button), .insideClass.bgweb4 h5, .insideClass.bgweb4 h5 a:not(.button) {
  color: #0A0A0A;
}
.bgweb4 .t6, .bgweb4 .t6 a:not(.button), .bgweb4 h6, .bgweb4 h6 a:not(.button), .insideClass.bgweb4 .t6, .insideClass.bgweb4 .t6 a:not(.button), .insideClass.bgweb4 h6, .insideClass.bgweb4 h6 a:not(.button) {
  color: #0A0A0A;
}
.bgweb4 svg.icon, .insideClass.bgweb4 svg.icon {
  fill: #0A0A0A;
  color: #0A0A0A;
}
.bgweb4 *, .insideClass.bgweb4 * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bgweb4 *::-webkit-scrollbar, .insideClass.bgweb4 *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bgweb4 *::-webkit-scrollbar-track, .insideClass.bgweb4 *::-webkit-scrollbar-track {
  background: "";
}
.bgweb4 *::-webkit-scrollbar-thumb, .insideClass.bgweb4 *::-webkit-scrollbar-thumb {
  background: "";
}
.bg-aside, .insideClass.bg-aside {
  background-color: #000000;
  color: #ffffff;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.bg-aside .default, .bg-aside .default a:not(.button), .bg-aside .small1, .bg-aside .small1 a:not(.button), .bg-aside .medium1, .bg-aside .medium1 a:not(.button), .bg-aside .large1, .bg-aside .large1 a:not(.button), .insideClass.bg-aside .default, .insideClass.bg-aside .default a:not(.button), .insideClass.bg-aside .small1, .insideClass.bg-aside .small1 a:not(.button), .insideClass.bg-aside .medium1, .insideClass.bg-aside .medium1 a:not(.button), .insideClass.bg-aside .large1, .insideClass.bg-aside .large1 a:not(.button) {
  color: #ffffff;
}
.bg-aside svg.icon, .insideClass.bg-aside svg.icon {
  fill: #ffffff;
  color: #ffffff;
}
.bg-aside *, .insideClass.bg-aside * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-aside *::-webkit-scrollbar, .insideClass.bg-aside *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-aside *::-webkit-scrollbar-track, .insideClass.bg-aside *::-webkit-scrollbar-track {
  background: "";
}
.bg-aside *::-webkit-scrollbar-thumb, .insideClass.bg-aside *::-webkit-scrollbar-thumb {
  background: "";
}
.bg-login, .insideClass.bg-login {
  background-color: #ffffff;
  color: #1E1E1D;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.bg-login .default, .bg-login .default a:not(.button), .bg-login .small1, .bg-login .small1 a:not(.button), .bg-login .medium1, .bg-login .medium1 a:not(.button), .bg-login .large1, .bg-login .large1 a:not(.button), .insideClass.bg-login .default, .insideClass.bg-login .default a:not(.button), .insideClass.bg-login .small1, .insideClass.bg-login .small1 a:not(.button), .insideClass.bg-login .medium1, .insideClass.bg-login .medium1 a:not(.button), .insideClass.bg-login .large1, .insideClass.bg-login .large1 a:not(.button) {
  color: #1E1E1D;
}
.bg-login .t1large, .insideClass.bg-login .t1large {
  color: #1E1E1D;
}
.bg-login .t1, .bg-login .t1 a:not(.button), .bg-login h1, .bg-login h1 a:not(.button), .insideClass.bg-login .t1, .insideClass.bg-login .t1 a:not(.button), .insideClass.bg-login h1, .insideClass.bg-login h1 a:not(.button) {
  color: #1E1E1D;
}
.bg-login .t2, .bg-login .t2 a:not(.button), .bg-login h2, .bg-login h2 a:not(.button), .insideClass.bg-login .t2, .insideClass.bg-login .t2 a:not(.button), .insideClass.bg-login h2, .insideClass.bg-login h2 a:not(.button) {
  color: #1E1E1D;
}
.bg-login .t3, .bg-login .t3 a:not(.button), .bg-login h3, .bg-login h3 a:not(.button), .insideClass.bg-login .t3, .insideClass.bg-login .t3 a:not(.button), .insideClass.bg-login h3, .insideClass.bg-login h3 a:not(.button) {
  color: #1E1E1D;
}
.bg-login .t4, .bg-login .t4 a:not(.button), .bg-login h4, .bg-login h4 a:not(.button), .insideClass.bg-login .t4, .insideClass.bg-login .t4 a:not(.button), .insideClass.bg-login h4, .insideClass.bg-login h4 a:not(.button) {
  color: #1E1E1D;
}
.bg-login .t5, .bg-login .t5 a:not(.button), .bg-login h5, .bg-login h5 a:not(.button), .insideClass.bg-login .t5, .insideClass.bg-login .t5 a:not(.button), .insideClass.bg-login h5, .insideClass.bg-login h5 a:not(.button) {
  color: #1E1E1D;
}
.bg-login .t6, .bg-login .t6 a:not(.button), .bg-login h6, .bg-login h6 a:not(.button), .insideClass.bg-login .t6, .insideClass.bg-login .t6 a:not(.button), .insideClass.bg-login h6, .insideClass.bg-login h6 a:not(.button) {
  color: #1E1E1D;
}
.bg-login svg.icon, .insideClass.bg-login svg.icon {
  fill: #1E1E1D;
  color: #1E1E1D;
}
.bg-login *, .insideClass.bg-login * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-login *::-webkit-scrollbar, .insideClass.bg-login *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-login *::-webkit-scrollbar-track, .insideClass.bg-login *::-webkit-scrollbar-track {
  background: "";
}
.bg-login *::-webkit-scrollbar-thumb, .insideClass.bg-login *::-webkit-scrollbar-thumb {
  background: "";
}
.bg-highlighted, .insideClass.bg-highlighted {
  background-color: #FFF8F1;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.bg-highlighted .border, .insideClass.bg-highlighted .border {
  border-color: #FFF8F1;
}
.bg-highlighted svg.icon, .insideClass.bg-highlighted svg.icon {
  fill: "";
  color: "";
}
.bg-highlighted *, .insideClass.bg-highlighted * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-highlighted *::-webkit-scrollbar, .insideClass.bg-highlighted *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-highlighted *::-webkit-scrollbar-track, .insideClass.bg-highlighted *::-webkit-scrollbar-track {
  background: "";
}
.bg-highlighted *::-webkit-scrollbar-thumb, .insideClass.bg-highlighted *::-webkit-scrollbar-thumb {
  background: "";
}
.bg-error, .insideClass.bg-error {
  background-color: #FB6565;
  color: #ffffff;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.bg-error .default, .bg-error .default a:not(.button), .bg-error .small1, .bg-error .small1 a:not(.button), .bg-error .medium1, .bg-error .medium1 a:not(.button), .bg-error .large1, .bg-error .large1 a:not(.button), .insideClass.bg-error .default, .insideClass.bg-error .default a:not(.button), .insideClass.bg-error .small1, .insideClass.bg-error .small1 a:not(.button), .insideClass.bg-error .medium1, .insideClass.bg-error .medium1 a:not(.button), .insideClass.bg-error .large1, .insideClass.bg-error .large1 a:not(.button) {
  color: #ffffff;
}
.bg-error .border, .insideClass.bg-error .border {
  border-color: #FB6565;
}
.bg-error .t1large, .insideClass.bg-error .t1large {
  color: #ffffff;
}
.bg-error .t1, .bg-error .t1 a:not(.button), .bg-error h1, .bg-error h1 a:not(.button), .insideClass.bg-error .t1, .insideClass.bg-error .t1 a:not(.button), .insideClass.bg-error h1, .insideClass.bg-error h1 a:not(.button) {
  color: #ffffff;
}
.bg-error .t2, .bg-error .t2 a:not(.button), .bg-error h2, .bg-error h2 a:not(.button), .insideClass.bg-error .t2, .insideClass.bg-error .t2 a:not(.button), .insideClass.bg-error h2, .insideClass.bg-error h2 a:not(.button) {
  color: #ffffff;
}
.bg-error .t3, .bg-error .t3 a:not(.button), .bg-error h3, .bg-error h3 a:not(.button), .insideClass.bg-error .t3, .insideClass.bg-error .t3 a:not(.button), .insideClass.bg-error h3, .insideClass.bg-error h3 a:not(.button) {
  color: #ffffff;
}
.bg-error .t4, .bg-error .t4 a:not(.button), .bg-error h4, .bg-error h4 a:not(.button), .insideClass.bg-error .t4, .insideClass.bg-error .t4 a:not(.button), .insideClass.bg-error h4, .insideClass.bg-error h4 a:not(.button) {
  color: #ffffff;
}
.bg-error .t5, .bg-error .t5 a:not(.button), .bg-error h5, .bg-error h5 a:not(.button), .insideClass.bg-error .t5, .insideClass.bg-error .t5 a:not(.button), .insideClass.bg-error h5, .insideClass.bg-error h5 a:not(.button) {
  color: #ffffff;
}
.bg-error .t6, .bg-error .t6 a:not(.button), .bg-error h6, .bg-error h6 a:not(.button), .insideClass.bg-error .t6, .insideClass.bg-error .t6 a:not(.button), .insideClass.bg-error h6, .insideClass.bg-error h6 a:not(.button) {
  color: #ffffff;
}
.bg-error svg.icon, .insideClass.bg-error svg.icon {
  fill: #ffffff;
  color: #ffffff;
}
.bg-error *, .insideClass.bg-error * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-error *::-webkit-scrollbar, .insideClass.bg-error *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-error *::-webkit-scrollbar-track, .insideClass.bg-error *::-webkit-scrollbar-track {
  background: "";
}
.bg-error *::-webkit-scrollbar-thumb, .insideClass.bg-error *::-webkit-scrollbar-thumb {
  background: "";
}
.bg-success, .insideClass.bg-success {
  background-color: #EEFCF7;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.bg-success .border, .insideClass.bg-success .border {
  border-color: #49D69A;
}
.bg-success svg.icon, .insideClass.bg-success svg.icon {
  fill: "";
  color: "";
}
.bg-success *, .insideClass.bg-success * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-success *::-webkit-scrollbar, .insideClass.bg-success *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-success *::-webkit-scrollbar-track, .insideClass.bg-success *::-webkit-scrollbar-track {
  background: "";
}
.bg-success *::-webkit-scrollbar-thumb, .insideClass.bg-success *::-webkit-scrollbar-thumb {
  background: "";
}
/*-----------------------------------*/
/*------------Bg colors end-------------*/
/*-----------------------------------*/
@media (max-width: 1299px) {
  .t1large, .t1large a {
    font-size: 14px;
    line-height: 15px;
  }
  .t2, .t2 a {
    font-size: 15px;
    line-height: 18px;
  }
}
/*       add to default and remove       */
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.row.row-center {
  align-items: center;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-left-fixed, .col-0, .col-1, .col-2, .col-2-5, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-9-5, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
}
.col-left-fixed {
  -ms-flex: 0 0 255px;
  flex: 0 0 255px;
  max-width: 255px;
}
@media (max-width: 1023px) {
  .col-left-fixed {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}
.col-0 {
  -ms-flex: 0;
  flex: 0;
  max-width: 100%;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-2-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-9-5 {
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1300px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1300px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1024px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1300px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}
.mt-0, .my-0 {
  margin-top: 0 !important;
}
.mr-0, .mx-0 {
  margin-right: 0 !important;
}
.mb-0, .my-0 {
  margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3, .my-3 {
  margin-top: 1rem !important;
}
.mr-3, .mx-3 {
  margin-right: 1rem !important;
}
.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5, .my-5 {
  margin-top: 3rem !important;
}
.mr-5, .mx-5 {
  margin-right: 3rem !important;
}
.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}
.ml-5, .mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0, .py-0 {
  padding-top: 0 !important;
}
.pr-0, .px-0 {
  padding-right: 0 !important;
}
.pb-0, .py-0 {
  padding-bottom: 0 !important;
}
.pl-0, .px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1, .py-1 {
  padding-top: 0.25rem !important;
}
.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}
.pb-1, .py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2, .py-2 {
  padding-top: 0.5rem !important;
}
.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3, .py-3 {
  padding-top: 1rem !important;
}
.pr-3, .px-3 {
  padding-right: 1rem !important;
}
.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4, .py-4 {
  padding-top: 1.5rem !important;
}
.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5, .py-5 {
  padding-top: 3rem !important;
}
.pr-5, .px-5 {
  padding-right: 3rem !important;
}
.pb-5, .py-5 {
  padding-bottom: 3rem !important;
}
.pl-5, .px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1, .my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1, .mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1, .my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1, .mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2, .my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2, .mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2, .my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2, .mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3, .my-n3 {
  margin-top: -1rem !important;
}
.mr-n3, .mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3, .my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3, .mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4, .my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4, .mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4, .my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4, .mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5, .my-n5 {
  margin-top: -3rem !important;
}
.mr-n5, .mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5, .my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5, .mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto, .my-auto {
  margin-top: auto !important;
}
.mr-auto, .mx-auto {
  margin-right: auto !important;
}
.mb-auto, .my-auto {
  margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1, .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1, .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1, .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2, .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2, .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2, .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1, .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1, .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2, .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2, .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1, .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1, .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1, .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1, .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2, .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2, .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2, .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2, .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3, .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3, .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3, .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3, .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4, .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5, .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1, .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1, .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1, .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1, .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2, .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2, .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2, .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2, .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3, .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3, .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3, .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5, .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0, .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0, .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1, .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1, .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1, .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1, .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2, .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2, .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2, .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2, .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3, .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3, .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3, .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5, .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5, .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5, .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1, .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1, .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1, .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1, .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2, .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2, .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2, .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2, .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3, .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3, .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3, .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3, .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4, .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4, .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4, .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4, .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5, .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5, .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5, .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5, .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto, .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1, .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1, .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1, .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2, .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2, .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2, .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1, .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1, .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1, .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2, .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2, .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2, .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1, .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1, .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1, .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1, .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2, .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2, .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2, .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2, .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3, .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3, .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3, .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3, .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4, .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5, .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1300px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1, .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1, .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1, .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2, .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2, .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2, .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1, .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1, .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1, .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2, .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2, .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2, .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1, .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1, .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1, .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1, .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2, .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2, .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2, .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2, .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3, .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3, .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3, .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3, .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4, .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5, .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important;
  }
}
/*---------main content--------*/
@media (min-width: 1024px) {
  .g_fixed-content-style .main-section {
    height: 100vh;
  }
  .g_fixed-content-style .g-content {
    flex: 1 1 0%;
    display: flex;
    height: 100%;
  }
  .g_fixed-content-style .g-content .g-content-item {
    display: flex;
    width: 100%;
  }
  .g_fixed-content-style .g-content .g-content-item.center-aligned {
    align-items: center;
  }
  .g_fixed-content-style .g-content .g-content-item .g-content-item-wrapper {
    position: relative;
    width: 100%;
  }
  .g_fixed-content-style .g-content .g-content-item .g-content-item-wrapper .g-content-item-inner {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
  }
  .g_overflow-y-auto {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
  }
}
.g_scrolable-section {
  display: flex;
  flex-flow: column;
  max-height: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .g_scrolable-section {
    overflow: visible;
    max-height: unset;
    height: auto;
  }
}
.g_scrolable-section .g_fixed-box {
  width: 100%;
}
.g_scrolable-section .g_scrolable-box {
  flex: 1 1 0%;
  overflow-x: auto;
  overflow-y: auto;
}
.g_scrolable-section .g_scrolable-fixed-box {
  flex: 1 1 0;
  position: relative;
}
.g_scrolable-section .g_scrolable-fixed-box .g_scrolable-fixed-inner-box {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
@media (max-width: 1023px) {
  .g_scrolable-section .g_scrolable-fixed-box .g_scrolable-fixed-inner-box {
    position: static;
  }
}
.main-section {
  padding: 15px 13px 13px 8px;
  display: flex;
}
@media (max-width: 1299px) {
  .main-section {
    padding: 15px 13px 13px 13px;
  }
}
@media (max-width: 1023px) {
  .main-section {
    display: block;
    padding: 0;
  }
}
.main-section > .content-box {
  border-radius: 22px;
  flex: 1 1 0;
  padding: 0 29px 0 25px;
}
@media (max-width: 1299px) {
  .main-section > .content-box {
    padding: 0 10px 0 10px;
  }
}
@media (max-width: 1023px) {
  .main-section > .content-box {
    border-radius: 0;
  }
}
@media (max-width: 1023px) {
  .main-section > .content-box {
    padding: 0 20px 16px;
  }
}
/*-------left opened box-------*/
.g_left-opened-box {
  position: fixed;
  z-index: 3000;
  width: 90%;
  max-width: 523px;
  right: 13px;
  bottom: 13px;
  padding: 15px 25px;
  border-radius: 0 0 12px 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-flow: column;
  top: 60px;
}
@media (max-width: 1023px) {
  .g_left-opened-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    max-width: unset;
  }
}
.g_left-opened-box .g_left-opened-box-title-box {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 14px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
}
.g_left-opened-box .g_left-opened-box-title-box .g_left-opened-box-title-left-box {
  padding-right: 10px;
}
.g_left-opened-box .g_left-opened-box-title-box .g_left-opened-box-title-centered-box {
  width: 100%;
  padding-right: 10px;
  white-space: normal;
}
.g_left-opened-box .g_left-opened-box-title-box .g_left-opened-box-title-right-box {
  white-space: nowrap;
}
.g_left-opened-box .g_left-opened-box-content-box {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
  margin-right: -10px;
  padding-left: 20px;
  margin-left: -20px;
}
/*------------tooltip---------------*/
.g_tooltip-parent {
  position: relative;
}
.g_tooltip-parent .g_big-tooltip {
  position: absolute;
  left: 0;
  z-index: 3000;
  padding: 18px 20px 19px 20px;
  border-radius: 6px;
  bottom: -6px;
  transform: translate(0, 100%);
  width: 360px;
  text-align: left;
}
.g_tooltip-parent .g_big-tooltip.g_right-aligned {
  right: 0;
  left: auto;
}
.g_tooltip-parent .g_big-tooltip .g_tooltip-title-box {
  padding-bottom: 18px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.g_tooltip-parent .g_big-tooltip .g_tooltip-title-box .g_tooltip-title-left-box {
  padding-right: 10px;
}
.g_tooltip-parent .g_big-tooltip .g_tooltip-title-box .g_tooltip-title-centered-box {
  width: 100%;
  padding-right: 10px;
  white-space: normal;
}
.g_tooltip-parent .g_big-tooltip .g_tooltip-title-box .g_tooltip-title-right-box {
  white-space: nowrap;
}
.g_tooltip-parent .g_big-tooltip .g_tooltip-content-actions {
  text-align: right;
}
/*-------------Card list--------------*/
.card-list {
  margin-bottom: 0;
  white-space: normal;
}
.card-list li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 15px 12px;
}
.card-list li:last-child {
  border-bottom-width: 0;
}
.card-list li:last-child .card-list-header .card-actions-container {
  top: auto;
  bottom: 40px;
}
.card-list li .card-list-header {
  display: flex;
  align-items: center;
  padding: 0 0 10px;
}
.card-list li .card-list-header .card-header-left-box {
  padding-right: 10px;
}
.card-list li .card-list-header .card-header-centered-box {
  width: 100%;
  padding-right: 10px;
  white-space: normal;
}
.card-list li .card-list-header .card-header-right-box {
  white-space: nowrap;
  display: flex;
  align-items: center;
  position: relative;
}
.card-list li .card-list-header .card-header-right-box .last-button {
  margin-right: -10px;
  margin-left: 10px;
}
.card-list li .card-list-header .image-item {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.card-list li .properties-box {
  max-height: 113px;
  overflow: auto;
  white-space: normal;
}
.card-list li .properties-box .childrens-container {
  margin-left: 17px;
}
.card-list li .properties-box i.opened {
  display: inline-block;
  transform: rotate(90deg);
}
/*----------Card item----------*/
.card-box {
  padding: 16px 16px 13px;
  border-radius: 6px;
  margin: 0;
}
@media (max-width: 1023px) {
  .card-box {
    padding: 12px;
  }
}
.card-box.no-spaces {
  padding: 0;
  box-shadow: 0 0 0;
}
/*-----------------------*/
.form-card-box {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 17px;
}
.form-card-box .form-card-action {
  text-align: right;
  padding-top: 10px;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
.ngs_validate {
  color: #FB6565 !important;
  margin-top: 5px;
  font-size: 11px;
  width: 100%;
}
/*-------------Text-colors--------------*/
.text-primary {
  color: #2d57ec !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #0e28b0 !important;
}
.text-secondary {
  color: #A8A8A8 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: #333333 !important;
}
.text-success {
  color: #49D69A !important;
}
a.text-success:hover, a.text-success:focus {
  color: #36B881 !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}
.text-warning {
  color: #FFDC68 !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: #E2BF49 !important;
}
.text-danger {
  color: #FB6565 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: #E23939 !important;
}
.text-light {
  opacity: 0.7;
}
a.text-light:hover, a.text-light:focus {
  opacity: 0.5;
}
/*---------------spaces-------------*/
.clear {
  clear: both;
}
.space {
  height: 8px;
}
.half-space {
  height: 5px;
}
.double-space {
  clear: both;
  height: 40px;
  width: 100%;
}
/*-------------classes-------------*/
.no-hover {
  pointer-events: none;
}
.no-scroll {
  overflow: hidden;
}
.no-visible {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
[hidden] {
  display: none !important;
}
.left-align {
  text-align: left;
}
.right-align {
  text-align: right;
}
.center, .center-align {
  text-align: center;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.hide {
  display: none !important;
}
.is_hidden {
  display: none !important;
}
.is_visibility-hidden {
  visibility: hidden;
}
.is_disabled {
  pointer-events: none;
  opacity: 0.3;
}
.is_relative {
  position: relative;
}
.no-event {
  pointer-events: none;
}
.invalid-criteria-item {
  border: 1px solid red !important;
}
/**--------unset paddings---------*/
.no-ptb {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.no-plr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-p {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-pt {
  padding-top: 0 !important;
}
.no-pb {
  padding-bottom: 0 !important;
}
.no-pl {
  padding-left: 0 !important;
}
.no-pr {
  padding-right: 0 !important;
}
/*-------------------------TO DO------------------------*/
/*-------Need to remove or replace midterm folder-------*/
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
@font-face {
  font-family: "icomoon";
  src: url("//gtasks.armdev.am/fonts/iconmoon/fonts/icomoon.eot?sp1xn6");
  src: url("//gtasks.armdev.am/fonts/iconmoon/fonts/icomoon.eot?sp1xn6#iefix") format("embedded-opentype"), url("//gtasks.armdev.am/fonts/iconmoon/fonts/icomoon.ttf?sp1xn6") format("truetype"), url("//gtasks.armdev.am/fonts/iconmoon/fonts/icomoon.woff?sp1xn6") format("woff"), url("//gtasks.armdev.am/fonts/iconmoon/fonts/icomoon.svg?sp1xn6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-master-icon:before {
  content: "";
}
.icon-upload-cloud:before {
  content: "";
}
.icon-bell-notify:before {
  content: "";
}
.icon-drag-handle:before {
  content: "";
}
.icon-export-arrow:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-arrows-up-down-feel:before {
  content: "";
}
.icon-arrows-up-feel:before {
  content: "";
}
.icon-arrows-down-feel:before {
  content: "";
}
.icon-atom:before {
  content: "";
}
.icon-dollar:before {
  content: "";
}
.icon-clone:before {
  content: "";
}
.icon-up-arrow:before {
  content: "";
}
.icon-delete-trash:before {
  content: "";
}
.icon-truck:before {
  content: "";
}
.icon-regenerate1:before {
  content: "";
}
.icon-import-arrows:before {
  content: "";
}
.icon-close1:before {
  content: "";
}
.icon-check-mark:before {
  content: "";
}
.icon-question-1:before {
  content: "";
}
.icon-translate:before {
  content: "";
}
.icon-customers:before {
  content: "";
}
.icon-products:before {
  content: "";
}
.icon-delivery:before {
  content: "";
}
.icon-companies:before {
  content: "";
}
.icon-user:before {
  content: "";
}
.icon-calendar:before {
  content: "";
}
.icon-vendor:before {
  content: "";
}
.icon-warehouse:before {
  content: "";
}
.icon-contract:before {
  content: "";
}
.icon-shopping-bag:before {
  content: "";
}
.icon-import:before {
  content: "";
}
.icon-export:before {
  content: "";
}
.icon-long-arrow-left:before {
  content: "";
}
.icon-history:before {
  content: "";
}
.icon-language:before {
  content: "";
}
.icon-notifi:before {
  content: "";
}
.icon-sage-logo-svg:before {
  content: "";
}
.icon-cancel:before {
  content: "";
}
.icon-success:before {
  content: "";
}
.icon-message-icon:before {
  content: "";
}
.icon-svg0:before {
  content: "";
}
.icon-svg1:before {
  content: "";
}
.icon-svg2:before {
  content: "";
}
.icon-svg4:before {
  content: "";
}
.icon-svg5:before {
  content: "";
}
.icon-svg6:before {
  content: "";
}
.icon-svg7:before {
  content: "";
}
.icon-svg8:before {
  content: "";
}
.icon-svg9:before {
  content: "";
}
.icon-svg11:before {
  content: "";
}
.icon-svg12:before {
  content: "";
}
.icon-svg13:before {
  content: "";
}
.icon-svg14:before {
  content: "";
}
.icon-svg15:before {
  content: "";
}
.icon-svg16:before {
  content: "";
}
.icon-svg3:before {
  content: "";
}
.icon-svg17:before {
  content: "";
}
.icon-svg17l:before {
  content: "";
}
.icon-svg68:before {
  content: "";
}
.icon-arrows-top-bottom:before {
  content: "";
}
.icon-svg20:before {
  content: "";
}
.icon-svg21:before {
  content: "";
}
.icon-svg22:before {
  content: "";
}
.icon-svg23:before {
  content: "";
}
.icon-svg24:before {
  content: "";
}
.icon-edit:before {
  content: "";
}
.icon-svg26:before {
  content: "";
}
.icon-svg27:before {
  content: "";
}
.icon-svg28:before {
  content: "";
}
.icon-svg29:before {
  content: "";
}
.icon-svg30:before {
  content: "";
}
.icon-svg31:before {
  content: "";
}
.icon-svg32:before {
  content: "";
}
.icon-svg33:before {
  content: "";
}
.icon-svg34:before {
  content: "";
}
.icon-svg35:before {
  content: "";
}
.icon-svg36:before {
  content: "";
}
.icon-svg37:before {
  content: "";
}
.icon-svg38:before {
  content: "";
}
.icon-svg39:before {
  content: "";
}
.icon-svg40:before {
  content: "";
}
.icon-svg41:before {
  content: "";
}
.icon-svg42:before {
  content: "";
}
.icon-svg43:before {
  content: "";
}
.icon-svg44:before {
  content: "";
}
.icon-svg45:before {
  content: "";
}
.icon-svg46:before {
  content: "";
}
.icon-svg47:before {
  content: "";
}
.icon-svg48:before {
  content: "";
}
.icon-svg49:before {
  content: "";
}
.icon-svg50:before {
  content: "";
}
.icon-svg51:before {
  content: "";
}
.icon-svg52:before {
  content: "";
}
.icon-svg53:before {
  content: "";
}
.icon-svg54:before {
  content: "";
}
.icon-svg55:before {
  content: "";
}
.icon-svg56:before {
  content: "";
}
.icon-svg57:before {
  content: "";
}
.icon-svg58:before {
  content: "";
}
.icon-svg59:before {
  content: "";
}
.icon-svg60:before {
  content: "";
}
.icon-svg61:before {
  content: "";
}
.icon-svg62:before {
  content: "";
}
.icon-svg63:before {
  content: "";
}
.icon-svg64:before {
  content: "";
}
.icon-svg65:before {
  content: "";
}
.icon-svg66:before {
  content: "";
}
.icon-svg67:before {
  content: "";
}
.icon-svg69:before {
  content: "";
}
.icon-svg70:before {
  content: "";
}
.icon-svg71:before {
  content: "";
}
.icon-svg72:before {
  content: "";
}
.icon-svg73:before {
  content: "";
}
.icon-svg74:before {
  content: "";
}
.icon-svg75:before {
  content: "";
}
.icon-svg76:before {
  content: "";
}
.icon-svg77:before {
  content: "";
}
.icon-svg78:before {
  content: "";
}
.icon-svg79:before {
  content: "";
}
.icon-svg80:before {
  content: "";
}
.icon-svg81:before {
  content: "";
}
.icon-svg82:before {
  content: "";
}
.icon-svg83:before {
  content: "";
}
.icon-svg84:before {
  content: "";
}
.icon-svg85:before {
  content: "";
}
.icon-svg86:before {
  content: "";
}
.icon-svg87:before {
  content: "";
}
.icon-svg88:before {
  content: "";
}
.icon-svg89:before {
  content: "";
}
.icon-svg90:before {
  content: "";
}
.icon-svg91:before {
  content: "";
}
.icon-svg92:before {
  content: "";
}
.icon-svg93:before {
  content: "";
}
.icon-svg94:before {
  content: "";
}
.icon-svg95:before {
  content: "";
}
.icon-svg96:before {
  content: "";
}
.icon-svg97:before {
  content: "";
}
.icon-svg98:before {
  content: "";
}
.icon-svg99:before {
  content: "";
}
.icon-svg100:before {
  content: "";
}
.icon-svg101:before {
  content: "";
}
.icon-svg102:before {
  content: "";
}
.icon-svg103:before {
  content: "";
}
.icon-filter:before {
  content: "";
}
.icon-svg105:before {
  content: "";
}
.icon-svg106:before {
  content: "";
}
.icon-svg107:before {
  content: "";
}
.icon-svg108:before {
  content: "";
}
.icon-svg109:before {
  content: "";
}
.icon-svg110:before {
  content: "";
}
.icon-svg111:before {
  content: "";
}
.icon-svg112:before {
  content: "";
}
.icon-svg113:before {
  content: "";
}
.icon-svg114:before {
  content: "";
}
.icon-svg115:before {
  content: "";
}
.icon-svg116:before {
  content: "";
}
.icon-svg117:before {
  content: "";
}
.icon-svg118:before {
  content: "";
}
.icon-svg119:before {
  content: "";
}
.icon-svg120:before {
  content: "";
}
.icon-svg121:before {
  content: "";
}
.icon-heart:before {
  content: "";
}
.icon-svg123:before {
  content: "";
}
.icon-svg124:before {
  content: "";
}
.icon-svg125:before {
  content: "";
}
.icon-svg126:before {
  content: "";
}
.icon-svg127:before {
  content: "";
}
.icon-svg128:before {
  content: "";
}
.icon-svg129:before {
  content: "";
}
.icon-svg130:before {
  content: "";
}
.icon-svg131:before {
  content: "";
}
.icon-svg132:before {
  content: "";
}
.icon-svg133:before {
  content: "";
}
.icon-svg134:before {
  content: "";
}
.icon-svg135:before {
  content: "";
}
.icon-svg136:before {
  content: "";
}
.icon-svg137:before {
  content: "";
}
.icon-svg138:before {
  content: "";
}
.icon-svg139:before {
  content: "";
}
.icon-svg140:before {
  content: "";
}
.icon-svg141:before {
  content: "";
}
.icon-svg142:before {
  content: "";
}
.icon-svg143:before {
  content: "";
}
.icon-svg144:before {
  content: "";
}
.icon-svg145:before {
  content: "";
}
.icon-svg146:before {
  content: "";
}
.icon-svg147:before {
  content: "";
}
.icon-svg148:before {
  content: "";
}
.icon-svg149:before {
  content: "";
}
.icon-svg150:before {
  content: "";
}
.icon-svg151:before {
  content: "";
}
.icon-svg152:before {
  content: "";
}
.icon-svg153:before {
  content: "";
}
.icon-svg154:before {
  content: "";
}
.icon-svg155:before {
  content: "";
}
.icon-svg156:before {
  content: "";
}
.icon-svg157:before {
  content: "";
}
.icon-svg158:before {
  content: "";
}
.icon-svg159:before {
  content: "";
}
.icon-svg160:before {
  content: "";
}
.icon-svg161:before {
  content: "";
}
.icon-svg162:before {
  content: "";
}
.icon-svg163:before {
  content: "";
}
.icon-svg164:before {
  content: "";
}
.icon-svg165:before {
  content: "";
}
.icon-svg166:before {
  content: "";
}
.icon-svg167:before {
  content: "";
}
.icon-svg168:before {
  content: "";
}
.icon-svg169:before {
  content: "";
}
.icon-svg170:before {
  content: "";
}
.icon-svg171:before {
  content: "";
}
.icon-svg172:before {
  content: "";
}
.icon-svg173:before {
  content: "";
}
.icon-svg174:before {
  content: "";
}
.icon-svg175:before {
  content: "";
}
.icon-svg176:before {
  content: "";
}
.icon-svg177:before {
  content: "";
}
.icon-svg178:before {
  content: "";
}
.icon-svg179:before {
  content: "";
}
.icon-svg180:before {
  content: "";
}
.icon-svg181:before {
  content: "";
}
.icon-svg182:before {
  content: "";
}
.icon-svg183:before {
  content: "";
}
.icon-svg184:before {
  content: "";
}
.icon-svg185:before {
  content: "";
}
.icon-svg186:before {
  content: "";
}
.icon-svg187:before {
  content: "";
}
.icon-svg188:before {
  content: "";
}
.icon-svg189:before {
  content: "";
}
.icon-svg190:before {
  content: "";
}
.icon-svg191:before {
  content: "";
}
.icon-svg192:before {
  content: "";
}
.icon-svg193:before {
  content: "";
}
.icon-svg194:before {
  content: "";
}
.icon-svg195:before {
  content: "";
}
.icon-svg196:before {
  content: "";
}
.icon-svg197:before {
  content: "";
}
.icon-svg198:before {
  content: "";
}
.icon-svg199:before {
  content: "";
}
.icon-svg200:before {
  content: "";
}
.icon-svg201:before {
  content: "";
}
.icon-svg202:before {
  content: "";
}
.icon-svg203:before {
  content: "";
}
.icon-svg204:before {
  content: "";
}
.icon-svg205:before {
  content: "";
}
.icon-svg206:before {
  content: "";
}
.icon-svg207:before {
  content: "";
}
.icon-svg208:before {
  content: "";
}
.icon-svg209:before {
  content: "";
}
.icon-svg210:before {
  content: "";
}
.icon-svg211:before {
  content: "";
}
.icon-favorite:before {
  content: "";
}
.icon-svg213:before {
  content: "";
}
.icon-svg214:before {
  content: "";
}
.icon-svg215:before {
  content: "";
}
.icon-svg216:before {
  content: "";
}
.icon-svg217:before {
  content: "";
}
.icon-svg218:before {
  content: "";
}
.icon-svg219:before {
  content: "";
}
.icon-svg220:before {
  content: "";
}
.icon-svg221:before {
  content: "";
}
.icon-svg222:before {
  content: "";
}
.icon-svg223:before {
  content: "";
}
.icon-svg224:before {
  content: "";
}
.icon-svg225:before {
  content: "";
}
.icon-svg226:before {
  content: "";
}
.icon-trash:before {
  content: "";
}
.icon-delete:before {
  content: "";
}
.icon-svg229:before {
  content: "";
}
.icon-svg230:before {
  content: "";
}
.icon-svg231:before {
  content: "";
}
.icon-svg232:before {
  content: "";
}
.icon-svg233:before {
  content: "";
}
.icon-svg234:before {
  content: "";
}
.icon-svg235:before {
  content: "";
}
.icon-svg236:before {
  content: "";
}
.icon-svg237:before {
  content: "";
}
.icon-svg238:before {
  content: "";
}
.icon-svg239:before {
  content: "";
}
.icon-svg240:before {
  content: "";
}
.icon-svg241:before {
  content: "";
}
.icon-svg242:before {
  content: "";
}
.icon-svg243:before {
  content: "";
}
.icon-svg244:before {
  content: "";
}
.icon-svg245:before {
  content: "";
}
.icon-svg246:before {
  content: "";
}
.icon-svg247:before {
  content: "";
}
.icon-svg248:before {
  content: "";
}
.icon-svg249:before {
  content: "";
}
.icon-svg250:before {
  content: "";
}
.icon-svg251:before {
  content: "";
}
.icon-svg252:before {
  content: "";
}
.icon-svg253:before {
  content: "";
}
.icon-svg254:before {
  content: "";
}
.icon-svg255:before {
  content: "";
}
.icon-svg256:before {
  content: "";
}
.icon-svg257:before {
  content: "";
}
.icon-svg258:before {
  content: "";
}
.icon-svg259:before {
  content: "";
}
.icon-svg260:before {
  content: "";
}
.icon-svg261:before {
  content: "";
}
.icon-svg262:before {
  content: "";
}
/*------------------------------------------------------*/
/*-------------------------TO DO------------------------*/
/*-------Need to remove or replace midterm folder-------*/
/* jsTree default theme */
.jstree-node, .jstree-children, .jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.jstree-node {
  white-space: nowrap;
}
.jstree-anchor {
  display: inline-block;
  color: #000000;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-ocl {
  cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
  cursor: default;
}
.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children {
  display: none;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}
.jstree-hidden, .jstree-node.jstree-hidden {
  display: none;
}
.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}
.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  /* disable the IOS popup when long-press on a link */
}
.vakata-context {
  display: none;
}
.vakata-context, .vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: #000000;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover {
  background: #ffffff;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context .vakata-contextmenu-disabled > a > i {
  filter: grayscale(100%);
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: #ffffff;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: #ffffff;
  background: #e2e3e3;
}
#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}
.jstree-harco .jstree-node, .jstree-harco .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-harco .jstree-anchor, .jstree-harco .jstree-animated, .jstree-harco .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-harco .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-harco .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-harco .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}
.jstree-harco .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-harco .jstree-disabled {
  background: transparent;
  color: #666666;
}
.jstree-harco .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-harco .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-harco .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-harco .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-harco .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-harco.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-harco.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.jstree-harco.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-harco.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-harco > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-harco > .jstree-wholerow-ul .jstree-hovered, .jstree-harco > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-harco .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-harco .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-harco .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.jstree-harco .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.jstree-harco .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-harco .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  left: 0;
}
.jstree-icon:empty .jstree-harco.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.jstree-harco .jstree-wholerow {
  height: 24px;
}
.jstree-harco .jstree-node {
  margin-bottom: 6px;
}
.jstree-harco .jstree-node .category-name.active {
  color: #2d57ec;
}
.jstree-harco .jstree-node .category-name.added {
  opacity: 0.7;
  cursor: default;
}
.jstree-harco .jstree-node {
  position: relative;
}
.jstree-harco .jstree-node:last-child {
  margin-bottom: 0;
}
.jstree-harco .jstree-node:last-child .jstree-anchor {
  margin-bottom: 0;
}
.jstree-harco .jstree-node {
  background-position: -296px;
  background-repeat: repeat-y;
}
.jstree-harco .jstree-last {
  background: transparent;
}
.jstree-harco .jstree-open > .jstree-ocl {
  background-position: -136px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  font-weight: 100;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-harco .jstree-open > .jstree-ocl:before {
  content: "-";
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: block;
  color: #C6C6C6;
  position: relative;
  top: -1px;
  left: -1px;
  font-weight: 500;
}
.jstree-harco .jstree-closed > .jstree-ocl {
  background-position: -104px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-harco .jstree-closed > .jstree-ocl:before {
  content: "+";
  width: 18px;
  height: 18px;
  font-size: 14px;
  display: block;
  font-weight: 100;
  position: relative;
  top: -1px;
  left: -1px;
  color: #C6C6C6;
  font-weight: 500;
}
.jstree-harco .jstree-leaf > .jstree-ocl {
  background-position: -72px;
}
.jstree-harco .jstree-themeicon {
  background-position: -264px;
}
.jstree-harco > .jstree-no-dots .jstree-node, .jstree-harco > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-harco > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -40px;
}
.jstree-harco > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -8px;
}
.jstree-harco .jstree-disabled {
  background: transparent;
}
.jstree-harco .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-harco .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-harco .jstree-checkbox {
  background-position: -168px;
}
.jstree-harco .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-harco.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-harco .jstree-checked > .jstree-checkbox {
  background-position: -232px;
}
.jstree-harco.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-harco .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-harco .jstree-anchor > .jstree-undetermined {
  background-position: -200px;
}
.jstree-harco .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-harco .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-harco > .jstree-striped {
  background-size: auto 48px;
}
.jstree-harco.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-harco.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-harco.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-harco.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-harco.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-harco.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-harco.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-harco.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-harco.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-harco .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-harco > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("${image-path}throbber.gif") center center no-repeat;
}
.jstree-harco .jstree-file {
  background: url("${image}") -100px -68px no-repeat;
}
.jstree-harco .jstree-folder {
  background: url("${image}") -260px -4px no-repeat;
}
.jstree-harco > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
#jstree-dnd.jstree-harco {
  line-height: 24px;
  padding: 0 4px;
}
#jstree-dnd.jstree-harco .jstree-ok, #jstree-dnd.jstree-harco .jstree-er {
  background-image: url("${image-path}32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-harco i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#jstree-dnd.jstree-harco .jstree-ok {
  background-position: -4px -68px;
}
#jstree-dnd.jstree-harco .jstree-er {
  background-position: -36px -68px;
}
.jstree-harco .jstree-ellipsis {
  overflow: hidden;
}
.jstree-harco .jstree-ellipsis .jstree-anchor {
  width: calc(100% - ($base-height + 5px));
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-harco.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-harco.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-harco-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-harco-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-harco-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-harco-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  left: 0;
}
.jstree-icon:empty .jstree-harco-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-harco-small .jstree-wholerow {
  height: 18px;
}
.jstree-harco-small .jstree-node {
  margin-bottom: 6px;
}
.jstree-harco-small .jstree-node .category-name.active {
  color: #2d57ec;
}
.jstree-harco-small .jstree-node .category-name.added {
  opacity: 0.7;
  cursor: default;
}
.jstree-harco-small .jstree-node {
  position: relative;
}
.jstree-harco-small .jstree-node:last-child {
  margin-bottom: 0;
}
.jstree-harco-small .jstree-node:last-child .jstree-anchor {
  margin-bottom: 0;
}
.jstree-harco-small .jstree-node {
  background-position: -302px;
  background-repeat: repeat-y;
}
.jstree-harco-small .jstree-last {
  background: transparent;
}
.jstree-harco-small .jstree-open > .jstree-ocl {
  background-position: -142px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  font-weight: 100;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-harco-small .jstree-open > .jstree-ocl:before {
  content: "-";
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: block;
  color: #C6C6C6;
  position: relative;
  top: -1px;
  left: -1px;
  font-weight: 500;
}
.jstree-harco-small .jstree-closed > .jstree-ocl {
  background-position: -110px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-harco-small .jstree-closed > .jstree-ocl:before {
  content: "+";
  width: 18px;
  height: 18px;
  font-size: 14px;
  display: block;
  font-weight: 100;
  position: relative;
  top: -1px;
  left: -1px;
  color: #C6C6C6;
  font-weight: 500;
}
.jstree-harco-small .jstree-leaf > .jstree-ocl {
  background-position: -78px;
}
.jstree-harco-small .jstree-themeicon {
  background-position: -270px;
}
.jstree-harco-small > .jstree-no-dots .jstree-node, .jstree-harco-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-harco-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -46px;
}
.jstree-harco-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -14px;
}
.jstree-harco-small .jstree-disabled {
  background: transparent;
}
.jstree-harco-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-harco-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-harco-small .jstree-checkbox {
  background-position: -174px;
}
.jstree-harco-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-harco-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-harco-small .jstree-checked > .jstree-checkbox {
  background-position: -238px;
}
.jstree-harco-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-harco-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-harco-small .jstree-anchor > .jstree-undetermined {
  background-position: -206px;
}
.jstree-harco-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-harco-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-harco-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-harco-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-harco-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-harco-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-harco-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-harco-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-harco-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-harco-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-harco-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-harco-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-harco-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-harco-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("${image-path}throbber.gif") center center no-repeat;
}
.jstree-harco-small .jstree-file {
  background: url("${image}") -103px -71px no-repeat;
}
.jstree-harco-small .jstree-folder {
  background: url("${image}") -263px -7px no-repeat;
}
.jstree-harco-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
#jstree-dnd.jstree-harco-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-harco-small .jstree-ok, #jstree-dnd.jstree-harco-small .jstree-er {
  background-image: url("${image-path}32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-harco-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-harco-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-harco-small .jstree-er {
  background-position: -39px -71px;
}
.jstree-harco-small .jstree-ellipsis {
  overflow: hidden;
}
.jstree-harco-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - ($base-height + 5px));
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-harco-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-harco-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-harco-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-harco-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-harco-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-harco-large .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  left: 0;
}
.jstree-icon:empty .jstree-harco-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-harco-large .jstree-wholerow {
  height: 32px;
}
.jstree-harco-large .jstree-node {
  margin-bottom: 6px;
}
.jstree-harco-large .jstree-node .category-name.active {
  color: #2d57ec;
}
.jstree-harco-large .jstree-node .category-name.added {
  opacity: 0.7;
  cursor: default;
}
.jstree-harco-large .jstree-node {
  position: relative;
}
.jstree-harco-large .jstree-node:last-child {
  margin-bottom: 0;
}
.jstree-harco-large .jstree-node:last-child .jstree-anchor {
  margin-bottom: 0;
}
.jstree-harco-large .jstree-node {
  background-position: -288px;
  background-repeat: repeat-y;
}
.jstree-harco-large .jstree-last {
  background: transparent;
}
.jstree-harco-large .jstree-open > .jstree-ocl {
  background-position: -128px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  font-weight: 100;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-harco-large .jstree-open > .jstree-ocl:before {
  content: "-";
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: block;
  color: #C6C6C6;
  position: relative;
  top: -1px;
  left: -1px;
  font-weight: 500;
}
.jstree-harco-large .jstree-closed > .jstree-ocl {
  background-position: -96px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-harco-large .jstree-closed > .jstree-ocl:before {
  content: "+";
  width: 18px;
  height: 18px;
  font-size: 14px;
  display: block;
  font-weight: 100;
  position: relative;
  top: -1px;
  left: -1px;
  color: #C6C6C6;
  font-weight: 500;
}
.jstree-harco-large .jstree-leaf > .jstree-ocl {
  background-position: -64px;
}
.jstree-harco-large .jstree-themeicon {
  background-position: -256px;
}
.jstree-harco-large > .jstree-no-dots .jstree-node, .jstree-harco-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-harco-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px;
}
.jstree-harco-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px;
}
.jstree-harco-large .jstree-disabled {
  background: transparent;
}
.jstree-harco-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-harco-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-harco-large .jstree-checkbox {
  background-position: -160px;
}
.jstree-harco-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-harco-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-harco-large .jstree-checked > .jstree-checkbox {
  background-position: -224px;
}
.jstree-harco-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-harco-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-harco-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px;
}
.jstree-harco-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-harco-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-harco-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-harco-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-harco-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-harco-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-harco-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-harco-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-harco-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-harco-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-harco-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-harco-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-harco-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-harco-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("${image-path}throbber.gif") center center no-repeat;
}
.jstree-harco-large .jstree-file {
  background: url("${image}") -96px -64px no-repeat;
}
.jstree-harco-large .jstree-folder {
  background: url("${image}") -256px 0px no-repeat;
}
.jstree-harco-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
#jstree-dnd.jstree-harco-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-harco-large .jstree-ok, #jstree-dnd.jstree-harco-large .jstree-er {
  background-image: url("${image-path}32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-harco-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#jstree-dnd.jstree-harco-large .jstree-ok {
  background-position: 0px -64px;
}
#jstree-dnd.jstree-harco-large .jstree-er {
  background-position: -32px -64px;
}
.jstree-harco-large .jstree-ellipsis {
  overflow: hidden;
}
.jstree-harco-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - ($base-height + 5px));
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-harco-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-harco-large.jstree-rtl .jstree-last {
  background: transparent;
}
/*
@media (max-width: 768px) {
	#jstree-dnd.jstree-dnd-responsive when ($responsive = true) {
	line-height:$base-height; font-weight:bold; font-size:1.1em; text-shadow:1px 1px white;
	> i { background:transparent; width:$base-height; height:$base-height; }
	> .jstree-ok { background-image:url("${image-path}${base-height}.png"); background-position:0 -($base-height * 5); background-size:($base-height * 3) ($base-height * 6); }
	> .jstree-er { background-image:url("${image-path}${base-height}.png"); background-position:-($base-height * 1) -($base-height * 5); background-size:($base-height * 3) ($base-height * 6); }
}
	#jstree-marker.jstree-dnd-responsive when ($responsive = true) {
	border-left-width:10px;
	border-top-width:10px;
	border-bottom-width:10px;
	margin-top:-10px;
}
}

.jstree-harco-responsive when ($responsive = true) {
	@import "responsive.scss";
}
*/
/*------------------------------------------------------*/
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
* {
  font-family: "Roboto", sans-serif;
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: inherit;
}
section {
  position: relative;
}
template {
  display: none;
}
@media (max-width: 1023px) {
  body {
    background-color: #F8F9FB;
    color: #0A0A0A;
    /*---------------------------------------------*/
    /*---------bgInverce including in bgWeb--------*/
    /*---------------------------------------------*/
  }
  body .default, body .default a:not(.button), body .small1, body .small1 a:not(.button), body .medium1, body .medium1 a:not(.button), body .large1, body .large1 a:not(.button) {
    color: #0A0A0A;
  }
  body svg.icon {
    fill: #0A0A0A;
    color: #0A0A0A;
  }
  body * {
    scrollbar-width: thin;
    scrollbar-color: "";
  }
  body *::-webkit-scrollbar {
    width: "";
    height: "";
  }
  body *::-webkit-scrollbar-track {
    background: "";
  }
  body *::-webkit-scrollbar-thumb {
    background: "";
  }
}
.ico-svg {
  width: 20px;
  height: 20px;
}
/*--------------------------------*/
.main-container {
  display: flex;
  flex-flow: column;
  height: 100%;
  padding-bottom: 12px;
}
@media (max-width: 1299px) {
  .main-container {
    padding-bottom: 5px;
  }
}
.main-container .main-load-container {
  height: 100%;
}
.main-container .main-load-container .cms-main-block {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.main-container .main-load-container .cms-main-block .edit-box {
  height: 100%;
}
/*---------------------------*/
.ajax-loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 7000;
}
.ajax-loader svg {
  width: 80px;
  height: 80px;
}
.ajax-loader svg circle {
  stroke: #2d57ec;
}
/*---------------------*/
@media (min-width: 1300px) {
  .vertical-tabs-content {
    border-style: solid !important;
    border-image: linear-gradient(to top, #b5b2b226, #bfbdbd) 0 0 1;
  }
  .vertical-tabs-content.col-12 {
    padding: 0;
  }
}
/*---------------------*/
.button.addItemBtn {
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 6px;
}
@media (max-width: 1023px) {
  .button.addItemBtn {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
  }
  .button.addItemBtn .left-icon + span {
    display: none;
  }
  .button.addItemBtn i {
    margin-right: 0;
  }
}
.button.refresh-button {
  border-radius: 4px;
  background-color: #F0F0F0;
}
/*-------------------------TO DO----------------------------------------*/
/*-------Need to remove or replace midterm folder and delete file-------*/
.page_main {
  padding-left: 0;
  padding-right: 0;
}
.pac-container {
  z-index: 5000;
}
.inplace-box.edit-box {
  padding-top: 0;
}
.inplace-box.edit-box .edit-form {
  max-width: none;
  margin: 0;
  padding: 0;
}
.edit-box {
  width: 100%;
}
.edit-box .form-action {
  margin-bottom: 11px;
  margin-top: 23px;
}
@media (max-width: 1299px) {
  .edit-box .form-action {
    margin-bottom: 0px;
    margin-top: 10px;
  }
}
.edit-box .panel-body {
  padding: 20px 20px;
}
.edit-box .panel-body .medium1 {
  margin-bottom: 10px;
}
.edit-box .panel-body .table {
  margin-bottom: 19px;
}
/*---------------*/
.select-box select {
  display: block;
  cursor: pointer;
  min-height: 26px;
  padding: 6px 8px;
  color: #2d3748;
  background-color: #ffffff;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  min-width: 170px;
  text-align: left;
  overflow-y: auto;
}
.items-main-identifier .form-item .input-field {
  display: flex;
  padding: 10px 0;
}
.items-main-identifier .form-item .input-field label, .items-main-identifier .form-item .input-field span {
  font-size: 14px;
  line-height: 21px;
}
.items-main-identifier .form-item .input-field label:after {
  content: ":";
  position: absolute;
  right: -6px;
  bottom: 0;
  font-size: 14px;
}
.items-main-identifier .form-item .input-field span {
  margin-left: 12px;
  font-weight: 700;
}
.edit-form .form-content-item .form-item {
  max-width: 49%;
  /*        575.98px     */
}
@media (max-width: 575px) {
  .edit-form .form-content-item .form-item {
    max-width: none;
  }
}
.edit-form .form-content-item .form-item.translated {
  border: 1px solid #49D69A;
}
.edit-form .form-content-item .form-item.no-translation {
  border: 1px solid #FB6565;
}
.edit-form .form-content-item .form-item.full-box {
  max-width: none;
}
.edit-form .form-content.profile .form-content-item {
  margin-bottom: 20px;
}
.edit-form .form-content-item {
  margin: 0 0 16px;
  padding: 0;
}
.edit-form .form-content-item.no-style {
  box-shadow: none;
  background-color: transparent;
}
.edit-form .form-content-item.no-style .form-items-container {
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
.edit-form .form-content-item.no-style .form-items-container > div {
  width: 100%;
}
.edit-form .form-content-item.form-content-count-0 .form-items-container > div {
  width: 100%;
}
.edit-form .form-content-item .form-item-group-name {
  margin: 0 0 0;
  padding: 0 13px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  font-weight: 700;
  height: 48px;
  line-height: 51px;
}
.edit-form .form-content-item .form-items-container {
  padding: 13px 12px 16px;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 6px;
  align-items: flex-start;
}
@media (min-width: 576px) {
  .edit-form .form-content-item .form-items-container.no-flex-wrap {
    flex-wrap: nowrap;
  }
}
.edit-form .form-content-item .form-items-container .addItemBtn {
  position: absolute;
  right: 0;
  top: -46px;
}
.edit-form .form-content-item .form-items-container .view-mode .table-header .dropdown-box a[data-type="delete"] {
  display: none !important;
}
.edit-form .form-content-item .form-items-container .upload-image-right {
  /*           max-width: 575.98px   */
}
@media (max-width: 575px) {
  .edit-form .form-content-item .form-items-container .upload-image-right {
    padding-left: 0;
  }
}
.edit-form .form-content-item .form-items-container .upload-image-left {
  width: auto;
  /*           max-width: 575.98px   */
}
@media (max-width: 575px) {
  .edit-form .form-content-item .form-items-container .upload-image-left {
    width: 100%;
    margin-bottom: 15px;
  }
}
/*------------------------------------------------------*/
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
.login-box-inner {
  height: 100vh;
  min-height: 490px;
  overflow: hidden;
}
.login-box-inner .login-box-left, .login-box-inner .login-box-right {
  width: 39%;
  padding-top: 20px;
  display: inline-block;
  position: relative;
  height: 100%;
  vertical-align: top;
}
.login-box-inner .login-box-left {
  padding-left: 10%;
}
.login-box-inner .login-box-left .login-about {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.login-box-inner .login-box-left .login-about h4 {
  font-weight: 600;
  font-size: 36px;
}
.login-box-inner .login-box-left .login-about span {
  margin-top: 20px;
  display: block;
  font-size: 18px;
}
.login-box-inner .login-box-right {
  width: 60%;
  right: -20px;
  background-image: url("data:image/png;base64,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");
  background-size: cover;
}
.login-box-inner .login-box-right .login-title {
  margin-bottom: 16px;
}
.login-box-inner .login-box-right .checkbox-item {
  width: 50%;
  margin-bottom: 10px;
}
.login-box-inner .login-box-right .checkbox-item [type="checkbox"] + span {
  margin-top: -3px;
}
.login-box-inner .login-box-right .button {
  margin-top: 32px;
  min-width: 125px;
}
.overlay {
  position: fixed;
  z-index: 4000;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  will-change: opacity;
}
.login-popup .toast-content-box .forgot-box {
  display: flex;
  margin-top: 4px;
  margin-bottom: 4px;
}
.login-popup .toast-content-box .forgot-box input {
  height: 38px;
  width: 100%;
  margin-right: 8px;
}
.forget-password-message {
  color: #49D69A;
  display: block;
  font-size: 12px;
}
.forget-password-message.error {
  color: #FB6565;
}
.login-content {
  width: 100%;
  max-width: 350px;
  position: absolute;
  left: 30%;
  top: 50%;
  transform: translate(0, -50%);
}
.login-logo-box {
  max-width: 250px;
  padding-top: 20px;
}
.login-logo-box img {
  width: 100%;
  max-width: 240px;
}
/*      max-width: 991.98px         */
@media (max-width: 1023px) {
  .login-box-inner .login-box-left .login-about {
    display: none;
  }
  .login-box-inner {
    display: flex;
    flex-direction: column;
  }
  .login-box-inner .login-box-right {
    width: 100%;
    right: 0;
    height: auto;
    flex: 1;
    display: flex;
    padding: 0;
  }
  .login-box-inner .login-box-right .login-content {
    position: static;
    transform: none;
    width: 100%;
    max-width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .login-box-inner .login-box-right .login-content .login-box {
    max-width: 300px;
    width: 100%;
  }
  .login-box-inner .login-box-left {
    width: 100%;
    height: 70px;
    padding-top: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
  }
  .login-box-inner .login-box-left .login-logo-box {
    padding-top: 0;
  }
}
.add_new_template_container {
  text-align: end;
}
.existing-templates {
  padding: 10px 0 0;
}
.existing-templates .template-container {
  position: relative;
  display: flex;
  background: #F8F9FB;
  margin-bottom: 4px;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  border-radius: 4px;
}
.existing-templates .template-container.active {
  background-color: #2d57ec;
  color: #ffffff;
}
.existing-templates .template-container.active .delete-template {
  color: #ffffff;
}
.existing-templates .template-container .template {
  cursor: pointer;
  width: 100%;
}
.add-template-box {
  margin-top: 20px;
}
.export-checkbox-item {
  line-height: 20px;
}
.export-table .formula-custom-column .icons-box {
  top: 19px;
}
.export-table .formula-custom-column .icons-box .icon-tooltip .tooltip {
  transform: translate(0, -20px);
}
.export-table .formula-custom-column .icons-box .icon-tooltip .tooltip:after {
  top: 20px;
  left: -6px;
  right: auto;
}
.add-custom-column {
  margin-bottom: 5px;
}
.formula-custom-column {
  position: relative;
}
.formula-custom-column input {
  width: 85%;
}
.formula-custom-column .icons-box {
  top: 15px;
}
.formula-custom-column .icons-box i .tooltip {
  height: 0px;
  transition: height 0.3s ease-in-out, left 0.2s;
}
.formula-custom-column .icons-box i:hover .tooltip {
  height: auto;
  opacity: 1;
  pointer-events: auto;
  left: 25px;
}
.select-fields-container {
  display: flex;
  justify-content: space-between;
  max-height: 80%;
  overflow: scroll;
  flex-direction: row;
  flex-wrap: wrap;
  border-left: solid 1px #DEDEDE;
}
.select-fields-container li {
  border-right: solid 1px #DEDEDE;
  border-bottom: solid 1px #DEDEDE;
  padding: 8px 10px 7px 10px;
}
.select-fields-container li .checkbox-item label {
  display: flex;
  justify-content: center;
}
.select-fields-container li input[type="text"] {
  border: none;
  width: 100%;
}
.select-fields-container li .checkbox-item {
  margin: 0;
}
.select-fields-container .select-fields-header {
  flex: 0 0 100%;
  display: flex;
  border-top: solid 1px #DEDEDE;
}
.select-fields-container .select-fields-header li {
  font-weight: 700;
  user-select: none;
  flex: 1;
}
.select-fields-container .select-fields-header li:last-child {
  max-width: 150px;
}
.select-fields-container .select-fields-header li:first-child {
  max-width: 70px;
}
.select-fields-container .select-fields-info-container {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
}
.select-fields-container .select-fields-info-container ul {
  flex: 0 0 100%;
  display: flex;
}
.select-fields-container .select-fields-info-container ul li {
  flex: 1;
}
.select-fields-container .select-fields-info-container ul li:last-child {
  max-width: 150px;
}
.select-fields-container .select-fields-info-container ul li:first-child {
  max-width: 70px;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
.button {
  border: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  background-color: transparent;
  color: #333333;
}
.button, .button a {
  font-family: "Gilroy SemiBold";
  font-style: normal;
  font-weight: 500;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 21px;
  min-height: 38px;
  min-width: 38px;
}
.small, .small a {
  padding: 6px 8px 5px;
  min-height: 30px;
  min-width: 36px;
  font-size: 14px;
  line-height: 17px;
}
.small-btn, .small-btn a {
  padding: 0;
  min-height: 26px;
  min-width: 26px;
  font-size: 14px;
  line-height: 16px;
}
.extrasmall, .extrasmall a {
  padding: 3px 3px;
  min-height: 26px;
  min-width: 26px;
  font-size: 12px;
  line-height: 16px;
}
.medium, .medium a {
  padding: 7px 9px 9px;
}
.large, .large a {
  padding: 12px 36px;
  min-height: 45px;
  min-width: 45px;
}
.min-width, .min-width a {
  min-width: 120px;
}
.min-width-small, .min-width-small a {
  min-width: 80px;
}
.shadow, .shadow a {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1023px) {
  .button, .button a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    border-radius: 4px;
    padding: 3px 15px 4px;
    font-size: 14px;
    line-height: 21px;
    min-height: 34px;
    min-width: 34px;
  }
  .small, .small a {
    padding: 6px 8px 5px;
    min-height: 30px;
    min-width: 36px;
    font-size: 12px;
    line-height: 17px;
  }
  .small-btn, .small-btn a {
    padding: 0;
    min-height: 26px;
    min-width: 26px;
    font-size: 12px;
    line-height: 16px;
  }
  .extrasmall, .extrasmall a {
    padding: 3px 3px;
    min-height: 26px;
    min-width: 26px;
    font-size: 12px;
    line-height: 16px;
  }
  .medium, .medium a {
    padding: 6px 6px 5px;
  }
  .large, .large a {
    padding: 8px 10px;
    min-height: 39px;
    min-width: 39px;
  }
  .with-icon, .with-icon a {
    padding: 3px 4px 4px;
  }
  .min-width, .min-width a {
    min-width: 100px;
  }
  .min-width-small, .min-width-small a {
    min-width: 70px;
  }
}
.button:focus {
  outline: 0;
  box-shadow: 0 0 0;
}
.button.btn-link {
  border: none !important;
  background: none !important;
}
@media (min-width: 1024px) {
  .button.btn-link:hover {
    background: transparent;
  }
}
.button.outline {
  border: 1px solid;
  background-color: #ffffff;
  outline: none;
}
.button.outline.primary {
  border-color: #2d57ec;
  color: #2d57ec;
}
@media (min-width: 1024px) {
  .button.outline.primary:hover {
    border-color: #0e28b0;
  }
}
.button.outline.secondary {
  border-color: #A8A8A8;
  color: #A8A8A8;
}
@media (min-width: 1024px) {
  .button.outline.secondary:hover {
    border-color: #333333;
  }
}
.button.outline.success {
  border-color: #49D69A;
  color: #49D69A;
}
@media (min-width: 1024px) {
  .button.outline.success:hover {
    border-color: #36B881;
  }
}
.button.outline.info {
  border-color: #17a2b8;
  color: #17a2b8;
}
@media (min-width: 1024px) {
  .button.outline.info:hover {
    border-color: #0f6674;
  }
}
.button.outline.warning {
  border-color: #FFDC68;
  color: #FFDC68;
}
@media (min-width: 1024px) {
  .button.outline.warning:hover {
    border-color: #E2BF49;
  }
}
.button.outline.danger {
  border-color: #FB6565;
  color: #FB6565;
}
@media (min-width: 1024px) {
  .button.outline.danger:hover {
    border-color: #E23939;
  }
}
.button.outline.dark {
  border-color: #333333;
  color: #333333;
}
@media (min-width: 1024px) {
  .button.outline.dark:hover {
    border-color: #292929;
  }
}
.button.outline.light {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.outline.light:hover {
    border-color: #cbd3da;
  }
}
.button.basic {
  color: #ffffff;
}
.button.basic.primary {
  background-color: #2d57ec;
  border-color: #2d57ec;
}
@media (min-width: 1024px) {
  .button.basic.primary:hover {
    background-color: #0e28b0;
    border-color: #2d57ec;
  }
}
.button.basic.secondary {
  background-color: #A8A8A8;
}
@media (min-width: 1024px) {
  .button.basic.secondary:hover {
    background-color: #333333;
  }
}
.button.basic.success {
  background-color: #49D69A;
}
@media (min-width: 1024px) {
  .button.basic.success:hover {
    background-color: #36B881;
  }
}
.button.basic.info {
  background-color: #17a2b8;
}
@media (min-width: 1024px) {
  .button.basic.info:hover {
    background-color: #0f6674;
  }
}
.button.basic.warning {
  background-color: #FFDC68;
}
@media (min-width: 1024px) {
  .button.basic.warning:hover {
    background-color: #E2BF49;
  }
}
.button.basic.danger {
  background-color: #FB6565;
}
@media (min-width: 1024px) {
  .button.basic.danger:hover {
    background-color: #E23939;
  }
}
.button.basic.dark {
  background-color: #333333;
}
@media (min-width: 1024px) {
  .button.basic.dark:hover {
    background-color: #292929;
  }
}
.button.basic.light {
  background-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.basic.light:hover {
    background-color: #cbd3da;
  }
}
.button.outline-light-basik {
  border: 1px solid;
  background-color: #ffffff;
  outline: none;
}
.button.outline-light-basik.primary {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.outline-light-basik.primary:hover {
    color: #ffffff;
    background-color: #2d57ec;
    border-color: #2d57ec;
  }
}
.button.outline-light-basik.secondary {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.outline-light-basik.secondary:hover {
    color: #ffffff;
    background-color: #A8A8A8;
    border-color: #A8A8A8;
  }
}
.button.outline-light-basik.success {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.outline-light-basik.success:hover {
    color: #ffffff;
    background-color: #49D69A;
    border-color: #49D69A;
  }
}
.button.outline-light-basik.info {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.outline-light-basik.info:hover {
    color: #ffffff;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }
}
.button.outline-light-basik.warning {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.outline-light-basik.warning:hover {
    color: #ffffff;
    background-color: #FFDC68;
    border-color: #FFDC68;
  }
}
.button.outline-light-basik.danger {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.outline-light-basik.danger:hover {
    color: #ffffff;
    background-color: #FB6565;
    border-color: #FB6565;
  }
}
.button.outline-light-basik.dark {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.outline-light-basik.dark:hover {
    color: #ffffff;
    background-color: #333333;
    border-color: #333333;
  }
}
.button.outline-light-basik.light {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.outline-light-basik.light:hover {
    border-color: #cbd3da;
  }
}
.button.soft.primary {
  background-color: rgba(45, 87, 236, 0.05);
  color: #2d57ec;
  border: 1px solid rgba(45, 87, 236, 0.4);
}
@media (min-width: 1024px) {
  .button.soft.primary:hover {
    background-color: rgba(14, 40, 176, 0.1);
  }
}
.button.soft.secondary {
  background-color: rgba(168, 168, 168, 0.05);
  color: #A8A8A8;
  border: 1px solid rgba(168, 168, 168, 0.4);
}
@media (min-width: 1024px) {
  .button.soft.secondary:hover {
    background-color: rgba(51, 51, 51, 0.1);
  }
}
.button.soft.success {
  background-color: rgba(73, 214, 154, 0.05);
  color: #49D69A;
  border: 1px solid rgba(73, 214, 154, 0.4);
}
@media (min-width: 1024px) {
  .button.soft.success:hover {
    background-color: rgba(54, 184, 129, 0.1);
  }
}
.button.soft.info {
  background-color: rgba(23, 162, 184, 0.05);
  color: #17a2b8;
  border: 1px solid rgba(23, 162, 184, 0.4);
}
@media (min-width: 1024px) {
  .button.soft.info:hover {
    background-color: rgba(15, 102, 116, 0.1);
  }
}
.button.soft.warning {
  background-color: rgba(255, 220, 104, 0.05);
  color: #FFDC68;
  border: 1px solid rgba(255, 220, 104, 0.4);
}
@media (min-width: 1024px) {
  .button.soft.warning:hover {
    background-color: rgba(226, 191, 73, 0.1);
  }
}
.button.soft.danger {
  background-color: rgba(251, 101, 101, 0.05);
  color: #FB6565;
  border: 1px solid rgba(251, 101, 101, 0.4);
}
@media (min-width: 1024px) {
  .button.soft.danger:hover {
    background-color: rgba(226, 57, 57, 0.1);
  }
}
.button.soft.dark {
  background-color: rgba(51, 51, 51, 0.05);
  color: #333333;
  border: 1px solid rgba(51, 51, 51, 0.4);
}
@media (min-width: 1024px) {
  .button.soft.dark:hover {
    background-color: rgba(41, 41, 41, 0.1);
  }
}
.button.soft.light {
  background-color: #E2E8F0;
  color: #444444;
  border: 1px solid rgba(68, 68, 68, 0.4);
}
@media (min-width: 1024px) {
  .button.soft.light:hover {
    background-color: #cbd3da;
  }
}
.button.link-btn {
  background-color: transparent;
}
.button.link-btn.primary {
  color: #2d57ec;
}
@media (min-width: 1024px) {
  .button.link-btn.primary:hover {
    color: #0e28b0;
  }
}
.button.link-btn.secondary {
  color: #A8A8A8;
}
@media (min-width: 1024px) {
  .button.link-btn.secondary:hover {
    color: #333333;
  }
}
.button.link-btn.success {
  color: #49D69A;
}
@media (min-width: 1024px) {
  .button.link-btn.success:hover {
    color: #36B881;
  }
}
.button.link-btn.info {
  color: #17a2b8;
}
@media (min-width: 1024px) {
  .button.link-btn.info:hover {
    color: #0f6674;
  }
}
.button.link-btn.warning {
  color: #FFDC68;
}
@media (min-width: 1024px) {
  .button.link-btn.warning:hover {
    color: #E2BF49;
  }
}
.button.link-btn.danger {
  color: #FB6565;
}
@media (min-width: 1024px) {
  .button.link-btn.danger:hover {
    color: #E23939;
  }
}
.button.link-btn.dark {
  color: #333333;
}
@media (min-width: 1024px) {
  .button.link-btn.dark:hover {
    color: #292929;
  }
}
.button.link-btn.light {
  color: rgba(68, 68, 68, 0.5);
}
@media (min-width: 1024px) {
  .button.link-btn.light:hover {
    color: rgba(68, 68, 68, 0.3);
  }
}
.button.add-button {
  background-color: transparent;
  color: #ffffff;
}
.button.add-button.primary .btn-text-item {
  color: #2d57ec;
}
.button.add-button.primary .circle {
  background-color: #2d57ec;
  border-color: #2d57ec;
}
@media (min-width: 1024px) {
  .button.add-button.primary:hover .btn-text-item {
    color: #0e28b0;
  }
  .button.add-button.primary:hover .circle {
    background-color: #0e28b0;
    border-color: #2d57ec;
  }
}
.button.add-button.secondary .btn-text-item {
  color: #A8A8A8;
}
.button.add-button.secondary .circle {
  background-color: #A8A8A8;
}
@media (min-width: 1024px) {
  .button.add-button.secondary:hover .btn-text-item {
    color: #333333;
  }
  .button.add-button.secondary:hover .circle {
    background-color: #333333;
  }
}
.button.add-button.success .btn-text-item {
  color: #49D69A;
}
.button.add-button.success .circle {
  background-color: #49D69A;
}
@media (min-width: 1024px) {
  .button.add-button.success:hover .btn-text-item {
    color: #36B881;
  }
  .button.add-button.success:hover .circle {
    background-color: #36B881;
  }
}
.button.add-button.info .btn-text-item {
  color: #17a2b8;
}
.button.add-button.info .circle {
  background-color: #17a2b8;
}
@media (min-width: 1024px) {
  .button.add-button.info:hover .btn-text-item {
    color: #0f6674;
  }
  .button.add-button.info:hover .circle {
    background-color: #0f6674;
  }
}
.button.add-button.warning .btn-text-item {
  color: #FFDC68;
}
.button.add-button.warning .circle {
  background-color: #FFDC68;
}
@media (min-width: 1024px) {
  .button.add-button.warning:hover .btn-text-item {
    color: #E2BF49;
  }
  .button.add-button.warning:hover .circle {
    background-color: #E2BF49;
  }
}
.button.add-button.danger .btn-text-item {
  color: #FB6565;
}
.button.add-button.danger .circle {
  background-color: #FB6565;
}
@media (min-width: 1024px) {
  .button.add-button.danger:hover .btn-text-item {
    color: #E23939;
  }
  .button.add-button.danger:hover .circle {
    background-color: #E23939;
  }
}
.button.add-button.dark .btn-text-item {
  color: #333333;
}
.button.add-button.dark .circle {
  background-color: #333333;
}
@media (min-width: 1024px) {
  .button.add-button.dark:hover .btn-text-item {
    color: #292929;
  }
  .button.add-button.dark:hover .circle {
    background-color: #292929;
  }
}
.button.add-button.light .btn-text-item {
  color: #E2E8F0;
}
.button.add-button.light .circle {
  background-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .button.add-button.light:hover .btn-text-item {
    color: #cbd3da;
  }
  .button.add-button.light:hover .circle {
    background-color: #cbd3da;
  }
}
.button.rounded {
  border-radius: 50px;
}
.button.with-icon.medium-icon i {
  font-size: 27px;
}
.button.with-icon i {
  font-size: 20px;
  position: relative;
  margin-bottom: 1px;
}
@media (max-width: 1023px) {
  .button.with-icon i {
    margin-bottom: 0;
  }
}
.button.with-icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.button.with-small-icon {
  padding: 2px 7px 5px;
  font-size: 16px;
  min-height: 30px;
  min-width: 30px;
}
.button.with-small-icon i {
  font-size: 16px;
}
.button.with-small-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.button.nowrap-button {
  white-space: nowrap;
}
.button.import-button {
  position: relative;
}
.button.import-button input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  cursor: pointer;
}
.button svg {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.button .left-icon {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .button .left-icon {
    margin-right: 3px;
  }
}
.button .left-icon + span {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .button .left-icon + span {
    margin-top: 4px;
  }
}
.button .right-icon {
  margin-left: 8px;
  display: inline-block;
}
.button .right-icon + span {
  margin-top: 2px;
  display: inline-block;
}
.add-button {
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1023px) {
  .add-button {
    margin: 3px 0;
  }
}
.add-button .circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
}
.add-button .circle svg {
  fill: currentColor;
}
.add-button .circle i {
  position: relative;
  top: 2px;
}
.add-button .btn-text-item {
  position: relative;
  top: 1px;
}
input[type=file], input[type=file]::-webkit-file-upload-button {
  /* FF, IE7+, chrome (except button) */
  /* chromes and blink button */
  cursor: pointer;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
/*-------------------------------------------*/
table {
  border-collapse: collapse;
}
.table-row-group {
  display: table-row-group;
}
.table-box {
  min-height: 285px;
  width: 100%;
}
.table-box .table-header {
  padding-bottom: 16px;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.table-box .table-box-inner {
  min-height: 255px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.table {
  background: transparent;
  display: table;
  font-size: 13px;
  width: 100%;
  border: 0;
  position: relative;
}
.table.small-table .table-row > li {
  padding-top: 0;
  padding-bottom: 0;
}
.table.small-table .table-row .right-align {
  padding-top: 0;
  padding-bottom: 0;
}
.table .table-row {
  display: table-row;
  table-layout: fixed;
  cursor: pointer;
}
.table .table-row:hover {
  position: relative;
  z-index: 10;
}
.table .table-row:hover .actions-box {
  opacity: 1;
}
.table .table-row:hover .right-align {
  opacity: 1;
}
.table .table-row:hover .left-align {
  opacity: 1;
}
.table .table-row:hover .image {
  opacity: 1;
}
.table .table-row:last-child:not(:nth-child(2)):not(:first-child) > li {
  border-bottom: 0;
}
.table .table-row:last-child:not(:nth-child(2)):not(:first-child) > li:first-child.image img {
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.table .table-row:last-child:not(:nth-child(2)):not(:first-child) > li.image img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.table .table-row:first-child > li:first-child.image img {
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.table .table-row:first-child > li.image img {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.table .table-row.edit-mode .show-field {
  display: none;
}
.table .table-row.edit-mode .edit-field {
  display: initial;
}
.table .table-row.edit-mode .edit-field.edit-artists-field {
  display: block;
}
.table .table-row.table-head {
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 2000;
}
.table .table-row.table-head:hover {
  opacity: 1;
}
.table .table-row.table-head:hover li {
  opacity: 1;
}
.table .table-row.table-head li {
  font-weight: 700;
  text-transform: uppercase;
  user-select: none;
  padding: 3px 30px 2px 10px;
}
.table .table-row.table-head li:hover {
  cursor: pointer;
}
.table .table-row.table-head li.sorted:after {
  content: "";
  font-family: "icomoon" !important;
  position: absolute;
  right: 10px;
  color: inherit;
  margin-left: 0;
  font-weight: 600;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 12px;
}
.table .table-row.table-head li.sorted.asc:after {
  content: "";
  font-size: 8px;
  color: #2d57ec;
}
.table .table-row.table-head li.sorted.desc:after {
  content: "";
  font-size: 8px;
  color: #2d57ec;
}
.table .table-row.table-head li .column-resize-line {
  cursor: e-resize;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  text-align: center;
  display: inline-block;
  font-size: 0;
  height: 100%;
}
.table .table-row.table-head li .column-resize-line:before {
  content: "";
  border-left: 1px solid;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  opacity: 0.1;
}
.table .table-row .right-align {
  position: sticky;
  right: 0;
  padding: 0 8px 0 8px;
  z-index: 1;
}
.table .table-row .left-align {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table .table-row > li {
  position: relative;
  display: table-cell;
  padding: 2px 10px 2px 10px;
  vertical-align: middle;
  height: 30px;
  font-size: 14px;
  font-weight: 400;
  min-width: 40px;
}
.table .table-row > li:first-child.image img {
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.table .table-row > li .elipsis-box {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%;
  display: block;
}
.table .table-row > li.image {
  padding: 2px 12px 2px 12px;
}
.table .table-row > li.image:hover {
  z-index: 10;
}
.table .table-row > li.image:hover img:hover {
  transform: scale(3);
}
.table .table-row > li.image img {
  object-fit: contain;
  width: 23px;
  height: 23px;
  display: block;
  transition: transform 0.2s ease;
}
.table .table-row > li.clickable {
  cursor: pointer;
}
.table .table-row > li.mobile-view {
  display: none;
}
.table .table-row > li.id {
  min-width: 100px;
  max-width: 100px;
}
.table .table-row > li.num {
  min-width: 70px;
  max-width: 70px;
}
.table .table-row > li.duration {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}
.table .table-row > li.description {
  min-width: 180px;
  max-width: 180px;
  white-space: normal;
}
.table .table-row > li.description span {
  max-height: 64px;
  overflow: hidden;
  display: block;
  margin: 5px 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  display: -webkit-box;
}
.table .table-row > li.action {
  min-width: 70px;
  max-width: 70px;
  padding: 0;
}
.table .table-row > li.action .action-open-button {
  width: 100%;
  padding: 7px 7px 5px;
}
.table .table-row > li.action .action-open-button svg {
  width: 17px;
  height: 17px;
}
.table .table-row > li.actions-box {
  white-space: nowrap;
}
.table .table-row > li.date {
  min-width: 130px;
  max-width: 130px;
}
.table .table-row > li.check-items {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  padding-right: 0;
  pointer-events: none;
}
.table .table-row > li.check-items [type="checkbox"] + span:not(.lever) {
  padding-left: 22px;
}
.table .table-row > li.check-items .checkbox-item [type="checkbox"] + span {
  margin-right: 0;
}
.table .table-row > li.check-items .checkbox-span {
  pointer-events: all;
}
.table .table-row > li label {
  margin: 0;
  display: block;
}
.table .table-row > li label [type="checkbox"] + span:not(.lever) {
  vertical-align: middle;
}
.table .table-row > li .button-box {
  justify-content: space-between;
}
.table .list-fields .dropdown-box, .table .list-fields .dropdown-box.show {
  transition: none;
}
/*-------------table checkbox disabled in parents view mode------------*/
.view-mode .checkbox-item.list-checkbox-item-disable {
  pointer-events: none;
  opacity: 0.2;
}
.form-content-item {
  border-radius: 6px;
  padding: 20px;
  margin: 0 0 16px;
  position: relative;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.form-content-item .form-items-container {
  width: 100%;
}
.form-content-item .form-item {
  width: 100%;
}
.form-content-item .form-item-group-name {
  margin: 0 -20px 0px;
  padding: 0 20px 15px;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 37px;
  border-bottom: 1px solid #e2e8f0;
  font-weight: 600;
  flex: 0 0 100%;
  max-width: 100%;
}
.form-content-item .form-item-tabs {
  background: transparent;
  margin-bottom: 30px;
}
.form-content-item .form-item-tabs .indicator {
  background-color: #4481b9;
}
.form-content-item .form-item-tabs .tab a {
  color: #79abc0;
  background: none;
}
.form-content-item .form-item-tabs .tab a.active {
  color: #4481b9;
}
.form-content-item .time-selected-items .chip {
  background-color: #249ae0;
  color: #4a5568;
}
.form-action {
  text-align: right;
}
.form-action button {
  margin-left: 8px;
}
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}
.prefix ~ input, .prefix ~ textarea, .prefix ~ label, .prefix ~ .validate ~ label, .prefix ~ .helper-text, .prefix ~ .autocomplete-content {
  width: 92%;
  width: calc(100% - 3rem);
}
.new-line {
  display: none;
}
.brake-line {
  width: 100%;
}
.tox-fullscreen .tox.tox-tinymce-aux {
  z-index: 5000 !important;
}
.tox-tinymce-aux.tox-silver-sink {
  z-index: 5100;
}
.form-item {
  display: flex;
  margin: 0 0 16px;
  position: relative;
  align-items: flex-start;
}
.form-item.richtext {
  min-height: 214px;
}
.form-item.richtext .tox-tinymce {
  border-radius: 6px !important;
}
.form-item.full-height-tinymce.richtext {
  min-height: 214px;
}
.form-item.full-height-tinymce.richtext .tox-tinymce {
  height: 64vh !important;
}
.form-item.full-height-tinymce.richtext .tox-tinymce.tox-fullscreen {
  z-index: 4000;
  height: 100vh !important;
}
.form-item .tox-toolbar-overlord {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.form-item .tox-toolbar-overlord .tox-toolbar {
  background: none;
}
.form-item.full-box {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 1300px) {
  .form-item.small-box {
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
  }
}
.form-item .input-field {
  width: 100%;
}
.form-item .form-group {
  width: 100%;
}
.form-item.no-margin {
  margin-bottom: 0;
}
.form-item .checkbox-item {
  margin-top: 30px;
}
.form-item .checkbox-item [type="checkbox"] + span {
  margin-top: -2px;
}
.form-item .input-field .field-error, .form-item .checkbox-item .field-error {
  position: absolute;
  color: red;
  display: flex;
}
.form-item .input-field .syncable-field-icon, .form-item .input-field .master-field-icon, .form-item .checkbox-item .syncable-field-icon, .form-item .checkbox-item .master-field-icon {
  color: #00DD00;
  margin-left: 5px;
  font-size: 12px;
  position: relative;
}
.form-item .input-field .syncable-field-icon:hover .tooltip, .form-item .input-field .master-field-icon:hover .tooltip, .form-item .checkbox-item .syncable-field-icon:hover .tooltip, .form-item .checkbox-item .master-field-icon:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
}
.form-item .input-field .master-field-icon, .form-item .checkbox-item .master-field-icon {
  color: #F6821F;
  font-size: 19px;
  position: relative;
  top: -1px;
  height: 12px;
  display: inline-block;
  line-height: 11px;
  vertical-align: middle;
}
.form-item .input-field .master-field-icon:hover .tooltip, .form-item .checkbox-item .master-field-icon:hover .tooltip {
  left: 28px;
}
.form-item .input-field i:hover .tooltip, .form-item .checkbox-item i:hover .tooltip {
  right: auto;
  left: 20px;
}
.form-item .input-field i .tooltip, .form-item .checkbox-item i .tooltip {
  opacity: 0;
  background-color: #ffffff;
  position: absolute;
  left: 16px;
  top: 5px;
  transform: translate(0, -50%);
  min-width: 77px;
  font-size: 14px;
  line-height: 19px;
  padding: 3px 7px;
  border-radius: 6px;
  color: #2d3748;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.14);
  transition: opacity 0.3s ease-in-out, left 0.2s;
  z-index: 150;
  pointer-events: none;
}
.form-item .input-field i .tooltip:after, .form-item .checkbox-item i .tooltip:after {
  transform: rotate(135deg);
  width: 8px;
  height: 8px;
  margin-top: -4px;
  top: 50%;
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  border-top: 0 none;
  border-left: 0 none;
  left: -4px;
}
.form-item.view-mode .checkbox-item .syncable-field-icon, .form-item.view-mode .checkbox-item .master-field-icon {
  top: -3px;
}
.form-item .checkbox-item .syncable-field-icon, .form-item .checkbox-item .master-field-icon {
  color: #00DD00;
  margin-left: 5px;
  font-size: 12px;
  cursor: initial;
  vertical-align: middle;
  top: -2px;
}
.form-item .checkbox-item .master-field-icon {
  color: #F6821F;
  font-size: 19px;
  position: relative;
}
.form-content-count-3 .form-item, .form-content-count-5 .form-item, .form-content-count-6 .form-item {
  float: left;
  width: 100%;
  position: relative;
}
.select-wrapper > input.select-dropdown {
  box-sizing: border-box;
  padding-right: 30px;
}
.select-wrapper .dropdown-content {
  z-index: 3;
  max-height: 400px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  overflow-x: hidden;
}
.select-wrapper .dropdown-content li {
  padding: 10px 12px;
  line-height: normal;
  transition: background-color 0.15s ease-in-out;
  min-height: auto;
}
.select-wrapper .dropdown-content li:hover {
  background-color: #e9edf2;
}
.select-wrapper .dropdown-content li.input-field {
  margin: 5px 7px 8px 7px;
  padding: 0;
}
.select-wrapper .dropdown-content li.input-field:hover {
  background-color: transparent;
  cursor: auto;
}
.select-wrapper .dropdown-content li.input-field label {
  margin-left: 6px;
}
.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  transform-origin: 0 0;
}
.dropdown-trigger {
  cursor: pointer;
}
@media (max-width: 1299px) {
  .form-content-count-3 .form-item, .form-content-count-4 .form-item, .form-content-count-5 .form-item, .form-content-count-6 .form-item, .form-content-count-7 .form-item, .form-content-count-8 .form-item {
    width: 100%;
    margin-bottom: 12px;
  }
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
/*-------------------------------------------*/
.v-tabs {
  min-height: 380px;
}
.v-tabs .tab {
  padding: 0;
}
.v-tabs .tab.is_last a {
  border-bottom: 0;
}
.v-tabs .tab.disabled a, .v-tabs .tab.disabled a:hover {
  cursor: default;
  opacity: 0.7;
}
.v-tabs .tab a {
  padding: 8px 12px 8px;
  position: relative;
  display: block;
  transition: color 0.3s ease, background 0.3s ease;
}
.v-tabs .tab a:focus, .v-tabs .tab a:focus.active, .v-tabs .tab a:focus.security-active {
  background-color: transparent;
  outline: none;
}
.v-tabs .tab a i {
  display: none;
  position: absolute;
  right: 12px;
  top: 15px;
}
.v-tabs .tab a.error i {
  display: block;
}
.v-tabs .indicator {
  left: auto !important;
  right: 30px !important;
  width: 4px;
  height: 48px;
  position: absolute;
  top: 0;
  transition: top ease 0.5s;
  display: none;
}
@media (max-width: 1023px) {
  .v-tabs {
    padding: 0;
    overflow: auto;
    white-space: nowrap;
    background: transparent;
    min-height: unset;
    margin-bottom: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .v-tabs::-webkit-scrollbar {
    display: none;
  }
  .v-tabs .tab {
    display: inline-block;
    width: auto;
    margin-right: 4px;
  }
  .v-tabs .tab:nth-last-child(2) {
    margin-right: 20px;
  }
  .v-tabs .tab.col a {
    padding: 5px 12px 5px;
    border-radius: 4px;
    border: 1px solid rgba(68, 68, 68, 0.15);
    background-color: #ffffff;
    color: #444444;
  }
  .v-tabs .tab.col a.security-active {
    border: 0;
  }
  .v-tabs .tab.col a.active {
    border-radius: 4px;
  }
}
/*------------------------*/
.vertical-tabs {
  padding: 21px 8px 15px;
  border-radius: 6px;
  margin: 0;
}
@media (max-width: 1023px) {
  .vertical-tabs {
    padding: 0;
    margin-bottom: 24px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
    box-shadow: 0 0 0;
    font-size: 14px;
  }
}
.vertical-tabs input {
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  height: 38px;
  box-sizing: border-box;
  border-radius: 6px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  margin-bottom: 4px;
}
.vertical-tabs .vertical-tab-list-item {
  display: flex;
  flex-flow: column;
}
.vertical-tabs .vertical-tab-list-item .vertical-tab-list-item-title {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  width: 100%;
}
.vertical-tabs .vertical-tab-list-item .vertical-tab-list-item-title:hover {
  opacity: 0.8;
}
.vertical-tabs .vertical-tab-list-item .vertical-tab-list-item-title .vertical-tab-list-item-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.vertical-tabs .vertical-tab-list-item .vertical-tab-list-item-title .vertical-tab-list-item-actions {
  display: flex;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
/*-------------------------------------------*/
.checkbox-item {
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
}
.checkbox-item label {
  font-weight: 500;
  cursor: pointer;
}
.checkbox-item [type="checkbox"]:not(:checked), .checkbox-item [type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkbox-item [type="checkbox"]:not(:checked):focus + span:after, .checkbox-item [type="checkbox"]:checked:focus + span:after {
  border-color: #2d57ec;
}
.checkbox-item [type="checkbox"]:not(:checked) + span:not(.lever):before {
  top: 0;
}
.checkbox-item [type="checkbox"] + span {
  position: relative;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  padding-left: 0;
  line-height: 20px;
  font-size: 1rem;
  user-select: none;
  float: left;
  margin-right: 12px;
}
.checkbox-item [type="checkbox"] + span:after {
  border-radius: 2px;
}
.checkbox-item [type="checkbox"] + span:before, .checkbox-item [type="checkbox"] + span:after {
  content: "";
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}
.checkbox-item [type="checkbox"]:not(:checked) + span:before {
  width: 0;
  height: 0;
  left: 3px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
.checkbox-item [type="checkbox"]:not(:checked) + span:after {
  height: 20px;
  width: 20px;
  top: 0;
  z-index: 0;
}
.checkbox-item [type="checkbox"]:checked + span:before {
  top: 3px;
  left: 2px;
  width: 7px;
  height: 12px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
.checkbox-item [type="checkbox"]:checked + span:after {
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 0;
}
.checkbox-item [type="checkbox"]:disabled {
  cursor: initial;
}
.checkbox-item [type="checkbox"]:disabled + span:not(.lever):before {
  opacity: 1;
}
.checkbox-item [type="checkbox"]:disabled + span:not(.lever):after {
  opacity: 0.4;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
/*-------------------------------------------*/
.radiobox-item {
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
}
.radiobox-item label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.radiobox-item .text-item-box {
  display: inline-block;
}
.radiobox-item [type="radio"]:not(:checked), .radiobox-item [type="radio"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.radiobox-item [type="radio"]:not(:checked):focus + span:after, .radiobox-item [type="radio"]:checked:focus + span:after {
  border-color: #2d57ec;
}
.radiobox-item [type="radio"]:not(:checked) + span:not(.lever):before {
  top: 3px;
}
.radiobox-item [type="radio"] + span {
  position: relative;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  width: 20px;
  padding-left: 0;
  line-height: 20px;
  font-size: 1rem;
  user-select: none;
  float: left;
  margin-right: 12px;
}
.radiobox-item [type="radio"] + span:before, .radiobox-item [type="radio"] + span:after {
  content: "";
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: background 0.2s 0.1s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
  border-radius: 50%;
}
.radiobox-item [type="radio"]:not(:checked) + span:before {
  top: 12px;
  left: 10px;
  width: 1px;
  height: 1px;
}
.radiobox-item [type="radio"]:not(:checked) + span:after {
  height: 20px;
  width: 20px;
  top: 3px;
  z-index: 0;
}
.radiobox-item [type="radio"]:checked + span:before {
  top: 7px;
  left: 4px;
  width: 12px;
  height: 12px;
}
.radiobox-item [type="radio"]:checked + span:after {
  top: 3px;
  width: 20px;
  height: 20px;
  z-index: 0;
}
.radiobox-item [type="radio"]:disabled {
  cursor: initial;
}
.radiobox-item [type="radio"]:disabled + span:not(.lever):before {
  opacity: 0.3;
}
.radiobox-item [type="radio"]:disabled + span:not(.lever):after {
  opacity: 0.3;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
.switcher-item.rounded label input[type="checkbox"] + span:after {
  border-radius: 20px;
}
.switcher-item.rounded label input[type="checkbox"] + span:before {
  border-radius: 50%;
}
.switcher-item label {
  position: relative;
  display: inline-block;
  width: 41px;
  height: 21px;
}
.switcher-item label input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
}
.switcher-item label input[type="checkbox"]:checked + span:before {
  left: 23px;
}
.switcher-item label input[type="checkbox"] + span {
  width: auto;
  height: auto;
  padding-left: 10px;
  position: relative;
}
.switcher-item label input[type="checkbox"] + span:after {
  content: "";
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 41px;
  height: 22px;
  transition: background-color 0.3s ease, border 0.3s ease;
}
.switcher-item label input[type="checkbox"] + span:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  top: 4px;
  z-index: 1;
  transition: left 0.3s ease, background-color 0.3s ease, border 0.3s ease;
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
/*-------------------------------------------*/
.attach-file + .upload-files-box .input-field.upload-files label .chose-file {
  margin: 0;
}
.attach-file + .upload-files-box .input-field.upload-files label .attached-files-names-container {
  margin: 10px 0 0;
}
.attach-file + .upload-files-box .input-field.upload-files label .text-box {
  width: 50%;
  margin-top: 0;
}
.attach-file + .upload-files-box .input-field.upload-files label .text-box .no-file-text-box {
  display: none;
}
.input-field {
  font-size: 14px;
}
.input-field label {
  margin-bottom: 6px;
  display: inline-block;
  font-weight: 500;
}
.input-field .icon-input {
  position: relative;
}
.input-field .icon-input input, .input-field .icon-input textarea {
  padding-left: 40px;
}
.input-field .icon-input i {
  position: absolute;
  left: 10px;
  opacity: 0.7;
  z-index: 10;
  font-size: 19px;
  top: 10px;
}
.input-field .plus, .input-field .minus {
  position: absolute;
  right: 0;
  height: 20px;
  line-height: 20px;
  top: 22px;
  width: 30px;
  background: transparent;
  border-radius: 0 5px 0 0;
  text-align: center;
}
.input-field .minus {
  height: 19px;
  line-height: 19px;
  top: 41px;
  border-radius: 0 0 5px 0;
}
.input-field.upload-files input {
  border-color: transparent;
  padding: 2px 0 0;
  opacity: 0;
  position: absolute;
  width: 2px;
  height: 2px;
}
.input-field.upload-files label {
  display: block;
}
.input-field.upload-files label .attached-files-names-container {
  flex: 1;
  margin: 30px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.input-field.upload-files label .attached-files-names-container li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.input-field.upload-files label .attached-files-names-container li:hover {
  opacity: 0.8;
}
.input-field.upload-files label .text-box {
  margin-bottom: 20px;
  margin-top: 30px;
  width: 100%;
}
.input-field.upload-files label .text-box .no-file-text-box {
  display: flex;
  align-items: center;
  flex-flow: column;
  margin: 0 auto;
  width: 100%;
}
.input-field.upload-files label .text-box .no-file-text-box i {
  font-size: 45px;
  margin-bottom: 10px;
  opacity: 0.8;
}
.input-field.upload-files label .text-box button {
  vertical-align: middle;
}
.input-field.upload-files label .chose-file {
  margin: 0 auto;
  display: table;
  text-align: center;
}
.input-field .error {
  font-size: 12px;
  margin-right: 0;
  display: inline-block;
  height: auto;
  padding-top: 5px;
}
.input-field.col {
  padding: 0;
}
.input-field .textarea .materialize-textarea {
  border: none;
  font-size: 14px;
  height: 38px;
  box-sizing: border-box;
  border-radius: 6px;
  margin-top: 9px;
  padding-left: 8px;
  margin-bottom: 14px;
}
.input-field input, .input-field textarea {
  font-size: 14px;
  height: 39px;
  box-sizing: border-box;
  border-radius: 6px;
  padding-left: 8px;
  padding-right: 65px;
  width: 100%;
  resize: none;
  display: block;
}
.input-field input.no-right-padding, .input-field textarea.no-right-padding {
  padding-right: 6px;
}
.input-field input.small, .input-field textarea.small {
  height: 31px;
}
.input-field input:focus, .input-field textarea:focus {
  border-color: #2d57ec;
}
.input-field textarea {
  height: 144px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.input-field .not-translatable-field {
  opacity: 0.3;
  pointer-events: none;
}
.form-item .input-field.col-3 .plus, .form-item .input-field.col-3 .minus {
  right: 5px;
}
.form-item .input-field input {
  height: 38px;
}
.form-item .input-field input:focus {
  border-color: #2d57ec;
}
@media (max-width: 1299px) {
  .form-item .input-field input {
    height: 33px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.form-item .input-field .plus, .form-item .input-field .minus {
  right: 0;
}
textarea:disabled {
  opacity: 0.3;
}
input:disabled {
  opacity: 0.3;
}
/*-------remove arrows number box---------*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
.dropdown {
  position: relative;
  z-index: 2500;
}
.dropdown.from-right .dropdown-box {
  right: 0;
  left: auto;
}
.dropdown-box {
  position: absolute;
  padding: 8px;
  border-radius: 6px;
  min-width: 130px;
  max-width: 250px;
  top: 40px;
  left: 0;
  z-index: 10;
  transition: visibility 0s linear 0.2s, opacity 0.2s 0s;
  visibility: hidden;
  opacity: 0;
}
.dropdown-box.show {
  transition: visibility 0s linear 0s, opacity 0.2s 0s;
  visibility: visible;
  opacity: 1;
}
.dropdown-box i {
  font-size: 17px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.dropdown-box a:not(.checkbox-item *), .dropdown-box .checkbox-item {
  display: block;
  padding: 8px 35px 8px 8px;
  border-radius: 6px;
  transition: background-color 0.2s ease-in-out;
  font-size: 14px;
  cursor: pointer;
  line-height: 21px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.dropdown-box a:not(.checkbox-item *) label, .dropdown-box .checkbox-item label {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.dropdown-box a:not(.checkbox-item *) .icon-trash, .dropdown-box .checkbox-item .icon-trash {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
}
.dropdown-box a:not(.checkbox-item *) .icons-box, .dropdown-box .checkbox-item .icons-box {
  top: 12px;
  right: 5px;
}
.dropdown-box a:not(.checkbox-item *) .icons-box span, .dropdown-box .checkbox-item .icons-box span {
  display: inline-flex;
}
.dropdown-box a:not(.checkbox-item *) .icons-box svg, .dropdown-box .checkbox-item .icons-box svg {
  width: 10px;
  height: 10px;
}
.dropdown-box .dropdown-menu-title {
  opacity: 0.4;
  text-transform: none;
  padding: 0 8px;
  margin-bottom: 5px;
}
.dropdown-box .dropdown-menu-title span {
  display: block;
  padding: 8px 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  position: relative;
}
.dropdown-box .dropdown-menu-title span:before {
  opacity: 0.4;
  content: "";
  border-bottom: 1px solid;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bulk-action {
  outline: none;
  border: 0;
}
.bulk-box {
  display: inline-block;
  vertical-align: middle;
  min-width: 140px;
  white-space: nowrap;
  margin-right: 5px;
}
@media (max-width: 1023px) {
  .bulk-box {
    min-width: unset;
  }
}
.bulk-box button {
  padding-right: 8px;
  padding-bottom: 7px;
}
@media (max-width: 1023px) {
  .bulk-box button {
    padding-bottom: 6px;
    padding-left: 10px;
  }
  .bulk-box button.with-icon i {
    margin-left: 6px;
    font-size: 17px;
  }
}
.bulk-box button span {
  font-size: 16px;
  line-height: 21px;
}
.bulk-box button .fa-list-ul {
  display: none;
}
/*-----------------------*/
.active-filters {
  display: flex;
  align-items: self-start;
}
.active-filters .is_detailed .active-filters.search-box-save + .filter-open-arrow i {
  transform: rotate(180deg);
}
.active-filters.search-box-save {
  display: flex;
  border: 1px solid rgba(168, 168, 168, 0.3);
  border-radius: 6px;
  overflow: hidden;
  padding-left: 45px;
}
.active-filters.search-box-save:before {
  font-family: "icomoon" !important;
  content: "";
  font-size: 19px;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translate(0, -50%);
}
.active-filters.search-box-save + .filter-open-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  opacity: 0.3;
  cursor: pointer;
}
.active-filters.search-box-save + .filter-open-arrow:hover {
  opacity: 0.4;
}
.active-filters.search-box-save + .filter-open-arrow i {
  transition: transform 0.3s ease;
}
.active-filters.search-box-save span {
  margin-right: 0;
}
.active-filters .filter-favorite-box {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  align-items: center;
}
.active-filters .filter-button {
  padding: 0;
  border-radius: 8px;
  min-height: 29px;
  min-width: 29px;
  height: 29px;
  width: 29px;
}
.active-filters .filter-button:hover {
  background-color: #F0F0F0;
}
.active-filters .active-filters {
  background-color: #ffffff;
  outline: none;
}
.active-filters .active-filters.filter-button {
  min-height: 32px;
  min-width: 32px;
  padding: 0;
}
@media (min-width: 1024px) {
  .active-filters .active-filters.filter-button:hover {
    color: #ffffff;
    background-color: #A8A8A8;
  }
}
.active-filters .active-filters.primary {
  color: #444444;
}
@media (min-width: 1024px) {
  .active-filters .active-filters.primary:hover {
    color: #ffffff;
    background-color: #A8A8A8;
  }
}
.active-filters .active-filters.secondary {
  color: #444444;
}
@media (min-width: 1024px) {
  .active-filters .active-filters.secondary:hover {
    color: #ffffff;
    background-color: #A8A8A8;
  }
}
.active-filters .active-filters.success {
  color: #444444;
}
@media (min-width: 1024px) {
  .active-filters .active-filters.success:hover {
    color: #ffffff;
    background-color: #49D69A;
    border-color: #49D69A;
  }
}
.active-filters .active-filters.info {
  color: #444444;
}
@media (min-width: 1024px) {
  .active-filters .active-filters.info:hover {
    color: #ffffff;
    background-color: #17a2b8;
    border-color: #17a2b8;
  }
}
.active-filters .active-filters.warning {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .active-filters .active-filters.warning:hover {
    color: #ffffff;
    background-color: #FFDC68;
    border-color: #FFDC68;
  }
}
.active-filters .active-filters.danger {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .active-filters .active-filters.danger:hover {
    color: #ffffff;
    background-color: #FB6565;
    border-color: #FB6565;
  }
}
.active-filters .active-filters.dark {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .active-filters .active-filters.dark:hover {
    color: #ffffff;
    background-color: #333333;
    border-color: #333333;
  }
}
.active-filters .active-filters.light {
  border-color: #E2E8F0;
  color: #444444;
}
@media (min-width: 1024px) {
  .active-filters .active-filters.light:hover {
    border-color: #cbd3da;
  }
}
.active-filters .favorite-box, .active-filters .input-field {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.active-filters .favorite-box {
  text-align: left;
  margin: 0 5px;
}
@media (max-width: 1023px) {
  .active-filters .favorite-box {
    position: static;
  }
}
.active-filters .favorite-box ::-webkit-scrollbar {
  width: 2px;
}
.active-filters .favorite-box .button {
  margin-right: 0;
}
.active-filters .favorite-box .dropdown-box {
  min-width: 460px;
  max-height: calc(100vh - 300px);
  overflow: hidden;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.18);
  padding: 15px 20px;
}
.active-filters .favorite-box .dropdown-box .dropdown-box-title {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid #E3E2E2;
  margin-bottom: 18px;
}
.active-filters .favorite-box .dropdown-box .title {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid #E3E2E2;
  margin-bottom: 18px;
}
.active-filters .favorite-box .dropdown-box .input-field {
  margin-bottom: 12px;
}
.active-filters .favorite-box .dropdown-box .input-field input.required {
  border: 1px solid #ff4f4f;
}
.active-filters .favorite-box .dropdown-box .input-field .button {
  margin-left: 10px;
  padding: 5px 20px;
}
.active-filters .favorite-box .dropdown-box .input-field span.error {
  min-width: 100%;
}
.active-filters .favorite-box .dropdown-box .saved-filters-title {
  width: 100%;
  color: #90929A;
  font-size: 12px;
  margin-bottom: 10px;
}
.active-filters .favorite-box .dropdown-box .saved-filters-wrapper {
  overflow: auto;
  max-height: 200px;
}
.active-filters .favorite-box .dropdown-box .saved-filters-wrapper .saved-filters {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.active-filters .favorite-box .dropdown-box .saved-filters-wrapper .saved-filters a {
  padding: 5px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 6px;
  min-height: 35px;
}
.active-filters .favorite-box .dropdown-box .saved-filters-wrapper .saved-filters a span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90%;
}
.active-filters .favorite-box .dropdown-box .saved-filters-wrapper .saved-filters a.active, .active-filters .favorite-box .dropdown-box .saved-filters-wrapper .saved-filters a:hover {
  background: #ebebeb;
}
.active-filters .favorite-box .input-field {
  margin-right: 0;
}
.active-filters .favorite-box a {
  margin-bottom: 5px;
}
.active-filters .favorite-box a.active {
  background-color: #edf2f7;
}
.active-filters .favorite-box a.active i.fa-check {
  display: block;
}
.active-filters .favorite-box a i {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.active-filters .favorite-box a i.icon-delete {
  right: 3px;
  left: auto;
}
.active-filters .favorite-box .input-field {
  width: 100%;
  font-size: 13px;
}
.active-filters .favorite-box .input-field input {
  max-width: 70%;
  width: 65%;
  max-height: unset;
  vertical-align: middle;
  float: left;
  padding-right: 8px;
}
.active-filters .favorite-box .input-field button {
  width: 30%;
  border: none;
  vertical-align: middle;
  float: right;
  margin-right: 0;
  min-width: 50px;
  padding: 3px 8px;
}
.active-filters span:not(:last-child) {
  margin-right: 3px;
}
.active-filters .input-field {
  width: 100%;
  margin-right: 8px;
}
.active-filters .button {
  border-color: #e2e8f0;
}
.active-filters .input-search {
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  padding-left: 0 !important;
  flex: 1;
  height: 37px;
}
.active-filters .input-search:focus {
  box-shadow: 0 0 0;
}
@media (max-width: 1023px) {
  .active-filters .input-search {
    width: 100%;
    height: 34px;
  }
}
.active-filters .criteria-box {
  vertical-align: top;
  background-color: transparent;
  padding: 6px 6px 2px 8px;
  min-height: 37px;
  color: #2d3748;
  font-size: 14px;
  box-sizing: border-box;
  text-align: left;
  display: flex;
  align-items: flex-start;
  max-width: calc(100% - 120px);
  flex-wrap: wrap;
}
.active-filters .criteria-box .filter-item {
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  margin-left: 0;
  margin-right: 5px;
  background-color: #F8F9FB;
  color: #2d3748;
  height: auto;
  position: relative;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  max-width: 174px;
  margin-bottom: 5px;
}
.active-filters .criteria-box .filter-item:last-child {
  margin-right: 0;
}
.active-filters .criteria-box .filter-item .filter-name-container {
  border: none;
  background-color: #E1E2E5;
  color: initial;
  height: auto;
  cursor: pointer;
  max-width: 100%;
  min-width: 174px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 22px 5px 10px;
  width: 100%;
  text-align: left;
}
.active-filters .criteria-box .filter-item .filter-name-container span {
  color: initial;
}
.active-filters .criteria-box .filter-item .close-btn {
  border: none;
  height: auto;
  cursor: pointer;
  color: initial;
}
.active-filters .criteria-box .filter-item .close-btn:before {
  font-family: "icomoon" !important;
  content: "";
  font-size: 8px;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 6px;
  top: 8px;
}
.active-filters .criteria-box .filter-item .criteria-info {
  padding: 8px 0;
  max-height: 175px;
  overflow: auto;
}
.active-filters .criteria-box .filter-item .criteria-info > li {
  padding: 4px 10px 5px 10px;
  white-space: normal;
}
.active-filters .criteria-box .filter-item .criteria-info > li:last-child ul:after {
  display: none;
}
.active-filters .criteria-box .filter-item .criteria-info > li:last-child ul:before {
  display: none;
}
.active-filters .criteria-box .filter-item .criteria-info > li ul {
  position: relative;
  font-size: 12px;
}
.active-filters .criteria-box .filter-item .criteria-info > li ul:after {
  content: "Or";
  width: 100%;
  opacity: 0.4;
  margin-top: 8px;
  display: block;
}
.active-filters .criteria-box .filter-item .criteria-info > li ul:before {
  position: absolute;
  content: "";
  border-bottom: 1px solid;
  opacity: 0.2;
  bottom: 7px;
  left: 20px;
  right: 0;
}
.active-filters .criteria-box .filter-item .criteria-info > li .name {
  font-weight: 500;
}
.create-criteria-box {
  top: 50px;
  right: 45px;
  left: 0;
  width: auto;
  z-index: 2500;
  position: absolute;
  padding: 18px 24px 0 9px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  border-radius: 8px;
  min-height: 270px;
  transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
  max-height: 350px;
  overflow: auto;
  background-color: #ffffff;
  color: #0A0A0A;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.18);
}
.create-criteria-box .default, .create-criteria-box .default a:not(.button), .create-criteria-box .small1, .create-criteria-box .small1 a:not(.button), .create-criteria-box .medium1, .create-criteria-box .medium1 a:not(.button), .create-criteria-box .large1, .create-criteria-box .large1 a:not(.button) {
  color: #0A0A0A;
}
.create-criteria-box svg.icon {
  fill: #0A0A0A;
  color: #0A0A0A;
}
.create-criteria-box * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.create-criteria-box *::-webkit-scrollbar {
  width: "";
  height: "";
}
.create-criteria-box *::-webkit-scrollbar-track {
  background: "";
}
.create-criteria-box *::-webkit-scrollbar-thumb {
  background: "";
}
@media (max-width: 1023px) {
  .create-criteria-box {
    left: 0;
    right: 0;
    top: 40px;
  }
}
.create-criteria-box .criteria-items-box {
  overflow: auto;
}
.create-criteria-box .criteria-items-box .choices__inner {
  padding: 0;
}
.create-criteria-box .criteria-items-box .add-criteria-box {
  position: relative;
}
.create-criteria-box .criteria-items-box .add-criteria-box .add-criteria {
  margin-left: 43px;
  color: #2d57ec;
}
.create-criteria-box .criteria-items-box .add-criteria-box .add-criteria .circle {
  background-color: #2d57ec;
}
.create-criteria-box .criteria-items-box .add-criteria {
  cursor: pointer;
  font-size: 15px;
  vertical-align: middle;
  line-height: 20px;
  display: inline-block;
  white-space: nowrap;
  float: left;
  font-weight: 500;
  background-color: transparent;
  border: none;
  outline: none;
  color: #444444;
  padding-left: 0;
  padding-right: 0;
  margin: 1px 0;
}
@media (max-width: 1023px) {
  .create-criteria-box .criteria-items-box .add-criteria {
    margin: 3px 0;
  }
}
.create-criteria-box .criteria-items-box .add-criteria .circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #444444;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
}
.create-criteria-box .criteria-items-box .add-criteria .circle i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #ffffff;
}
.create-criteria-box .actions-box {
  padding: 10px 3px 20px;
  background-color: #ffffff;
}
.create-criteria-box .actions-box .cancel-criteria {
  margin-right: 10px;
  background-color: rgba(185, 185, 185, 0.35);
  color: #686868;
  border: none;
  line-height: 24px;
  float: right;
  min-width: 90px;
}
.create-criteria-box .actions-box .apply-criteria {
  float: right;
  margin-right: 0;
}
.create-criteria-box select, .create-criteria-box input {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.create-criteria-box input {
  padding-left: 10px;
}
.create-criteria-box .criteria-item {
  position: relative;
  height: 53px;
}
.create-criteria-box .criteria-item > .remove-criteria-container {
  position: absolute;
  top: 7px;
  right: 0;
  margin-right: 0;
}
.create-criteria-box .criteria-item .remove-criteria-container {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.create-criteria-box .criteria-item .remove-criteria {
  cursor: pointer;
  font-size: 0;
  z-index: 100;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-criteria-box .criteria-item .remove-criteria.hidden {
  display: none;
}
.create-criteria-box .criteria-item .remove-criteria:hover i {
  color: #2d57ec;
}
.create-criteria-box .criteria-item .remove-criteria i {
  opacity: 0.4;
  font-size: 13px;
}
.create-criteria-box .choices {
  opacity: 1;
  pointer-events: auto;
  display: block;
  float: left;
  width: 31%;
  font-size: 13px;
  height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin-bottom: 13px;
  margin-right: 10px;
}
@media (max-width: 1023px) {
  .create-criteria-box .choices {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .create-criteria-box .choices:last-child {
    margin-bottom: 0;
  }
}
.create-criteria-box .choices:after {
  display: none;
}
.create-criteria-box .choices .choices__inner {
  height: 40px;
}
.create-criteria-box .choices .choices__inner:focus {
  border: 1px solid #777777;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}
.create-criteria-box .choices .choices__inner:after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #A2A2A2 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}
.create-criteria-box .choices .choices__inner .choices__list--single {
  padding: 8px 16px 8px 8px;
  height: 100%;
}
.create-criteria-box .choices .choices__inner .choices__item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.create-criteria-box .choices .choices__list--dropdown {
  width: 100%;
  left: 0;
}
.create-criteria-box .choices .choices__list--dropdown .choices__item--selectable {
  padding-right: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.create-criteria-box .select-condition {
  opacity: 1;
  pointer-events: auto;
  display: block;
  float: left;
  width: 22%;
  margin-right: 2%;
  font-size: 13px;
  height: 40px;
}
.create-criteria-box .select-condition:focus {
  border: 1px solid #777777;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}
.create-criteria-box .condition-value {
  opacity: 1;
  pointer-events: auto;
  display: block;
  float: left;
  width: 31%;
  margin-right: 1%;
  font-size: 13px;
  height: 40px;
  position: relative;
}
@media (max-width: 1023px) {
  .create-criteria-box .condition-value {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .create-criteria-box .condition-value:last-child {
    margin-bottom: 0;
  }
}
.create-criteria-box .condition-value input {
  border: 1px solid #e6e6e6;
  color: #777777;
  font-size: 14px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 6px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.create-criteria-box .condition-value input[type=checkbox] {
  height: 20px;
  width: 20px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.create-criteria-box .condition-value .select-condition {
  width: 100%;
}
.create-criteria-box .condition-value .choices {
  width: 100%;
}
.add-criteria {
  cursor: pointer;
  font-size: 14px;
  vertical-align: middle;
  line-height: 16px;
  white-space: nowrap;
  position: relative;
  display: inline-block;
}
.add-criteria.button {
  border-color: #e2e8f0;
  outline: none;
  color: #777777;
}
.add-criteria i.filter {
  font-size: 18px;
  position: relative;
  top: 0;
}
.add-criteria i.arrow {
  font-size: 16px;
  margin-left: 0px;
}
.add-criteria.active {
  color: #2d3748;
}
/*---------------------*/
.rule-content .search-box .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 100%;
  border: 0;
  background: transparent;
  font-size: 18px;
}
.rule-content .search-box .close-btn i {
  position: static;
  font-size: 19px;
}
/*--------------------*/
.ngs-filter {
  display: inline-block;
  width: 100%;
  flex: 1;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
@media (max-width: 1023px) {
  .ngs-filter {
    padding-bottom: 35px;
    position: static;
  }
  .ngs-filter.has-items {
    padding-bottom: 70px;
  }
  .ngs-filter .input-field {
    position: static;
  }
  .ngs-filter .input-field .page-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
  }
  .ngs-filter .input-field .page-box .criteria-box {
    position: absolute;
    top: 38px;
    left: 0;
    padding-left: 0;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    max-width: unset;
    display: block;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .ngs-filter .input-field .page-box .criteria-box::-webkit-scrollbar {
    display: none;
  }
}
/*-----------------------*/
.custom-dropdown-box {
  position: absolute;
  padding: 8px;
  border-radius: 6px;
  min-width: 130px;
  max-width: 250px;
  background: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: visibility 0s linear 0s, opacity 0.2s 0s;
  visibility: visible;
  opacity: 1;
  z-index: 10;
}
.custom-dropdown-box a {
  display: block;
  padding: 8px 35px 8px 8px;
  border-radius: 6px;
  transition: background-color 0.2s ease-in-out;
  font-size: 14px;
  cursor: pointer;
  line-height: 21px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: #0A0A0A;
}
.custom-dropdown-box a:hover {
  background: #edf2f7;
}
.criteria-items-box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.criteria-items-box .add-criteria-box {
  width: 100%;
}
.criteria-items-box .add-criteria-box .add-criteria {
  position: static;
}
.criteria-item-container {
  width: 100%;
  position: relative;
}
.criteria-item-container .and-delimiter-box + .criteria-item {
  margin-left: 0;
}
.criteria-item-container .criteria-item {
  height: auto;
  margin-left: 45px;
  padding-right: 55px;
}
@media (max-width: 1299px) {
  .criteria-item-container .criteria-item {
    padding-right: 40px;
  }
}
.criteria-item-container .criteria-item:last-child .choices {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .criteria-item-container .criteria-item:last-child .choices {
    margin-bottom: 5px;
  }
}
.criteria-item-container .criteria-item:last-child .delimeter {
  padding-bottom: 2px;
}
.criteria-item-container .criteria-item .sub-criteria-item {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .criteria-item-container .criteria-item .sub-criteria-item {
    flex-wrap: wrap;
  }
}
.criteria-item-container .criteria-item .sub-criteria-item.single-item:before {
  display: none;
}
.criteria-item-container .criteria-item .sub-criteria-item:before {
  content: "";
  border-bottom: 1px solid rgba(168, 168, 168, 0.5);
  position: absolute;
  top: 20px;
  left: -8px;
  width: 7px;
  transform: translate(-100%, 0);
}
.criteria-item-container .criteria-item .sub-criteria-item:last-child {
  margin-bottom: 0;
}
.criteria-item-container .criteria-item .sub-criteria-item .choices:last-child {
  margin-right: 0;
}
.criteria-item-container .criteria-item .sub-criteria-item .condition-value:last-child {
  margin-right: 0;
}
.criteria-item-container .container-of-item-and-and-delimiter {
  display: flex;
  vertical-align: middle;
}
.criteria-item-container .container-of-item-and-and-delimiter .and-delimiter-box {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 8px;
  margin-right: 14px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(168, 168, 168, 0.8);
}
.criteria-item-container .container-of-item-and-and-delimiter .and-delimiter-box:before {
  content: "";
  border-right: 1px solid rgba(168, 168, 168, 0.5);
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: 0;
}
.criteria-item-container .container-of-item-and-and-delimiter .criteria-item {
  flex: 1;
}
.or-delimiter {
  width: 100%;
  display: flex;
  font-size: 12px;
  line-height: 16px;
  margin-top: 10px;
  margin-bottom: 12px;
  align-items: center;
  color: rgba(168, 168, 168, 0.8);
  padding: 0 55px 0 45px;
}
@media (max-width: 1299px) {
  .or-delimiter {
    padding-right: 40px;
  }
}
.or-delimiter:before {
  content: "";
  width: 18px;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5);
  margin-right: 9px;
}
.or-delimiter:after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5);
  margin-left: 8px;
}
.icon-select-box {
  position: relative;
}
.icon-select-box > i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 22px;
  z-index: 10;
}
.icon-select-box .choices__inner {
  padding-left: 38px;
}
.choices, .choices[data-type*="select-one"] {
  position: relative;
  margin-bottom: 24px;
  font-size: 16px;
}
.choices:after, .choices[data-type*="select-one"]:after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #A2A2A2 transparent transparent transparent;
  border-width: 5px;
  border-bottom-width: 0;
  position: absolute;
  right: 11.5px;
  top: 19px;
  margin-top: -2.5px;
  pointer-events: none;
  transition: transform 0.3s ease;
  z-index: 10;
}
.choices.is-open:after, .choices[data-type*="select-one"].is-open:after {
  border-color: #444444 transparent transparent transparent;
  transform: rotate(180deg);
}
.choices + .ngs_validate, .choices[data-type*="select-one"] + .ngs_validate {
  position: absolute;
  bottom: -18px;
}
.choices.invalid .choices__inner, .choices[data-type*="select-one"].invalid .choices__inner {
  border-color: red !important;
}
.choices:focus {
  outline: none;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: initial;
}
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: default;
  white-space: pre;
}
.choices [hidden] {
  display: none !important;
}
.choices[data-type*="select-one"] {
  cursor: pointer;
}
.choices[data-type*="select-one"] .choices__input {
  display: block;
  max-width: 98%;
  padding: 10px;
  background-color: #ffffff;
  margin: 4px auto !important;
  border-color: #e2e8f0 !important;
}
.choices[data-type*="select-one"] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
  display: none;
}
.choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*="select-one"] .choices__button:focus {
  box-shadow: 0px 0px 0px 2px #00bcd4;
}
.choices[data-type*="select-one"] .choices__item[data-value=""] .choices__button {
  display: none;
}
.choices .choices__item[data-value=""] {
  opacity: 0.8;
}
.choices[data-type*="select-one"]:after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #A2A2A2 transparent transparent transparent;
  border-width: 5px;
  border-bottom-width: 0;
  position: absolute;
  right: 11.5px;
  top: 19px;
  margin-top: -2.5px;
  pointer-events: none;
}
.choices[data-type*="select-one"].is-open:after {
  border-color: #444444 transparent transparent transparent;
}
.choices[data-type*="select-one"][dir="rtl"]:after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*="select-one"][dir="rtl"] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}
.choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner {
  cursor: pointer;
}
.choices[data-type*="select-multiple"] .choices__inner input, .choices[data-type*="text"] .choices__inner input {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0 5px;
  height: 20px;
}
.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
  display: inline-block;
  background-image: url("data:image/jpeg;base64,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");
  background-size: 6px;
  width: 8px;
  height: 15px;
  opacity: 0.75;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translate(0, -50%);
}
.choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus {
  opacity: 1;
}
.icons-box ~ .choices:after {
  right: 36px;
}
.icons-box ~ .choices .choices__inner {
  padding: 3px 52px 2px 12px;
}
.choices__inner {
  vertical-align: top;
  min-height: 39px;
  padding: 6px 32px 6px 12px;
  color: #2d3748;
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
  font-size: 14px;
  height: auto;
  box-sizing: border-box;
  border-radius: 6px;
  width: 100%;
  text-align: left;
  overflow-y: auto;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1299px) {
  .choices__inner {
    min-height: 33px;
  }
}
.choices__inner:focus {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}
.choices__inner.ngs.invalid {
  border-color: #F93B25;
}
.choices__inner.ngs.invalid:after {
  border-color: #F93B25 transparent transparent transparent !important;
}
.choices__inner input {
  border: none;
  background-color: transparent;
  margin: 0;
  padding-right: 8px;
  height: 21px;
}
.choices__inner input + .ngs_validate {
  margin-left: -8px;
}
.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #e2e8f0;
}
.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  display: inline-block;
  padding: 0 18px 0 0;
  width: 100%;
}
[dir="rtl"] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}
.choices__list--single .choices__item {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  padding: 4px 26px 4px 10px;
  font-size: 14px;
  font-weight: 500;
  background-color: #e2e8f0;
  color: #2d3748;
  word-break: initial;
  box-sizing: border-box;
  position: relative;
  line-height: 15px;
  margin: 3px 5px 3px 0;
}
[dir="rtl"] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #949494;
}
.choices__list--dropdown {
  visibility: hidden;
  z-index: 2500;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}
.choices__list--dropdown.is-active {
  visibility: visible;
}
.is-open .choices__list--dropdown {
  border-color: #e2e8f0;
}
.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 200px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  border-top: 1px solid #e2e8f0;
}
.choices__list--dropdown .choices__item {
  position: relative;
  padding: 8px 10px;
  font-size: 14px;
  transition: background-color 0.4s;
}
.choices__item.has-no-results {
  text-align: center;
}
[dir="rtl"] .choices__list--dropdown .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable:after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir="rtl"] .choices__list--dropdown .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #e9edf2;
  color: #2d3748;
}
.choices__list--dropdown .choices__item--selectable.is-selected {
  background-color: #2d57ec;
  color: #ffffff;
}
.choices__item {
  cursor: default;
}
.choices__item--selectable {
  cursor: pointer;
}
.choices__item--disabled {
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.5;
}
.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #A2A2A2;
}
.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: none;
}
.choices__input {
  display: inline-block;
  vertical-align: baseline;
  font-size: 14px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  width: 100%;
}
.choices__input:focus {
  outline: 0;
}
[dir="rtl"] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}
/*--------------------------------*/
.choices.is-focused .choices__inner {
  border-color: #2d57ec;
}
.choices.choices-view-mode {
  pointer-events: none;
}
.choices.choices-view-mode .choices__list--single .choices__item {
  opacity: 60%;
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 295px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #ffffff;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
  padding: 5px;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  margin: 0 -5px;
  height: 40px;
  border-top: 1px solid #edf2f7;
  padding: 0 5px;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #ffffff;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #ffffff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 12px;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 6px;
  height: 34px;
  padding: 6px 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  border-radius: 5px;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  left: 8px;
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  right: 8px;
  /*
      /*rtl:end:ignore*/
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  background-color: #edf2f7;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch \0 ;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: #aaaaaa;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  font-weight: 300;
  width: 41px;
}
.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 285px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 5px;
  outline: 0;
  text-align: left;
  width: 285px;
  min-width: 285px;
  max-width: 285px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: none;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #2d3748;
  cursor: pointer;
  font-weight: 400;
  width: 20.285714%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 15.285714%;
  max-width: 39px;
  height: 31px;
  line-height: 31px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #edf2f7;
  border-color: #edf2f7;
}
.flatpickr-day.today {
  border-color: #1c3faa;
  background-color: #1c3faa;
  color: #ffffff;
  border-radius: 5px;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #1c3faa;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  border-color: #1c3faa;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #d5d5d5, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eeeeee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#toast-container {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  max-width: 100%;
  max-height: 100%;
  top: 0;
  position: fixed;
}
.toast {
  position: relative;
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  max-width: 460px;
  border-radius: 6px;
  padding: 20px 24px 20px;
}
.toast.not-centered {
  max-width: unset;
}
.toast.not-centered .toast-content-box {
  text-align: left;
}
.toast.not-centered .toast-buttons {
  text-align: right;
}
.toast.not-centered span {
  text-align: left;
}
.toast .toast-header-box {
  padding: 0 24px 15px;
  margin: 0 -24px;
  border-bottom: 1px solid #e2e8f0;
  position: relative;
}
.toast .toast-header-box h4 {
  margin-bottom: 0;
}
.toast .close-btn {
  position: absolute;
  right: 15px;
  top: 17px;
}
.toast .close-btn i {
  font-size: 22px;
  color: #2d3748;
}
.toast .toast-content-box {
  padding-top: 10px;
  min-height: 90px;
  text-align: center;
}
.toast .toast-content-box .toast-icon-box {
  text-align: center;
}
.toast .toast-content-box i.icon-success {
  font-size: 56px;
  color: #49D69A;
}
.toast .toast-content-box i.icon-cancel {
  font-size: 56px;
  color: #FB6565;
}
.toast .toast-content-box .dialogContent-header {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 5px;
}
.toast span {
  display: block;
  font-size: 14px;
  text-align: center;
  white-space: normal;
}
.toast .toast-buttons {
  text-align: right;
  margin-top: 20px;
}
.toast .toast-buttons .button {
  margin-left: 8px;
}
.toast .toast-action {
  color: #2d3748;
}
.form-content {
  margin-bottom: 0;
}
.form-content .form-group .upload-file-box {
  padding: 20px;
  border-radius: 6px;
  background-color: #ffffff;
}
.form-content .form-group .upload-file-box .element-field {
  border: 2px dashed #e2e8f0;
  display: block;
  text-align: center;
}
.form-content .file-info {
  background-color: #ffffff;
  border-radius: 6px;
  margin: 0 0 16px;
  padding: 16px 20px 16px;
  position: relative;
}
.form-content .file-info .created-updated-date {
  font-weight: 800;
  display: flex;
}
.form-content .file-info .created-updated-date p {
  margin: 0;
  font-size: 14px;
  color: #2d3748;
}
.form-content .file-info .created-updated-date p span {
  margin-left: 8px;
}
.form-content .file-info .created-updated-date .created-by {
  margin-right: 25px;
  padding: 14px;
  width: 50%;
  background-color: #F8F9FB;
}
.form-content .file-info .created-updated-date .created-by p {
  color: #808080;
  font-weight: 400;
}
.form-content .file-info .created-updated-date .created-by p span {
  font-weight: 500;
  color: #333333;
}
.form-content .file-info .created-updated-date .created-by .created-date {
  border-right: 1px solid;
  padding-right: 12px;
}
.form-content .file-info .created-updated-date .updated-by {
  padding: 14px;
  width: 50%;
  background-color: #F8F9FB;
}
.form-content .file-info .created-updated-date .updated-by p {
  color: #808080;
  font-weight: 400;
}
.form-content .file-info .created-updated-date .updated-by p span {
  font-weight: 500;
  color: #333333;
}
.form-content .file-info .created-updated-date .updated-by .created-date {
  border-right: 1px solid;
  padding-right: 12px;
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}
.dropzone {
  position: relative;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}
.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaaaaa;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green;
}
.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
}
.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none !important;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  width: 100%;
}
.dropzone .dz-message {
  height: auto;
}
.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  width: 116px;
  height: 116px;
  text-align: center;
  padding-top: 35px;
  font-weight: 500;
  position: relative;
}
.dropzone .dz-message .dz-button:before {
  content: "";
  font-family: "icomoon" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: absolute;
  top: 30px;
  left: 50%;
  font-size: 28px;
  transform: translate(-50%, 0);
  color: rgba(169, 169, 169, 0.68);
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-height: 100px;
  margin: 0;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999999;
  background: linear-gradient(to bottom, #eeeeee, #dddddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: #ffffff;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
  display: none;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
  display: none;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview .dz-image {
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image span {
  display: none;
}
.dropzone .dz-preview .dz-image img {
  display: block;
  width: 100%;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333333;
  background: linear-gradient(to bottom, #6A6A6A, #444444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: #ffffff;
}
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
.icons-box {
  top: 31px;
  right: 10px;
  z-index: 495;
  font-size: 14px;
  position: absolute;
  display: flex;
  align-content: center;
}
.icons-box:hover {
  z-index: 500;
}
.icons-box .icon-tooltip {
  font-size: 20px;
  color: #2d57ec;
  margin-right: 5px;
  position: relative;
  /*      max-width: 1199.98px       */
}
@media (max-width: 1299px) {
  .icons-box .icon-tooltip {
    font-size: 17px;
  }
}
.icons-box .icon-tooltip:last-child {
  margin-right: 0;
}
.icons-box .icon-tooltip + .icon-tooltip {
  z-index: 495;
}
.icons-box .icon-tooltip.rule-btn:hover {
  cursor: pointer;
}
.icons-box .icon-tooltip i:hover + .tooltip {
  opacity: 1;
  right: 30px;
  pointer-events: auto;
}
.icons-box .icon-tooltip .tooltip {
  opacity: 0;
  background-color: #ffffff;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  width: 250px;
  font-size: 14px;
  line-height: 19px;
  padding: 10px;
  border-radius: 6px;
  color: #2d3748;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.14);
  transition: opacity 0.3s ease-in-out, right 0.2s;
  z-index: 150;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .icons-box .icon-tooltip .tooltip {
    width: 200px;
  }
}
.icons-box .icon-tooltip .tooltip:after {
  width: 12px;
  height: 12px;
  right: -6px;
  top: 50%;
  transform: translate(0, -50%) rotate(135deg);
  content: "";
  display: block;
  position: absolute;
  background-color: #ffffff;
  border-top: 0 none;
  border-right: 0 none;
}
.icons-box .icon-calendar {
  font-size: 17px;
  margin-right: 7px;
  pointer-events: none;
}
/*-------------products product pricing checkbox----------------*/
.inbound-freight-result-message {
  background-color: #ffffff;
  position: absolute;
  top: -4px;
  transform: translate(0, -50%);
  font-size: 14px;
  line-height: 19px;
  padding: 10px;
  border-radius: 6px;
  color: #2d3748;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.14);
  transition: opacity 0.3s ease-in-out, right 0.2s;
  z-index: 150;
  pointer-events: none;
}
.inbound-freight-result-message:after {
  transform: rotate(135deg);
  width: 12px;
  height: 12px;
  right: 50%;
  top: 87%;
  content: "";
  display: block;
  position: absolute;
  background-color: #ffffff;
  border-top: 0 none;
  border-right: 0 none;
}
.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #afafaf;
  padding: 0;
  max-height: 80%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}
.modal:focus {
  outline: none;
}
@media only screen and (max-width: 992px) {
  .modal {
    width: 80%;
  }
}
.modal.ngs-modal {
  background-color: transparent;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: fixed;
  top: 0 !important;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5000 !important;
}
.modal.ngs-modal.active {
  display: block;
  opacity: 1;
}
.modal.ngs-modal .edit-box {
  max-width: 870px;
  margin: 100px auto 80px;
  border-radius: 8px;
  width: 95%;
  background-color: #ffffff;
  color: #0A0A0A;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.modal.ngs-modal .edit-box .default, .modal.ngs-modal .edit-box .default a:not(.button), .modal.ngs-modal .edit-box .small1, .modal.ngs-modal .edit-box .small1 a:not(.button), .modal.ngs-modal .edit-box .medium1, .modal.ngs-modal .edit-box .medium1 a:not(.button), .modal.ngs-modal .edit-box .large1, .modal.ngs-modal .edit-box .large1 a:not(.button) {
  color: #0A0A0A;
}
.modal.ngs-modal .edit-box .border {
  border-color: #DEDEDE;
}
.modal.ngs-modal .edit-box .link {
  color: #2d57ec;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .modal.ngs-modal .edit-box .link:hover {
    color: #0e28b0;
  }
}
.modal.ngs-modal .edit-box .t1large {
  color: #0A0A0A;
}
.modal.ngs-modal .edit-box .t1, .modal.ngs-modal .edit-box .t1 a:not(.button), .modal.ngs-modal .edit-box h1, .modal.ngs-modal .edit-box h1 a:not(.button) {
  color: #0A0A0A;
}
.modal.ngs-modal .edit-box .t2, .modal.ngs-modal .edit-box .t2 a:not(.button), .modal.ngs-modal .edit-box h2, .modal.ngs-modal .edit-box h2 a:not(.button) {
  color: #0A0A0A;
}
.modal.ngs-modal .edit-box .t3, .modal.ngs-modal .edit-box .t3 a:not(.button), .modal.ngs-modal .edit-box h3, .modal.ngs-modal .edit-box h3 a:not(.button) {
  color: #0A0A0A;
}
.modal.ngs-modal .edit-box .t4, .modal.ngs-modal .edit-box .t4 a:not(.button), .modal.ngs-modal .edit-box h4, .modal.ngs-modal .edit-box h4 a:not(.button) {
  color: #0A0A0A;
}
.modal.ngs-modal .edit-box .t5, .modal.ngs-modal .edit-box .t5 a:not(.button), .modal.ngs-modal .edit-box h5, .modal.ngs-modal .edit-box h5 a:not(.button) {
  color: #0A0A0A;
}
.modal.ngs-modal .edit-box .t6, .modal.ngs-modal .edit-box .t6 a:not(.button), .modal.ngs-modal .edit-box h6, .modal.ngs-modal .edit-box h6 a:not(.button) {
  color: #0A0A0A;
}
.modal.ngs-modal .edit-box svg.icon {
  fill: #0A0A0A;
  color: #0A0A0A;
}
.modal.ngs-modal .edit-box * {
  scrollbar-width: thin;
  scrollbar-color: #c8c8c8;
}
.modal.ngs-modal .edit-box *::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.modal.ngs-modal .edit-box *::-webkit-scrollbar-track {
  background: #dddddd;
}
.modal.ngs-modal .edit-box *::-webkit-scrollbar-thumb {
  background: #c8c8c8;
}
@media (max-width: 1023px) {
  .modal.ngs-modal .edit-box {
    margin: 20px auto 60px;
  }
}
.modal.ngs-modal .edit-box .modal-title-box {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 20px;
  padding: 12px 19px 12px;
}
.modal.ngs-modal .edit-box .modal-title-box + .popup-close-btn {
  top: 7px;
}
.modal.ngs-modal .edit-box .modal-title-box .t4 {
  font-size: 16px;
  line-height: 21px;
}
.modal.ngs-modal .edit-box .modal-content-box {
  margin: 0 26px;
}
.modal.ngs-modal .edit-box .modal-action-box {
  padding: 30px 26px 26px;
  text-align: right;
}
.modal.ngs-modal .edit-box .modal-action-box button {
  margin-left: 8px;
}
.modal h1, .modal h2, .modal h3, .modal h4 {
  margin-top: 0;
}
.modal .title {
  padding: 15px 50px 15px 30px;
  font-size: 20px;
  margin-bottom: 0;
  color: #afafaf;
}
.modal .modal-content {
  padding: 24px;
}
.modal .modal-close {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 25px;
  color: #afafaf;
  font-size: 20px;
}
.modal .popup-close-btn {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 3px;
  color: #afafaf;
  font-size: 20px;
}
.modal .modal-footer {
  border-radius: 0 0 2px 2px;
  background-color: #afafaf;
  padding: 4px 6px;
  height: 56px;
  width: 100%;
  text-align: right;
}
.modal .modal-footer .btn, .modal .modal-footer .btn-flat {
  margin: 6px 0;
}
.modal .cms-main-block .left-box {
  max-height: 390px;
}
.modal-overlay {
  position: fixed;
  z-index: 4000 !important;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000000;
  display: none;
  will-change: opacity;
}
.modal-overlay.active {
  display: block;
  opacity: 0.5;
}
.modal.modal-fixed-footer {
  padding: 0;
  height: 70%;
}
.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
}
.modal.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}
.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity;
}
/*----------flexible height popup----------*/
.flexible-height-popup {
  min-height: 430px;
  position: fixed;
  z-index: 5000;
  max-width: 870px;
  width: 90%;
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  border-radius: 6px;
  padding: 20px;
  max-height: 90%;
  overflow: auto;
  display: flex;
  flex-flow: column;
}
.flexible-height-popup .toast-header-box {
  margin: 0 -20px;
  border-bottom: 1px solid #e2e8f0;
  position: relative;
  padding: 0 19px 12px;
}
.flexible-height-popup .toast-header-box h4 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 21px;
}
.flexible-height-popup .toast-content-box {
  flex: 1;
}
.flexible-height-popup .toast-buttons {
  text-align: right;
}
.flexible-height-popup .form-content-item {
  padding: 0;
  margin: 20px 0 20px;
}
.flexible-height-popup .popup-buttons {
  margin-top: 20px;
}
.flexible-height-popup .popup-buttons.buttons-right-aligned {
  justify-content: right;
  display: flex;
}
.flexible-height-popup .popup-buttons.buttons-right-aligned button {
  margin-left: 10px;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
.categories-tree .jstree-children {
  margin-top: 10px;
}
.categories-tree .jstree-anchor {
  display: inline-flex;
  flex-wrap: nowrap;
  width: 85%;
  justify-content: space-between;
  position: relative;
  margin-left: 26px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .categories-tree .jstree-anchor {
    width: auto;
  }
}
.categories-tree .jstree-anchor .category-name {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categories-tree .jstree-node {
  margin-left: 0;
}
.jstree-anchor {
  margin-bottom: 8px;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
/*-------------------------------------------*/
.form-item.view-mode {
  padding: 5px 36px 7px 16px;
  min-height: 60px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.form-item.view-mode.no-border {
  border-left: 0;
}
.form-item.view-mode .checkbox-item {
  margin-top: 5px;
  margin-bottom: 0;
}
.form-item.view-mode .checkbox-item label {
  font-size: 15px;
  line-height: 17px;
  font-weight: 600;
}
.form-item.view-mode .input-field {
  height: auto;
  padding-right: 40px;
}
.form-item.view-mode .input-field label {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 6px;
  font-weight: 600;
}
.form-item.view-mode .icons-box {
  top: 30px;
}
.form-item.view-mode .icon-tooltip {
  top: 50%;
  transform: translate(0, -50%);
}
.form-item.view-mode .actions-box, .form-item.view-mode .action {
  display: none !important;
}
.view-mode .table-row .actions-box, .view-mode .action {
  display: none !important;
}
.view-checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 5px;
  top: -2px;
  position: relative;
}
.view-checkbox i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: inherit;
}
.view-checkbox.checked:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  width: 6px;
  height: 10px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid;
  border-bottom: 2px solid;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
.view-checkbox.checked i {
  display: none;
}
.view-text, .view-textarea {
  display: block;
  word-break: break-all;
}
.view-text p, .view-textarea p {
  margin-bottom: 0;
}
.existing-rules-section {
  margin-bottom: 20px;
}
.existing-rules-section .actual-rule-item {
  margin-bottom: 5px;
  position: relative;
  border-left: 1px solid #F6821F;
  background-color: #F8F9FB;
  padding: 10px 36px 10px 16px;
  justify-content: space-between;
}
.existing-rules-section .actual-rule-item.active {
  background-color: #49D69A;
}
.existing-rules-section .actual-rule-item .delete-rule {
  color: #FB6565;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 10px;
  cursor: pointer;
  font-size: 20px;
}
.rule-creator-panel .rule-creation-header {
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.rule-creator-panel .rule-creation-header .filter-favorite-box {
  width: auto;
}
.rule-creator-panel .rule-creation-header .filter-favorite-box .button {
  margin: 0;
}
.rule-creator-panel .action-formula {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
}
.rule-creator-panel .rule-actions .action-field-name select {
  width: 100%;
}
.rule-creator-panel .rule-actions .action-section .action-part {
  width: 48%;
  display: inline-block;
  vertical-align: middle;
}
.rule-creator-panel .rule-actions .action-section .description-for-action {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.rule-creator-panel .rule-actions .action-section .description-for-action .description-title {
  font-weight: 800;
  display: block;
  margin-bottom: 5px;
}
.rule-creator-panel .rule-actions .action-section .description-for-action .details {
  overflow-y: scroll;
  height: 90px;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
/*-------------------------------------------*/
.horizontal-tabs-container {
  display: flex;
  align-items: center;
}
.horizontal-tabs-content {
  border: 1px solid;
  padding: 11px 12px;
}
.horizontal-tabs-action-buttons {
  display: flex;
  position: relative;
  z-index: 10;
}
.horizontal-tabs-action-buttons .horizontal-tabs-action-button {
  height: 37px;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}
.horizontal-tabs-action-buttons .horizontal-tabs-action-button.is_inactive {
  opacity: 0.5;
}
.horizontal-tabs-buttons {
  display: flex;
  width: 100%;
  align-items: center;
  text-align: left;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: visible;
  padding-top: 1px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.horizontal-tabs-buttons::-webkit-scrollbar {
  display: none;
}
.horizontal-tabs-buttons li {
  margin-right: 5px;
  position: relative;
}
.horizontal-tabs-buttons li.item-active .item-block {
  text-align: center;
  padding-right: 10px;
}
.horizontal-tabs-buttons li .item-block {
  text-align: left;
  cursor: pointer;
  padding: 9px 25px 9px 10px;
  min-width: 100px;
}
.horizontal-tabs-buttons li .actions-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 22px;
  height: 30px;
  align-items: center;
  display: flex;
  padding-right: 5px;
}
.horizontal-tabs-buttons li .actions-button .dropdown-toggle {
  background: transparent;
  border: 0;
  cursor: pointer;
}
.horizontal-tabs-buttons li .actions-button .dropdown-box {
  right: 0;
  left: auto;
}
.horizontal-tabs-buttons li span {
  margin: 0;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
/********   colors include from variables   ***********/
/*-------------------------------------------*/
.upload-image-left {
  width: 100%;
}
.upload-image-left.multiple-upload {
  width: 100%;
  flex: auto;
  max-width: none;
}
.upload-image-left.multiple-upload .upload-file-box {
  display: block;
  width: 100%;
}
.upload-image-left.multiple-upload .form-item .dropzone {
  margin-right: 0;
}
.upload-image-left.multiple-upload .form-item .dropzone .dz-default {
  height: 217px;
}
.upload-image-left.multiple-upload .form-item .dropzone .dz-button {
  height: auto;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 70px;
  position: relative;
}
.upload-image-left.multiple-upload .form-item .dropzone .dz-button:before {
  top: 0;
  content: "";
  font-size: 52px;
}
.upload-image-left .form-item {
  flex: none;
  width: 100%;
  min-width: 116px;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 0;
}
.upload-image-left .form-item.view-mode + div {
  display: flex;
  align-items: center;
}
.upload-image-left .form-item.view-mode + div .checkbox-item {
  margin-top: 0;
  margin-bottom: 0;
}
.upload-image-left .form-item .dropzone {
  border: 2px dashed rgba(169, 169, 169, 0.59);
  border-radius: 6px;
  margin-right: 30px;
}
.upload-image-left .form-item .dropzone .dz-default {
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-image-left .form-item .dropzone.dz-started {
  box-shadow: none;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 8px;
}
.upload-image-left .form-item .dropzone.dz-started .prevent-click {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.upload-image-left .form-item .dropzone.dz-started .dz-remove {
  font-size: 0;
}
.upload-image-left .form-item .dropzone.dz-started .dz-remove:hover {
  text-decoration: none;
}
.upload-image-left .form-item .dropzone.dz-started .dz-remove:before {
  content: "";
  font-family: "icomoon" !important;
  font-weight: 900;
  display: block;
  font-size: 20px;
  position: absolute;
  top: -8px;
  z-index: 100;
  right: -8px;
  background-color: #ffffff;
  color: #F6351F;
  width: 20px;
  height: 18px;
  border-radius: 50%;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box {
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 28px;
  padding-right: 20px;
  padding-top: 3px;
  align-items: flex-end;
}
@media (max-width: 1023px) {
  .upload-image-left .form-item .dropzone .image-upload-multiple-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .dz-image-preview {
  margin-right: 30px;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box {
  flex: 1;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .form-item {
  margin-bottom: 10px;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .radiobox-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid #F6F6F6;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .radiobox-item .text-item-box {
  text-transform: capitalize;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .radiobox-item .radio-label {
  width: 56px;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1650px) {
  .upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box {
    flex-wrap: wrap;
  }
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .url-text-item {
  padding-right: 10px;
  flex: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1650px) {
  .upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .url-text-item {
    width: 100%;
    flex: auto;
  }
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .url-label {
  width: 66px;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .url-text {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 20px;
  display: block;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .url-text .url-text-inner {
  position: absolute;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box button {
  padding: 0;
  text-align: right;
  cursor: pointer;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box button:focus {
  box-shadow: none;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons {
  display: flex;
  position: relative;
  align-self: flex-end;
  margin-bottom: 3px;
  background-color: #2d57ec;
  border-radius: 4px;
  padding: 4px 35px 4px 10px;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .copied-message {
  font-size: 11px;
  position: absolute;
  right: 0;
  top: 3px;
  transform: translate(0, 100%);
  padding: 7px 13px;
  border-radius: 5px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  z-index: 7000;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .copied-message:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  bottom: 30px;
  right: 11px;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons button {
  background-color: transparent;
  border: none;
  white-space: nowrap;
  outline: none;
  color: #ffffff;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .selected-thumb-copy-btn {
  width: 100%;
  position: relative;
  font-size: 14px;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .selected-thumb-copy-btn:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.5;
  display: block;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translate(0, -50%);
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .thumb-open-btn {
  min-width: auto;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 24px;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .thumb-open-btn:before {
  content: "";
  font-family: "icomoon" !important;
  font-weight: 900;
  font-size: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.15s ease;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .thumb-open-btn.is_open:before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .thumbs-box {
  position: absolute;
  right: 0;
  bottom: -3px;
  transform: translate(0, 100%);
  width: 200px;
  padding: 11px 19px 0;
  background-color: #ffffff;
  border-radius: 6px;
  z-index: 10;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .thumbs-box .title-box {
  padding-bottom: 11px;
  padding-top: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  font-weight: 600;
  color: #A1A4AE;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .thumbs-box .choose-size-block {
  padding: 6px 0;
  display: flex;
  align-items: center;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .thumbs-box .choose-size-block input {
  margin-right: 6px;
  cursor: pointer;
  position: relative;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .url-box .container-for-both-buttons .thumbs-box .choose-size-block label {
  width: 100%;
  cursor: pointer;
  text-transform: capitalize;
  position: relative;
  top: 2px;
  font-size: 14px;
}
.upload-image-left .form-item .dropzone .image-upload-multiple-box .info-box .form-item.view-mode {
  border-radius: 0;
  padding-left: 16px;
}
.upload-image-left.multiple-upload .upload-file-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.upload-image-left.multiple-upload .upload-file-box .upload-image-box {
  width: 220px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 6px;
  z-index: 10;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -106px;
  order: 3;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
}
.upload-image-left.multiple-upload .upload-file-box .upload-image-box .title-box {
  font-size: ("font-family": "Gilroy SemiBold", "font-style": normal, "font-weight": normal, "font-size": 12px, "line-height": 20px, "margin": 0, "padding": 0);
  color: #A1A4AE;
  margin-bottom: 11px;
}
.upload-image-left.multiple-upload .upload-file-box .upload-image-box .upload-image-item {
  border-top: 1px solid #F6F6F6;
  padding: 10px 0;
  color: #000;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
}
.upload-image-left.multiple-upload .upload-file-box .upload-image-box .upload-image-item:hover {
  color: #2d57ec;
}
.upload-image-left.multiple-upload .upload-file-box .upload-image-box .upload-image-item i {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.upload-image-left.multiple-upload .upload-file-box .dropzone .dz-preview {
  min-width: 116px;
  height: 116px;
  margin: 0;
  margin-right: 18px;
}
.upload-image-left.multiple-upload .upload-file-box .dropzone .dz-preview .dz-image {
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 4px;
}
.upload-image-left.multiple-upload .upload-file-box .dropzone .dz-preview .dz-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #e2e8f0;
}
.upload-image-left.multiple-upload .upload-file-box .dropzone .dz-preview .dz-details {
  display: none;
}
.image-preview-box {
  align-items: center;
  justify-content: center;
}
.image-preview-box .image-preview-box-inner {
  max-height: 90%;
  max-width: 900px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-preview-box .image-preview-box-inner .image-preview-item {
  max-width: 95%;
  max-height: 95%;
}
.unread-notifications-title {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 19px 43px 16px 23px;
  width: 100%;
}
.unread-notifications-title .notification-more-btn {
  position: absolute;
  right: 6px;
  top: 13px;
}
.unread-notifications-title .back-button-popup {
  display: none;
}
@media (max-width: 1023px) {
  .unread-notifications-title {
    display: flex;
    align-items: center;
  }
  .unread-notifications-title .back-button-popup {
    display: inline-flex;
    font-size: 21px;
    width: 30px;
    height: 30px;
    align-items: center;
  }
}
.notifications-action-container {
  right: 5px;
  left: auto;
}
.unread-notifications {
  position: absolute;
  top: 35px;
  right: 0;
  width: 395px;
  border-radius: 6px;
  z-index: 3000;
  display: none;
}
.unread-notifications:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #ffffff;
  right: 16px;
  position: absolute;
  top: -7px;
}
@media (max-width: 1023px) {
  .unread-notifications {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
  }
  .unread-notifications:before {
    display: none;
  }
}
.unread-notifications.active {
  display: block;
}
@media (max-width: 1023px) {
  .unread-notifications.active {
    display: flex;
    flex-direction: column;
  }
}
.show-notifications {
  position: fixed;
  top: 42px;
  right: 13px;
  width: 375px;
  border-left: 2px solid #2d57ec;
  z-index: 3000;
  max-height: 85%;
  overflow-y: auto;
}
.show-notifications .notification-container {
  cursor: pointer;
}
.notification-content {
  max-height: 70vh;
  overflow: auto;
}
@media (max-width: 1023px) {
  .notification-content {
    max-height: unset;
  }
}
.notification-container {
  padding: 15px 16px 17px 24px;
  position: relative;
  border-bottom: 1px solid;
}
.notification-container:last-child {
  border: 0;
}
.notification-container .title {
  margin: 0;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-container .content {
  margin: 0;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-container .remove-notification {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  cursor: pointer;
}
.notification-container .progress-container {
  display: flex;
  align-items: center;
}
.notification-container .progress-container:after {
  content: attr(data-percent) " %";
}
.notification-container .progress-container .progress-bar {
  background-color: #E1E2E5;
  flex: 1;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 10px;
  height: 6px;
}
.notification-container .progress-container .progress-bar .progress-bar-inner {
  background-color: #2d57ec;
  width: 0;
  height: 100%;
  border-radius: 3px;
}
.pagging-box {
  margin-top: 0;
  padding-top: 13px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pagging-box .pagination-box {
  display: inline-flex;
  align-items: center;
}
.pagging-box .pagination-box.dataTables_info {
  margin-right: 15px;
}
.pagging-box .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}
@media (max-width: 1023px) {
  .page-ctrl > * {
    display: none !important;
  }
  .page-ctrl .items-count {
    display: block !important;
    font-size: 0;
  }
  .page-ctrl .items-count .items-count-main {
    font-size: 12px;
    vertical-align: middle;
  }
}
.page-ctrl span {
  font-size: 14px;
  line-height: 19px;
  opacity: 0.7;
}
.page-ctrl span:first-child {
  font-weight: 500;
  opacity: 0.9;
}
.page-ctrl .choices__inner {
  min-height: 26px;
  padding: 3px 23px 3px 8px;
  border-radius: 4px;
}
.page-ctrl .choices[data-type*="select-one"]:after {
  font-family: "icomoon" !important;
  content: "";
  top: 8px;
  border: 0;
  width: auto;
  height: auto;
  right: 4px;
}
.page-ctrl .input-field {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0;
  margin: 0;
}
.page-ctrl .input-field.col input {
  max-width: 66px;
  background-color: transparent;
}
.page-ctrl .input-field input {
  max-width: 66px;
  border-radius: 4px;
  margin: 0 6px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 500;
  height: 26px;
  padding: 4px 9px 4px 8px;
}
.page-ctrl .input-field input:before {
  content: "";
}
.page-ctrl .input-field .choices {
  margin: 0 6px;
}
.pagination {
  text-align: right;
  margin-bottom: 0;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.pagination .waves-effect {
  text-align: center;
  display: inline-block;
  margin-right: 3px;
}
.pagination .waves-effect.active {
  background-color: #2d57ec;
  color: #ffffff;
}
.pagination .waves-effect a {
  font-size: 12px;
  line-height: 16px;
  min-width: 20px;
  height: 20px;
  padding: 3px 2px;
  display: block;
}
@media (max-width: 1023px) {
  .pagination .waves-effect a {
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.pagination .waves-effect a:hover {
  opacity: 0.8;
}
.pagination .waves-effect i {
  font-size: 15px;
}
.minimize-button {
  position: absolute;
  top: 35px;
  z-index: 3000;
  transition: left 0.25s ease;
  left: 250px;
}
@media (max-width: 1299px) {
  .minimize-button {
    left: 191px;
  }
}
.minimize-button:hover {
  left: 253px;
}
@media (max-width: 1299px) {
  .minimize-button:hover {
    left: 194px;
  }
}
.minimize-button.btn-to-close {
  left: 50px;
}
.minimize-button.btn-to-close:hover {
  left: 53px;
}
.minimize-button.btn-to-close button .icon-svg17l {
  display: none;
}
.minimize-button.btn-to-close button .icon-svg17 {
  display: block;
}
.minimize-button button {
  width: 34px;
  height: 44px;
  border-radius: 0 25px 25px 0;
  border: none;
  outline: none;
  font-size: 22px;
  cursor: pointer;
  padding-right: 4px;
}
.minimize-button button i {
  color: "";
}
.minimize-button button .icon-svg17l {
  display: block;
}
.minimize-button button .icon-svg17 {
  display: none;
}
/*--------------------------*/
.main-nav {
  overflow-x: hidden;
  transition: width 0.3s ease, max-width 0.3s ease;
  overflow-y: auto;
  margin: 0;
  border-radius: 0 0 15px 15px;
  width: 260px;
  max-width: 260px;
}
@media (max-width: 1299px) {
  .main-nav {
    width: 200px;
    max-width: 200px;
  }
}
@media (min-width: 1300px) {
  .main-nav.minimal-nav {
    width: 57px;
    max-width: 57px;
  }
  .main-nav.minimal-nav .logo-menu {
    height: 81px;
    margin-right: 0;
    padding: 0;
    margin-left: 0;
    margin-bottom: 6px;
  }
  .main-nav.minimal-nav .logo-content {
    padding: 0;
    padding-bottom: 10px;
    padding-right: 8px;
  }
  .main-nav.minimal-nav .logo-content .logo-block .logo-box {
    text-align: center;
    padding: 0;
  }
  .main-nav.minimal-nav .logo-content .logo-block .logo-box img {
    width: 41px;
    margin-top: 22px;
  }
  .main-nav.minimal-nav .logo-content .logo-block .logo-box img:first-child {
    display: none;
  }
  .main-nav.minimal-nav .logo-content .logo-block .logo-box img:last-child {
    display: inline-block;
  }
  .main-nav.minimal-nav .side-nav .nav-item > a {
    margin-right: 0;
    padding-right: 9px;
    align-items: center;
    justify-content: center;
    padding-left: 0;
  }
  .main-nav.minimal-nav .side-nav .nav-item > a.active {
    padding-right: 65px;
    border-radius: 15px 0 0 15px;
  }
  .main-nav.minimal-nav .side-nav .nav-item > a.active .round-add-on {
    display: inline-block;
  }
  .main-nav.minimal-nav .side-nav .nav-item > a i {
    margin-right: 0;
  }
  .main-nav.minimal-nav .side-nav .nav-item > a span {
    display: none;
    max-width: 0;
    opacity: 0;
    pointer-events: none;
    transition: max-width 0.15s ease-out;
  }
  .main-nav.minimal-nav .side-nav .nav-item > a .arrow-item {
    display: none;
  }
  .main-nav.minimal-nav .side-nav .nav-item i.right-icon {
    display: none;
  }
  .main-nav.minimal-nav .side-nav .nav-item .side-nav-inner a {
    padding-left: 0;
    padding-right: 14px;
    align-items: center;
    justify-content: center;
  }
  .main-nav.minimal-nav .side-nav .nav-item .side-nav-inner a span {
    display: none;
  }
  .main-nav.minimal-nav .side-nav .nav-item .side-nav-inner a i {
    margin-right: 0;
  }
}
.main-nav .logo-menu {
  padding-bottom: 24px;
  padding-right: 20px;
  padding-left: 14px;
  height: 83px;
  position: sticky;
  top: 0;
  z-index: 2000;
  background-color: #000000;
  color: #ffffff;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.main-nav .logo-menu .default, .main-nav .logo-menu .default a:not(.button), .main-nav .logo-menu .small1, .main-nav .logo-menu .small1 a:not(.button), .main-nav .logo-menu .medium1, .main-nav .logo-menu .medium1 a:not(.button), .main-nav .logo-menu .large1, .main-nav .logo-menu .large1 a:not(.button) {
  color: #ffffff;
}
.main-nav .logo-menu svg.icon {
  fill: #ffffff;
  color: #ffffff;
}
.main-nav .logo-menu * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.main-nav .logo-menu *::-webkit-scrollbar {
  width: "";
  height: "";
}
.main-nav .logo-menu *::-webkit-scrollbar-track {
  background: "";
}
.main-nav .logo-menu *::-webkit-scrollbar-thumb {
  background: "";
}
@media (max-width: 1299px) {
  .main-nav .logo-menu {
    position: relative;
    padding-bottom: 15px;
  }
  .main-nav .logo-menu:before {
    border-bottom: 1px solid;
    content: "";
    position: absolute;
    left: -5px;
    right: 0;
    bottom: 0;
    opacity: 0.3;
  }
}
.main-nav .logo-menu .menu-block {
  display: none;
}
.main-nav .logo-menu .menu-block button {
  padding: 0;
  background-color: transparent;
  border: none;
}
.main-nav .logo-menu .menu-block button:hover {
  box-shadow: none;
}
.main-nav .logo-menu .menu-block button i {
  font-size: 24px;
}
.main-nav .logo-content {
  padding-right: 0;
  padding-top: 20px;
}
.main-nav .logo-content .logo-block .logo-box {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.main-nav .logo-content .logo-block .logo-box svg {
  width: 100%;
}
.main-nav .logo-content .logo-block .logo-box img {
  width: 100%;
}
.main-nav .logo-content .logo-block .logo-box img:last-child {
  display: none;
}
.main-nav .side-nav {
  margin: 0;
}
.main-nav .side-nav .nav-item {
  transition: border-radius 0.7s ease;
  border-radius: 30px 0 0 30px;
}
.main-nav .side-nav .nav-item.not-opening.active {
  border-radius: 30px 0 0 30px;
}
.main-nav .side-nav .nav-item.active-closed {
  background-color: #F8F9FB;
  color: #0A0A0A;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
  border-radius: 30px 0 0 30px;
}
.main-nav .side-nav .nav-item.active-closed .default, .main-nav .side-nav .nav-item.active-closed .default a:not(.button), .main-nav .side-nav .nav-item.active-closed .small1, .main-nav .side-nav .nav-item.active-closed .small1 a:not(.button), .main-nav .side-nav .nav-item.active-closed .medium1, .main-nav .side-nav .nav-item.active-closed .medium1 a:not(.button), .main-nav .side-nav .nav-item.active-closed .large1, .main-nav .side-nav .nav-item.active-closed .large1 a:not(.button) {
  color: #0A0A0A;
}
.main-nav .side-nav .nav-item.active-closed svg.icon {
  fill: #0A0A0A;
  color: #0A0A0A;
}
.main-nav .side-nav .nav-item.active-closed * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.main-nav .side-nav .nav-item.active-closed *::-webkit-scrollbar {
  width: "";
  height: "";
}
.main-nav .side-nav .nav-item.active-closed *::-webkit-scrollbar-track {
  background: "";
}
.main-nav .side-nav .nav-item.active-closed *::-webkit-scrollbar-thumb {
  background: "";
}
.main-nav .side-nav .nav-item.active-closed a.collapsible-header-item {
  color: #2d57ec;
  font-weight: 600;
}
.main-nav .side-nav .nav-item.not-opening > a {
  border-radius: 30px 0 0 30px;
}
.main-nav .side-nav .nav-item.not-opening.active > a {
  color: #2d57ec;
}
.main-nav .side-nav .nav-item.active {
  border-radius: 15px 0 0 15px;
  background-color: #F8F9FB;
  color: #0A0A0A;
  /*---------------------------------------------*/
  /*---------bgInverce including in bgWeb--------*/
  /*---------------------------------------------*/
}
.main-nav .side-nav .nav-item.active .default, .main-nav .side-nav .nav-item.active .default a:not(.button), .main-nav .side-nav .nav-item.active .small1, .main-nav .side-nav .nav-item.active .small1 a:not(.button), .main-nav .side-nav .nav-item.active .medium1, .main-nav .side-nav .nav-item.active .medium1 a:not(.button), .main-nav .side-nav .nav-item.active .large1, .main-nav .side-nav .nav-item.active .large1 a:not(.button) {
  color: #0A0A0A;
}
.main-nav .side-nav .nav-item.active svg.icon {
  fill: #0A0A0A;
  color: #0A0A0A;
}
.main-nav .side-nav .nav-item.active * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.main-nav .side-nav .nav-item.active *::-webkit-scrollbar {
  width: "";
  height: "";
}
.main-nav .side-nav .nav-item.active *::-webkit-scrollbar-track {
  background: "";
}
.main-nav .side-nav .nav-item.active *::-webkit-scrollbar-thumb {
  background: "";
}
.main-nav .side-nav .nav-item.active > a {
  font-weight: 600;
  color: inherit;
}
.main-nav .side-nav .nav-item.active > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.main-nav .side-nav .nav-item.active > a > i {
  color: #2d57ec;
}
.main-nav .side-nav .nav-item.active > a > svg path {
  fill: #2d57ec;
}
.main-nav .side-nav .nav-item.active > a .arrow-item {
  transform: rotate(180deg);
  transform-origin: center;
  color: #2d57ec;
}
.main-nav .side-nav .nav-item.active > a .icon-menu {
  color: #2d57ec;
}
.main-nav .side-nav .nav-item.active .side-nav-inner a {
  color: inherit;
}
.main-nav .side-nav .nav-item > a {
  min-height: 49px;
  line-height: 18px;
  padding: 11px 50px 12px 10px;
  border-radius: 22px 0 0 22px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.main-nav .side-nav .nav-item > a span {
  max-width: 400px;
  opacity: 1;
  pointer-events: auto;
  transition: max-width 0.2s ease, opacity 0.15s ease;
}
.main-nav .side-nav .nav-item > a .arrow-item {
  width: 20px;
  position: absolute;
  right: 23px;
  height: 20px;
  top: 50%;
  margin-right: 0;
  margin-top: -11px;
  transition: transform 0.4s ease;
}
.main-nav .side-nav .nav-item > a .round-add-on {
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -29px;
  right: 0;
}
.main-nav .side-nav .nav-item > a .round-add-on.bottom {
  top: auto;
  bottom: -29px;
}
.main-nav .side-nav .nav-item > a svg {
  width: 27px;
  height: 23px;
  margin-right: 13px;
}
.main-nav .side-nav .nav-item > a svg path {
  fill: currentColor;
}
.main-nav .side-nav .nav-item > a i {
  vertical-align: middle;
  width: 27px;
  height: 23px;
  font-size: 20px;
  margin-right: 13px;
  position: relative;
  top: 1px;
  text-align: center;
}
.main-nav .side-nav .nav-item > a > i {
  vertical-align: middle;
}
.main-nav .side-nav .nav-item > a > i.material-icons {
  width: 23px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.main-nav .side-nav .nav-item > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.main-nav .side-nav .nav-item .side-nav-inner {
  background: transparent;
  box-shadow: 0 0 0;
  height: auto;
  border-radius: 0 0 0 30px;
  margin-bottom: 5px;
  margin-top: 0;
  padding-bottom: 10px;
  display: none;
}
.main-nav .side-nav .nav-item .side-nav-inner a {
  min-height: 35px;
  width: 100%;
  padding: 5px 0 5px 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.main-nav .side-nav .nav-item .side-nav-inner a:hover, .main-nav .side-nav .nav-item .side-nav-inner a.active {
  color: #2d57ec;
}
.main-nav .side-nav .nav-item .side-nav-inner a:hover span, .main-nav .side-nav .nav-item .side-nav-inner a.active span {
  color: #2d57ec;
}
.main-nav .side-nav .nav-item .side-nav-inner a i {
  font-size: 30px;
  margin-right: 17px;
  width: 17px;
  height: 19px;
  text-align: center;
}
.mobile-menu-open-btn {
  display: none;
}
@media (max-width: 1299px) {
  .mobile-menu-open-btn {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 10px 5px 10px;
    margin-left: -10px;
    vertical-align: middle;
  }
  .main-nav {
    background-color: #000000;
    position: fixed;
    z-index: 5000;
    max-width: 250px;
    width: 250px;
    overflow: visible;
    left: 0;
    top: 0;
    padding-left: 5px;
    transition: transform 0.3s ease, transform 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 0;
    transform: translate(-120%, 0);
    padding-top: 0;
  }
  .main-nav + .main-overlay-for-all-purposes {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4000;
  }
  .main-nav.minimal-nav {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.42);
    transform: translate(0, 0);
    border-radius: 0;
  }
  .main-nav.minimal-nav + .main-overlay-for-all-purposes {
    display: block !important;
  }
  .main-nav.minimal-nav + .content-box {
    filter: blur(3px);
    pointer-events: none;
  }
  .main-nav.minimal-nav .minimize-button {
    left: 235px;
  }
  .main-nav.minimal-nav .minimize-button:hover {
    left: 235px;
  }
  .main-nav.minimal-nav .minimize-button button .icon-svg17l {
    display: block;
  }
  .main-nav.minimal-nav .minimize-button button .icon-svg17 {
    display: none;
  }
  .main-nav + .content-box {
    transition: filter 0.3s ease;
    pointer-events: visible;
  }
  .main-nav .side-nav {
    margin: 0;
    overflow: auto;
    padding-top: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .main-nav .side-nav::-webkit-scrollbar {
    display: none;
  }
  .main-nav .minimize-button {
    top: 14px;
    left: 235px;
  }
  .main-nav .minimize-button:hover {
    left: 235px;
  }
  .main-nav .minimize-button button .icon-svg17l {
    display: none;
  }
  .main-nav .minimize-button button .icon-svg17 {
    display: block;
  }
}
.header-box {
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  .header-box {
    position: sticky;
    top: 0;
    z-index: 3000;
  }
}
.header-box .mobile-menu-open-btn {
  width: 45px;
}
.header-box .mobile-menu-open-btn span {
  border: 1px solid;
  width: 100%;
  display: block;
  margin-bottom: 4px;
}
.header-box .mobile-menu-open-btn span:last-child {
  margin-bottom: 0;
}
.header-box .header-logo-box {
  display: none;
}
@media (max-width: 1023px) {
  .header-box .header-logo-box {
    display: block;
  }
}
.header-box .header-logo-box img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.header-box .header-box-inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  height: 45px;
}
@media (max-width: 1023px) {
  .header-box .header-box-inner {
    margin-left: -20px;
    margin-right: -20px;
    padding: 16px 20px;
    width: auto;
    height: auto;
    background-color: #F8F9FB;
    color: #0A0A0A;
    /*---------------------------------------------*/
    /*---------bgInverce including in bgWeb--------*/
    /*---------------------------------------------*/
  }
  .header-box .header-box-inner .default, .header-box .header-box-inner .default a:not(.button), .header-box .header-box-inner .small1, .header-box .header-box-inner .small1 a:not(.button), .header-box .header-box-inner .medium1, .header-box .header-box-inner .medium1 a:not(.button), .header-box .header-box-inner .large1, .header-box .header-box-inner .large1 a:not(.button) {
    color: #0A0A0A;
  }
  .header-box .header-box-inner svg.icon {
    fill: #0A0A0A;
    color: #0A0A0A;
  }
  .header-box .header-box-inner * {
    scrollbar-width: thin;
    scrollbar-color: "";
  }
  .header-box .header-box-inner *::-webkit-scrollbar {
    width: "";
    height: "";
  }
  .header-box .header-box-inner *::-webkit-scrollbar-track {
    background: "";
  }
  .header-box .header-box-inner *::-webkit-scrollbar-thumb {
    background: "";
  }
}
@media (max-width: 1023px) {
  .header-box .left-box {
    min-width: 81px;
  }
  .header-box .left-box .t2, .header-box .left-box .title-box {
    display: none;
  }
}
.header-box .left-box .title-box {
  font-weight: 600;
  vertical-align: middle;
}
.header-box .right-box {
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .header-box .right-box {
    min-width: 81px;
  }
}
.header-box .right-box .notifi-box {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
@media (max-width: 1023px) {
  .header-box .right-box .notifi-box {
    margin-right: 0;
  }
}
.header-box .right-box .profile-box {
  display: inline-block;
  vertical-align: middle;
}
.header-box .right-box .profile-box .dropdown-box {
  left: auto;
  right: 0;
}
@media (max-width: 1023px) {
  .header-box .right-box .profile-box .dropdown-box {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.18);
  }
}
.header-box .right-box .profile-box .dropdown-box a:hover {
  background-color: rgba(203, 211, 218, 0.3);
  opacity: 1;
}
.header-box .right-box .profile-box .dropdown-box .dropdown-title-box {
  display: none;
  background: #2d57ec;
  color: #ffffff;
  margin: -9px -9px 0;
  padding: 10px 18px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 5px;
}
@media (max-width: 1023px) {
  .header-box .right-box .profile-box .dropdown-box .dropdown-title-box {
    display: block;
  }
}
.page-title {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.page-title.inner {
  padding-right: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.page-title.inner .right-box {
  padding: 6px 0;
}
.page-title .left-box .title-box {
  font-weight: 600;
}
.page-title .center-box {
  width: 100%;
  position: relative;
}
.page-title .right-box {
  display: flex;
}
.page-title .right-box .button {
  white-space: nowrap;
}
/*------------------*/
.notifi-box {
  margin-right: 5px;
}
.notifi-box .notify-icon {
  padding: 5px 10px;
}
.notifi-box .notify-icon.is_bullet {
  position: relative;
}
.notifi-box .notify-icon.is_bullet:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 9px;
  border: 2px solid;
}
.notifi-box .notify-icon i {
  width: 21px;
  height: 21px;
  font-size: 21px;
}
.notifi-box .notify-icon .notifi-count {
  position: absolute;
  top: 3px;
  right: 8px;
  min-width: 14px;
  height: 14px;
  line-height: 14px;
  border-radius: 50%;
  text-align: center;
  font-size: 9px;
  z-index: 1;
  display: none;
  color: #E2E8F0;
  background-color: #FB6565;
}
.notifi-box .notify-icon .notifi-count.is_active {
  display: block;
}
/*--------------------*/
.profile-box {
  position: relative;
  padding-left: 22px;
  margin-left: 1px;
  z-index: 3000;
}
.profile-box:after {
  content: "";
  width: 0;
  height: 17px;
  border: 1px solid;
  opacity: 0.2;
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
}
.profile-box .account-item .circle {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .profile-box .account-item .circle {
    margin-right: 0;
  }
}
.profile-box .account-item .circle img {
  object-fit: cover;
  position: relative;
  width: 100%;
  height: 100%;
}
.profile-box .account-item .name-box {
  position: relative;
  top: 3px;
  font-weight: 500;
}
.profile-box .account-item .name-box i {
  position: relative;
  top: 2px;
  font-size: 19px;
  margin-left: 6px;
  display: inline-block;
  transition: transform 0.4s ease-in-out;
}
.profile-box .account-item .name-box i.opened {
  transform: rotate(180deg);
}
@media (max-width: 1023px) {
  .profile-box .account-item .name-box {
    display: none;
  }
}
.profile-box .dropdown-box {
  min-width: 202px;
  top: 45px;
  width: 100%;
}
@media (max-width: 1023px) {
  .profile-box {
    padding-left: 8px;
  }
  .profile-box:after {
    display: none;
  }
}
.title-block {
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #DEDEDE;
  align-items: center;
  justify-content: space-between;
}
.title-block .shipping-prices-conflict-message {
  font-size: 15px;
  font-weight: 600;
  color: red;
}
.title-block .right-box {
  white-space: nowrap;
  align-items: center;
  display: flex;
}
/*-----------------*/
/*-----------------*/
.form-items-container .cms-main-block {
  margin: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.13);
  border-radius: 6px;
}
.shipping-method-row-of-price {
  margin-bottom: 15px;
  align-items: flex-end;
}
.modal-inner-form .edit-form {
  margin: 0;
}
.modal-inner-form .g_scrolable-fixed-box {
  margin: 10px 10px;
  padding: 8px;
}
.modal-inner-form .g_scrolable-fixed-box .form-content {
  padding: 0;
}
.modal-inner-form .form-content {
  padding: 0 20px;
}
.modal-content-box .form-item {
  margin-bottom: 16px;
}
.modal-content-box .input-field textarea {
  height: 74px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.add-categories, add-products-as-kit {
  width: 100%;
}
.add-categories .add-categories-item, .add-categories .add-product-kit-item, add-products-as-kit .add-categories-item, add-products-as-kit .add-product-kit-item {
  border-left: 2px solid #c8c8c8;
  background-color: #F8F9FB;
  margin-bottom: 6px;
  position: relative;
  padding: 13px 60px 13px 16px;
}
.add-categories .add-categories-item button, .add-categories .add-product-kit-item button, add-products-as-kit .add-categories-item button, add-products-as-kit .add-product-kit-item button {
  position: absolute;
  right: 10px;
  top: 5px;
}
.add-categories .title-box, add-products-as-kit .title-box {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
  display: block;
  margin-top: 7px;
  color: #333333;
}
.add-categories .add-category-message, .add-categories .add-product-kit-message, add-products-as-kit .add-category-message, add-products-as-kit .add-product-kit-message {
  font-weight: 700;
  color: #F93B25;
  font-size: 14px;
  padding: 5px 0;
  display: block;
  position: sticky;
  bottom: 0;
  opacity: 0.8;
  text-align: center;
}
.assembled-type-product-item {
  margin-bottom: 6px;
  padding-right: 5px;
  cursor: pointer;
}
.assembled-type-product-item.added {
  opacity: 0.7;
}
.dialog-box {
  position: fixed;
  z-index: 11000;
}
.datepicker-modal .datepicker-date-display {
  background: transparent;
}
.datepicker-modal .datepicker-calendar-container {
  background-color: transparent;
  padding: 10px 20px;
}
.timepicker-modal .timepicker-digital-display {
  background: transparent;
}
.timepicker-modal .timepicker-analog-display {
  background-color: transparent;
}
.timepicker-modal .timepicker-plate {
  background-color: transparent;
}
.timepicker-modal .timepicker-text-container {
  color: #7d93ab;
}
.timepicker-modal .text-primary {
  color: #455a71;
}
.timepicker-modal .timepicker-dial .timepicker-tick:hover {
  fill: #b3c4d8;
}
.timepicker-modal .timepicker-canvas circle {
  fill: #b3c4d8;
}
.timepicker-modal .timepicker-canvas line {
  fill: #b3c4d8;
}
.im-dialog-info .user-box-content, .im-dialog-success .user-box-content, .im-dialog-error .user-box-content {
  display: none;
}
.im-dialog-box {
  pointer-events: none;
  opacity: 0;
}
.im-dialog-box.animationOn {
  pointer-events: auto;
  opacity: 1;
}
.im-dialog-top .dialog-box {
  top: 40px;
  left: 50%;
}
.im-dialog-topLeft .dialog-box {
  top: 40px;
  left: 10px;
}
.im-dialog-topCenter .dialog-box {
  top: 40px;
  left: 50%;
}
.im-dialog-centerLeft .dialog-box {
  top: 50%;
  left: 10px;
}
.im-dialog-centerRight .dialog-box {
  top: 50%;
  right: 25px;
}
.im-dialog-bottomLeft .dialog-box {
  bottom: 92px;
  left: 10px;
}
.im-dialog-bottomCenter .dialog-box {
  bottom: 92px;
  left: 50%;
}
.im-dialog-bottomRight .dialog-box {
  bottom: 92px;
  right: 25px;
}
.im-dialog-bottom .dialog-box {
  bottom: 92px;
  left: 50%;
}
.overlay-box {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
}
.im-dialog-overlay .overlay-box {
  display: block;
}
.dialog-block {
  pointer-events: none;
  opacity: 0;
  width: 95%;
  max-width: 530px;
  top: 50% !important;
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  height: 229px;
  z-index: 12000 !important;
}
.dialog-block.custom-dialog-toast {
  max-width: 680px;
}
.dialog-block.custom-dialog-toast .toast {
  max-width: unset;
}
.dialog-block.fadeOut {
  pointer-events: none;
}
.dialog-block.animationOn {
  pointer-events: auto;
  opacity: 1;
}
.dialog-block.animationOn + .overlay-box-bg {
  background-color: #000000;
  opacity: 0.7;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 11000;
}
.dialog-block.im-dialog-custom .im-dialog-box {
  display: none;
}
.dialog-block.im-dialog-custom .dialog-custom-box {
  display: block;
}
.dialog-block.im-dialog-success .dialog-box {
  border-top: 7px solid #49d69a;
}
.dialog-block.im-dialog-success .user-box-header {
  border-bottom: 3px solid #248d16;
}
.dialog-block.im-dialog-error .dialog-box {
  border-top: 7px solid #F93B25;
}
.dialog-block.im-dialog-error .user-box-header {
  border-bottom: 3px solid #d11415;
}
.dialog-block.im-dialog-warning .dialog-box {
  border-top: 7px solid #fbc500;
}
.dialog-block.im-dialog-warning .user-box-header {
  border-bottom: 3px solid #d11415;
}
.dialog-block .toast.user-box.dialog-box {
  width: 100%;
  background: #FFFFFF;
}
.dialog-block .toast.user-box.dialog-box .close-btn {
  z-index: 999;
}
.fadeIn.dialog-block, .fadeIn .im-dialog-box {
  pointer-events: auto;
}
.custom-box .user-box {
  width: 100%;
  max-width: 620px;
}
.user-box-content {
  width: 100%;
}
.user-box-content .left-box {
  border-right: 1px solid #121212;
  display: table-cell;
  padding: 0 30px 0 0;
  box-sizing: border-box;
  vertical-align: middle;
}
.user-box-content .left-box fieldset.ngs_validate {
  font-size: 13px;
}
.user-box-content .left-box .form-content-table {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}
.user-box-content .left-box .form-content-table .left-elelm {
  display: table-cell;
  vertical-align: top;
  text-align: right;
}
.user-box-content .left-box .form-content-table .right-elelm {
  display: table-cell;
  width: 60%;
  vertical-align: top;
  position: relative;
}
.user-box-content .left-box .form-content-table .right-elelm .ngs_validate {
  padding: 3px 0 0 20px;
  top: -15px;
  width: 100%;
}
.user-box-content .left-box .form-content-table .right-elelm .form-text-box {
  box-sizing: border-box;
  float: right;
  width: 90%;
}
.user-box-content .left-box .form-content-box {
  text-align: right;
  font-size: 12px;
}
.user-box-content .left-box .form-content-box a {
  text-decoration: underline;
  font-size: 12px;
  margin-left: 5px;
}
.user-box-content .left-box .form-content-box .form-button-box {
  margin: 0;
  width: auto;
}
.user-box-content .left-box .form-button-box {
  float: right;
}
.user-box-content .left-box .agree-block {
  font-size: 11px;
  line-height: 17px;
  margin: 0 0 0 60px;
  position: relative;
  /*
        fast resolution
      */
}
.user-box-content .left-box .agree-block input {
  margin-right: 5px;
  vertical-align: middle;
}
.user-box-content .left-box .agree-block .ngs_validate:before {
  position: absolute;
  content: "";
  top: 4px;
  pointer-events: none;
  left: 0;
  border: 1px solid #d11415;
  width: 10px;
  height: 10px;
}
.user-box-content .right-box {
  border-left: 1px solid #606060;
  display: table-cell;
  width: 35%;
  padding: 20px 0 20px 20px;
  box-sizing: border-box;
  vertical-align: middle;
}
.user-box-content .right-box a {
  width: 100%;
  display: block;
}
.user-box-content .right-box a .button-social {
  color: #4a5568;
  font-size: 12px;
  line-height: 25px;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  box-sizing: border-box;
  text-align: center;
}
.user-box-content .right-box a .button-social span {
  display: inline-block;
  margin-left: 17px;
}
/**
 * @author Avetis Sahakyan
 * @site http://naghashyan.com
 * @mail avetis.sahakyan@naghashyan.com
 * @year 2021
 * @version 1.0.0
 */
.checkbox-item label:hover [type="checkbox"]:not(:checked) + span:after {
  border: 1px solid #b0b0b0;
}
.checkbox-item label:hover [type="checkbox"]:checked + span:after {
  border: 2px solid #0e28b0;
}
.checkbox-item label [type="checkbox"]:not(:checked) + span:before {
  border: 3px solid transparent;
}
.checkbox-item label [type="checkbox"]:not(:checked) + span:after {
  background-color: transparent;
  border: 1px solid #C6C6C6;
}
.checkbox-item label [type="checkbox"]:checked + span:before {
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.checkbox-item label [type="checkbox"]:checked + span:after {
  background-color: #2d57ec;
  border: 2px solid #2d57ec;
}
.radiobox-item label:hover [type="radio"]:not(:checked) + span:after {
  border: 1px solid #b0b0b0;
}
.radiobox-item label:hover [type="radio"]:checked + span:before {
  background: #0e28b0;
}
.radiobox-item label:hover [type="radio"]:checked + span:after {
  border: 2px solid #0e28b0;
}
.radiobox-item label [type="radio"]:not(:checked) + span:before {
  background: transparent;
}
.radiobox-item label [type="radio"]:not(:checked) + span:after {
  background-color: transparent;
  border: 1px solid #C6C6C6;
}
.radiobox-item label [type="radio"]:checked + span:before {
  background: #2d57ec;
}
.radiobox-item label [type="radio"]:checked + span:after {
  background-color: #ffffff;
  border: 2px solid #2d57ec;
}
.switcher-item label:hover [type="checkbox"]:not(:checked) + span:after {
  border: 1px solid #b0b0b0;
}
.switcher-item label:hover [type="checkbox"]:checked + span:before {
  background: #0e28b0;
}
.switcher-item label:hover [type="checkbox"]:checked + span:after {
  border: 2px solid #0e28b0;
}
.switcher-item label [type="checkbox"]:not(:checked) + span:before {
  background: #C6C6C6;
}
.switcher-item label [type="checkbox"]:not(:checked) + span:after {
  background-color: transparent;
  border: 1px solid #C6C6C6;
}
.switcher-item label [type="checkbox"]:checked + span:before {
  background: #2d57ec;
}
.switcher-item label [type="checkbox"]:checked + span:after {
  background-color: #ffffff;
  border: 2px solid #2d57ec;
}
.table {
  background: #ffffff;
}
.table .table-row li {
  border-bottom: 1px solid #E5E5E5;
}
.table .table-row:hover li {
  background: #d1dafb;
}
.table .table-row {
  background: #ffffff;
}
.table .table-row:nth-child(2n+1), .table .table-row:nth-child(2n+1) .left-align, .table .table-row:nth-child(2n+1) .right-align {
  background: #ffffff;
}
.table .table-row:nth-child(2n), .table .table-row:nth-child(2n) .left-align, .table .table-row:nth-child(2n) .right-align {
  background: #F6F6F6;
}
.table .table-row.temporary, .table .table-row.temporary .left-align, .table .table-row.temporary .right-align {
  background: #F8F9FB;
}
.table .table-row.pending, .table .table-row.pending .left-align, .table .table-row.pending .right-align {
  background: #FEF5EC !important;
}
.table .table-row.inactive, .table .table-row.inactive .left-align, .table .table-row.inactive .right-align {
  background: #E8E8E8;
}
.table .table-row.deleted, .table .table-row.deleted .left-align, .table .table-row.deleted .right-align {
  background: #FFF3F3;
}
.table .table-row.success, .table .table-row.success .left-align, .table .table-row.success .right-align {
  background: #9AD4A9;
}
.table .table-head, .table .table-head:nth-child(2n+1), .table .table-head.table-row .left-align, .table .table-head.table-row .right-align {
  background: #E5E5E5;
}
.table .table-head:hover, .table .table-head:nth-child(2n+1):hover, .table .table-head.table-row:hover .left-align, .table .table-head.table-row:hover .right-align {
  background: #E5E5E5;
}
.table .table-head:hover li, .table .table-head:nth-child(2n+1):hover li, .table .table-head:nth-child(2n+1):hover .left-align, .table .table-head:nth-child(2n+1):hover .right-align, .table .table-head li {
  border-bottom: 1px solid #E5E5E5;
  background: #E5E5E5;
}
.table .table-head:nth-child(2n+1) li:hover, .table .table-head:nth-child(2n+1) .left-align:hover, .table .table-head:nth-child(2n+1) .right-align:hover, .table .table-head li:hover {
  background: #D5D5D5;
}
.dropdown-box {
  background: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.dropdown-box a, .dropdown-box .checkbox-item {
  background: transparent;
}
.dropdown-box a:hover, .dropdown-box .checkbox-item:hover {
  background: #edf2f7;
}
.form-item.view-mode {
  background: #F8F9FB;
  border-left: 1px solid #2d57ec;
}
.view-checkbox {
  background: #A9A9A9;
  color: #F4F4F4;
}
.view-checkbox.checked {
  background: #2d57ec;
  color: #F4F4F4;
}
.horizontal-tabs-buttons li:hover .item-block {
  background: #F3F3F3;
  border: 1px solid #C6C6C6;
  border-bottom: 0;
}
.horizontal-tabs-buttons li:hover .item-block + .actions-button {
  color: "";
}
.horizontal-tabs-buttons li .item-block {
  background: #F3F3F3;
  border: 1px solid #F3F3F3;
  color: #333333;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.horizontal-tabs-buttons li .item-block.active {
  background: #ffffff;
  border-top: 2px solid #0e28b0;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-bottom: 0;
  margin-bottom: -1px;
  color: #333333;
}
.horizontal-tabs-buttons li .item-block.active + .actions-button {
  color: #333333;
}
.horizontal-tabs-buttons li .item-block + .actions-button {
  color: #333333;
}
.horizontal-tabs-action-buttons {
  background: #fff;
  border: 1px solid #E1E2E5;
  box-shadow: -3px 0 8px rgba(0, 0, 0, 0.13);
  color: #000;
  border-radius: 0 4px 0 0;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #c8c8c8;
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
*::-webkit-scrollbar-track {
  background: #dddddd;
  border-radius: "";
}
*::-webkit-scrollbar-thumb {
  background: #c8c8c8;
  border-radius: "";
}
.v-tabs .tab.disabled a, .v-tabs .tab.disabled a:hover {
  cursor: default;
  opacity: 0.7;
}
.v-tabs .tab a {
  background: transparent;
  color: #333333;
  border-bottom: 1px solid #E5E5E5;
}
@media (min-width: 1024px) {
  .v-tabs .tab a:hover {
    background: transparent;
    color: #2d57ec;
  }
}
.v-tabs .tab a.error, .v-tabs .tab a.error:hover {
  color: #FB6565;
  background: rgba(251, 101, 101, 0.04);
}
.v-tabs .tab a.active, .v-tabs .tab a.security-active, .v-tabs .tab a.active:hover, .v-tabs .tab a.security-active:hover {
  background: #2d57ec !important;
  color: #FFFFFF;
  border-radius: 4px;
}
.input-field {
  /*---------------tinymce---------------*/
}
.input-field label {
  color: #2d3748;
}
.input-field .plus, .input-field .minus {
  border: 1px solid #E5E5E5;
}
.input-field .plus:hover, .input-field .minus:hover {
  border: 1px solid #DEDEDE;
}
.input-field input, .input-field textarea {
  background: #ffffff;
  color: #2d3748;
  border: 1px solid #E5E5E5;
}
.input-field input:hover, .input-field textarea:hover {
  background: #ffffff;
  color: #2d3748;
  border: 1px solid #E5E5E5;
}
.input-field input.invalid, .input-field input.invalid:hover, .input-field textarea.invalid, .input-field textarea.invalid:hover {
  border: 1px solid #FB6565;
}
.input-field .tox-tinymce.invalid {
  border: 1px solid #FB6565;
}
.bgweb2 .horizontal-tabs-buttons li:hover .item-block + .actions-button, .insideClass.bgweb2 .horizontal-tabs-buttons li:hover .item-block + .actions-button {
  color: "";
}
.bgweb2 .horizontal-tabs-buttons li .item-block.active + .actions-button, .insideClass.bgweb2 .horizontal-tabs-buttons li .item-block.active + .actions-button {
  color: "";
}
.bgweb2 .horizontal-tabs-buttons li .item-block + .actions-button, .insideClass.bgweb2 .horizontal-tabs-buttons li .item-block + .actions-button {
  color: "";
}
.bgweb2 *, .insideClass.bgweb2 * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bgweb2 *::-webkit-scrollbar, .insideClass.bgweb2 *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bgweb2 *::-webkit-scrollbar-track, .insideClass.bgweb2 *::-webkit-scrollbar-track {
  background: "";
  border-radius: "";
}
.bgweb2 *::-webkit-scrollbar-thumb, .insideClass.bgweb2 *::-webkit-scrollbar-thumb {
  background: "";
  border-radius: "";
}
.bgweb2 .v-tabs .tab.disabled a, .bgweb2 .v-tabs .tab.disabled a:hover, .insideClass.bgweb2 .v-tabs .tab.disabled a, .insideClass.bgweb2 .v-tabs .tab.disabled a:hover {
  cursor: default;
}
.bgweb2 .input-field, .insideClass.bgweb2 .input-field {
  /*---------------tinymce---------------*/
}
.bgweb3 .horizontal-tabs-buttons li:hover .item-block + .actions-button, .insideClass.bgweb3 .horizontal-tabs-buttons li:hover .item-block + .actions-button {
  color: "";
}
.bgweb3 .horizontal-tabs-buttons li .item-block.active + .actions-button, .insideClass.bgweb3 .horizontal-tabs-buttons li .item-block.active + .actions-button {
  color: "";
}
.bgweb3 .horizontal-tabs-buttons li .item-block + .actions-button, .insideClass.bgweb3 .horizontal-tabs-buttons li .item-block + .actions-button {
  color: "";
}
.bgweb3 *, .insideClass.bgweb3 * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bgweb3 *::-webkit-scrollbar, .insideClass.bgweb3 *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bgweb3 *::-webkit-scrollbar-track, .insideClass.bgweb3 *::-webkit-scrollbar-track {
  background: "";
  border-radius: "";
}
.bgweb3 *::-webkit-scrollbar-thumb, .insideClass.bgweb3 *::-webkit-scrollbar-thumb {
  background: "";
  border-radius: "";
}
.bgweb3 .v-tabs .tab.disabled a, .bgweb3 .v-tabs .tab.disabled a:hover, .insideClass.bgweb3 .v-tabs .tab.disabled a, .insideClass.bgweb3 .v-tabs .tab.disabled a:hover {
  cursor: default;
}
.bgweb3 .input-field, .insideClass.bgweb3 .input-field {
  /*---------------tinymce---------------*/
}
.bgweb4 .horizontal-tabs-buttons li:hover .item-block + .actions-button, .insideClass.bgweb4 .horizontal-tabs-buttons li:hover .item-block + .actions-button {
  color: "";
}
.bgweb4 .horizontal-tabs-buttons li .item-block.active + .actions-button, .insideClass.bgweb4 .horizontal-tabs-buttons li .item-block.active + .actions-button {
  color: "";
}
.bgweb4 .horizontal-tabs-buttons li .item-block + .actions-button, .insideClass.bgweb4 .horizontal-tabs-buttons li .item-block + .actions-button {
  color: "";
}
.bgweb4 *, .insideClass.bgweb4 * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bgweb4 *::-webkit-scrollbar, .insideClass.bgweb4 *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bgweb4 *::-webkit-scrollbar-track, .insideClass.bgweb4 *::-webkit-scrollbar-track {
  background: "";
  border-radius: "";
}
.bgweb4 *::-webkit-scrollbar-thumb, .insideClass.bgweb4 *::-webkit-scrollbar-thumb {
  background: "";
  border-radius: "";
}
.bgweb4 .v-tabs .tab.disabled a, .bgweb4 .v-tabs .tab.disabled a:hover, .insideClass.bgweb4 .v-tabs .tab.disabled a, .insideClass.bgweb4 .v-tabs .tab.disabled a:hover {
  cursor: default;
}
.bgweb4 .input-field, .insideClass.bgweb4 .input-field {
  /*---------------tinymce---------------*/
}
.bg-aside .horizontal-tabs-buttons li:hover .item-block + .actions-button, .insideClass.bg-aside .horizontal-tabs-buttons li:hover .item-block + .actions-button {
  color: "";
}
.bg-aside .horizontal-tabs-buttons li .item-block.active + .actions-button, .insideClass.bg-aside .horizontal-tabs-buttons li .item-block.active + .actions-button {
  color: "";
}
.bg-aside .horizontal-tabs-buttons li .item-block + .actions-button, .insideClass.bg-aside .horizontal-tabs-buttons li .item-block + .actions-button {
  color: "";
}
.bg-aside *, .insideClass.bg-aside * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-aside *::-webkit-scrollbar, .insideClass.bg-aside *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-aside *::-webkit-scrollbar-track, .insideClass.bg-aside *::-webkit-scrollbar-track {
  background: "";
  border-radius: "";
}
.bg-aside *::-webkit-scrollbar-thumb, .insideClass.bg-aside *::-webkit-scrollbar-thumb {
  background: "";
  border-radius: "";
}
.bg-aside .v-tabs .tab.disabled a, .bg-aside .v-tabs .tab.disabled a:hover, .insideClass.bg-aside .v-tabs .tab.disabled a, .insideClass.bg-aside .v-tabs .tab.disabled a:hover {
  cursor: default;
}
.bg-aside .input-field, .insideClass.bg-aside .input-field {
  /*---------------tinymce---------------*/
}
.bg-login .horizontal-tabs-buttons li:hover .item-block + .actions-button, .insideClass.bg-login .horizontal-tabs-buttons li:hover .item-block + .actions-button {
  color: "";
}
.bg-login .horizontal-tabs-buttons li .item-block.active + .actions-button, .insideClass.bg-login .horizontal-tabs-buttons li .item-block.active + .actions-button {
  color: "";
}
.bg-login .horizontal-tabs-buttons li .item-block + .actions-button, .insideClass.bg-login .horizontal-tabs-buttons li .item-block + .actions-button {
  color: "";
}
.bg-login *, .insideClass.bg-login * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-login *::-webkit-scrollbar, .insideClass.bg-login *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-login *::-webkit-scrollbar-track, .insideClass.bg-login *::-webkit-scrollbar-track {
  background: "";
  border-radius: "";
}
.bg-login *::-webkit-scrollbar-thumb, .insideClass.bg-login *::-webkit-scrollbar-thumb {
  background: "";
  border-radius: "";
}
.bg-login .v-tabs .tab.disabled a, .bg-login .v-tabs .tab.disabled a:hover, .insideClass.bg-login .v-tabs .tab.disabled a, .insideClass.bg-login .v-tabs .tab.disabled a:hover {
  cursor: default;
}
.bg-login .input-field, .insideClass.bg-login .input-field {
  /*---------------tinymce---------------*/
}
.bg-highlighted .horizontal-tabs-buttons li:hover .item-block + .actions-button, .insideClass.bg-highlighted .horizontal-tabs-buttons li:hover .item-block + .actions-button {
  color: "";
}
.bg-highlighted .horizontal-tabs-buttons li .item-block.active + .actions-button, .insideClass.bg-highlighted .horizontal-tabs-buttons li .item-block.active + .actions-button {
  color: "";
}
.bg-highlighted .horizontal-tabs-buttons li .item-block + .actions-button, .insideClass.bg-highlighted .horizontal-tabs-buttons li .item-block + .actions-button {
  color: "";
}
.bg-highlighted *, .insideClass.bg-highlighted * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-highlighted *::-webkit-scrollbar, .insideClass.bg-highlighted *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-highlighted *::-webkit-scrollbar-track, .insideClass.bg-highlighted *::-webkit-scrollbar-track {
  background: "";
  border-radius: "";
}
.bg-highlighted *::-webkit-scrollbar-thumb, .insideClass.bg-highlighted *::-webkit-scrollbar-thumb {
  background: "";
  border-radius: "";
}
.bg-highlighted .v-tabs .tab.disabled a, .bg-highlighted .v-tabs .tab.disabled a:hover, .insideClass.bg-highlighted .v-tabs .tab.disabled a, .insideClass.bg-highlighted .v-tabs .tab.disabled a:hover {
  cursor: default;
}
.bg-highlighted .input-field, .insideClass.bg-highlighted .input-field {
  /*---------------tinymce---------------*/
}
.bg-error .horizontal-tabs-buttons li:hover .item-block + .actions-button, .insideClass.bg-error .horizontal-tabs-buttons li:hover .item-block + .actions-button {
  color: "";
}
.bg-error .horizontal-tabs-buttons li .item-block.active + .actions-button, .insideClass.bg-error .horizontal-tabs-buttons li .item-block.active + .actions-button {
  color: "";
}
.bg-error .horizontal-tabs-buttons li .item-block + .actions-button, .insideClass.bg-error .horizontal-tabs-buttons li .item-block + .actions-button {
  color: "";
}
.bg-error *, .insideClass.bg-error * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-error *::-webkit-scrollbar, .insideClass.bg-error *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-error *::-webkit-scrollbar-track, .insideClass.bg-error *::-webkit-scrollbar-track {
  background: "";
  border-radius: "";
}
.bg-error *::-webkit-scrollbar-thumb, .insideClass.bg-error *::-webkit-scrollbar-thumb {
  background: "";
  border-radius: "";
}
.bg-error .v-tabs .tab.disabled a, .bg-error .v-tabs .tab.disabled a:hover, .insideClass.bg-error .v-tabs .tab.disabled a, .insideClass.bg-error .v-tabs .tab.disabled a:hover {
  cursor: default;
}
.bg-error .input-field, .insideClass.bg-error .input-field {
  /*---------------tinymce---------------*/
}
.bg-success .horizontal-tabs-buttons li:hover .item-block + .actions-button, .insideClass.bg-success .horizontal-tabs-buttons li:hover .item-block + .actions-button {
  color: "";
}
.bg-success .horizontal-tabs-buttons li .item-block.active + .actions-button, .insideClass.bg-success .horizontal-tabs-buttons li .item-block.active + .actions-button {
  color: "";
}
.bg-success .horizontal-tabs-buttons li .item-block + .actions-button, .insideClass.bg-success .horizontal-tabs-buttons li .item-block + .actions-button {
  color: "";
}
.bg-success *, .insideClass.bg-success * {
  scrollbar-width: thin;
  scrollbar-color: "";
}
.bg-success *::-webkit-scrollbar, .insideClass.bg-success *::-webkit-scrollbar {
  width: "";
  height: "";
}
.bg-success *::-webkit-scrollbar-track, .insideClass.bg-success *::-webkit-scrollbar-track {
  background: "";
  border-radius: "";
}
.bg-success *::-webkit-scrollbar-thumb, .insideClass.bg-success *::-webkit-scrollbar-thumb {
  background: "";
  border-radius: "";
}
.bg-success .v-tabs .tab.disabled a, .bg-success .v-tabs .tab.disabled a:hover, .insideClass.bg-success .v-tabs .tab.disabled a, .insideClass.bg-success .v-tabs .tab.disabled a:hover {
  cursor: default;
}
.bg-success .input-field, .insideClass.bg-success .input-field {
  /*---------------tinymce---------------*/
}
@font-face {
  font-family: "Gilroy Light";
  src: url("//gtasks.armdev.am/fonts/gilroy/gilroy-light.eot"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-light.eot?#iefix") format("embedded-opentype"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-light.woff2") format("woff2"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-light.woff") format("woff"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-light.ttf") format("truetype"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-light.svg#gilroy-light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy Thin";
  src: url("//gtasks.armdev.am/fonts/gilroy/gilroy-thin.eot"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-thin.eot?#iefix") format("embedded-opentype"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-thin.woff2") format("woff2"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-thin.woff") format("woff"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy Medium";
  src: url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.eot"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.eot?#iefix") format("embedded-opentype"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.ttf") format("truetype"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.woff") format("woff"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy-SemiBold";
  src: url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.eot"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.eot?#iefix") format("embedded-opentype"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.ttf") format("truetype"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.woff") format("woff"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy SemiBold";
  src: url("//gtasks.armdev.am/fonts/gilroy/gilroy-semibold.woff2") format("woff2"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy Bold";
  src: url("//gtasks.armdev.am/fonts/gilroy/gilroy-bold.eot"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-bold.eot?#iefix") format("embedded-opentype"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-bold.woff2") format("woff2"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-bold.woff") format("woff"), url("//gtasks.armdev.am/fonts/gilroy/gilroy-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FontAwesome";
  src: url("/fonts/icons/fontawesome-webfont.eot");
  src: url("/fonts/icons/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/icons/fontawesome-webfont.woff2") format("woff2"), url("/fonts/icons/fontawesome-webfont.woff") format("woff"), url("/fonts/icons/fontawesome-webfont.ttf") format("truetype"), url("/fonts/icons/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
* {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI Bold, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.input-field label {
  font-weight: 700;
}
.button, .button a {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI Bold, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.t2, .t2 a {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI Bold, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
input::placeholder {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI Bold, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
body {
  background: #fff;
}
body .main-section {
  padding: 5px 5px 5px 0;
}
body .button.addItemBtn {
  padding-left: 10px;
}
body .main-section > .content-box {
  overflow: auto;
}
body .bg-aside {
  background: #fff;
  color: #000;
}
body .bg-aside i {
  font-weight: 600;
}
body .bg-aside i.arrow-item {
  font-weight: 500;
  right: 15px !important;
}
body .bg-aside .medium1 a:not(.button) {
  color: #000;
}
.line {
  font-size: 20px !important;
}
.g_bold {
  font-weight: 900;
}
/*-------------------*/
.list-item-success, .table .table-row-group .table-row.hired, .table .table-row-group .table-row.approved, .table .table-row-group .table-row.hired .left-align, .table .table-row-group .table-row.hired .right-align, .table .table-row-group .table-row.approved .left-align, .table .table-row-group .table-row.approved .right-align, .students-container .table-row-group .table-row.active, .students-container .table-row-group .table-row.active .left-align, .students-container .table-row-group .table-row.active .right-align {
  background-color: #F1FEEE;
}
.list-item-error, .table .table-row-group .table-row.declined, .table .table-row-group .table-row.rejected, .table .table-row-group .table-row.declined .left-align, .table .table-row-group .table-row.declined .right-align, .table .table-row-group .table-row.rejected .left-align, .table .table-row-group .table-row.rejected .right-align, .students-container .table-row-group .table-row.canceled, .students-container .table-row-group .table-row.canceled .left-align, .students-container .table-row-group .table-row.canceled .right-align {
  background-color: #ecced3;
}
.list-item-warning, .table .table-row-group .table-row.in-progress, .table .table-row-group .table-row.in-progress .left-align, .table .table-row-group .table-row.in-progress .right-align {
  background-color: #FFFFEE;
}
/*-------------------*/
.additional-list-elements-dropdown {
  margin-left: 8px;
}
.additional-list-elements-dropdown .dropdown-box {
  left: auto;
  right: 0;
}
.flatpickr-day.today.inRange, .flatpickr-day.today.inRange.nextMonthDay {
  background: #1c3faa;
  color: #ffffff;
  border-radius: 5px;
  z-index: 1;
}
.active-filters .favorite-box .dropdown-box .input-field span.error {
  color: red;
}
.vacation-selection-container {
  margin-top: 5px !important;
}
.vacation-date-picker {
  display: block !important;
}
.vacation-information-container {
  background-color: white !important;
  display: flex;
  border: 0 !important;
  padding: 5px 36px 7px 0 !important;
  margin-bottom: 30px !important;
}
.vacation-information-container .input-field {
  padding: 0 !important;
}
.vacation-information-title {
  line-height: 10px;
}
.vacation-information-container .view-text {
  font-size: 13px;
}
.vacation-information-text-container, .vacation-preview-input-field .view-text {
  line-height: 18px;
}
.notification-container p {
  white-space: initial;
}
.notification-icon-container {
  margin-right: 20px;
  display: inline-flex;
  color: #2d57ec;
}
.notification-icon-container i {
  display: inline-block;
  margin: auto;
  font-size: 50px;
}
.vacation-container {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
}
.vacation-preview-container {
  margin-bottom: -8px;
  width: 50%;
  padding-left: 20px;
  border-radius: 8px;
}
.vacation-preview-container .form-item {
  border: 0 !important;
  margin-top: 3px;
  padding: 0 0 0 12px;
  height: 110px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.vacation-preview-input-field {
  font-size: 14px;
}
.vacation-preview-input-field label {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 6px;
  font-weight: 600;
}
.vacation-action-button {
  min-width: 175px;
  margin-top: 5px;
}
/*-------------------*/
.button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
/*-------------------*/
.scanner-container:nth-child(3) {
  background: red;
}
/*-------------------*/
.image-slider-box {
  max-height: 199px;
  max-width: 199px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.upload-round-box {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 103px;
  height: 103px;
  min-width: 103px;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.upload-round-box .icon {
  width: 21px;
  height: 30px;
}
.upload-round-box .upload-btn {
  display: none;
}
.modal.ngs-modal .edit-box .cropper-l-container .modal-title-box {
  margin-bottom: 0;
}
.modal.ngs-modal .edit-box .cropper-l-container .modal-content-box {
  margin: 0;
  width: 100%;
}
.scanner-container {
  border: none !important;
}
.scanner-container div:first-child a[href*="html5-qrcode"] {
  display: none;
}
.cropper-modal-container {
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  width: 500px !important;
  margin: auto;
  align-self: center;
  max-height: 700px;
  max-width: 700px;
  background-color: #E5E5E5;
  border-radius: 5px;
}
.cropper-modal-container.is_visible {
  display: flex;
  flex: 0;
}
.cropper-modal-container button {
  align-self: end;
  margin-right: 5px;
}
.cropper-container {
  overflow: hidden;
}
.docs-buttons {
  text-align: center;
  margin: 20px;
  width: auto;
  align-self: end;
}
.g_scrolable-fixed-box .image-inner-box {
  max-height: 446px;
  width: 100%;
  display: flex;
  text-align: center;
}
.g_scrolable-fixed-box img {
  /* This rule is very important, please don't ignore this */
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.plus-btn {
  background-color: #F24C34;
  color: #fff;
  font-size: 36px;
  width: 59px;
  height: 59px;
  display: flex;
  position: absolute;
  border: 6px solid;
  font-weight: 200;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 150px;
  margin-bottom: -195px;
  transition: transform 0.3s ease;
}
.plus-btn .icon {
  width: 15px;
  height: 17px;
}
.image-slider-image-item {
  border: 2px dashed #A1A4AE;
  position: relative;
  width: 199px;
  height: 199px;
  margin-right: 18px;
}
.image-slider-image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*-----------------*/
.right-align {
  width: 15px;
  padding-right: 0 !important;
}
.right-align .list-fields {
  align-items: center !important;
  height: auto !important;
  display: flex !important;
}
.flatpickr-calendar.hasTime.noCalendar {
  max-width: 150px !important;
  padding: 1px !important;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  scale: 0.9;
}
.project-selection {
  display: inline-block;
  margin-right: 10px;
}
.project-employee-technologies .error-message-box {
  margin-top: -15px;
}
.calendar_default_colheader_inner, .calendar_default_rowheader_inner, .calendar_default_event_inner {
  font-size: 16px !important;
  font-weight: bold;
}
.calendar_default_rowheader_inner, .calendar_default_cornerright_inner, .calendar_default_corner_inner, .calendar_default_colheader_inner, .calendar_default_alldayheader_inner {
  color: #333;
  background: #FFFFFF !important;
}
.calendar_default_cell_inner {
  background: #F8F9FB !important;
}
.calendar_default_event_bar_inner {
  background-color: #1B6BF1 !important;
}
.calendar_default_alldayevent_inner {
  background: white !important;
}
.calendar_default_event {
  width: 90% !important;
}
.calendar_default_event_inner {
  padding: 10px 10px 10px 13px !important;
  background: #E2EDFF !important;
  border: 0 !important;
}
.calendar_default_corner, .calendar_default_colheader {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.daterangepicker .drp-buttons .btn {
  color: black;
}
.daterangepicker {
  z-index: 12000 !important;
}
.project-selection-container {
  display: flex;
  align-items: flex-end;
}
.project-selection-container .project-selection .choices {
  min-width: 200px;
}
.form-items-container-no-padding {
  margin: -13px -12px -16px;
  flex: 1;
  width: 100%;
}
.graph-box {
  width: 100%;
  padding-top: 0;
}
.date-form-item .icons-box label {
  margin: 0 7px 0 0;
}
.graph-box {
  width: 100%;
  padding-top: 0;
}
.graph-box .graph-top-box {
  margin: 20px 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1500px) {
  .graph-box .graph-top-box {
    flex-wrap: wrap;
  }
}
.graph-box .graph-top-box .right-box {
  display: flex;
}
@media only screen and (max-width: 1500px) {
  .graph-box .graph-top-box .right-box {
    width: 100%;
    margin-top: 30px;
    flex-wrap: wrap;
  }
}
.graph-box .input-field input {
  color: initial;
}
.graph-box .statistics-date-container .input-field input {
  padding-right: 35px;
}
.graph-box .statistics-date-container .input-field .ngs_validate {
  display: none;
}
.graph-box .date-form-item .input-field {
  position: relative;
}
.graph-box .date-form-item .input-field input {
  width: 195px;
}
.graph-box .date-form-item .icons-box {
  bottom: 10px;
  right: 0;
  pointer-events: none;
  top: auto;
  height: 18px;
  line-height: 18px;
  align-items: center;
}
.graph-box .date-form-item .icons-box label {
  margin: 0;
}
@media (max-width: 1299px) {
  .graph-box .date-form-item .icons-box {
    bottom: 8px;
  }
  .graph-box .date-form-item .icons-box .icon-calendar, .graph-box .date-form-item .icons-box svg {
    margin-right: 10px;
    font-size: 14px;
  }
}
.graph-box .generate-graph-button {
  margin: 0;
}
@media (max-width: 1299px) {
  .graph-box .generate-graph-button {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .graph-box .generate-graph-button {
    margin-top: 25px;
  }
}
.graph-box .date-box {
  display: flex;
  /*           max-width: 575.98px   */
}
.graph-box .date-box .choices {
  min-width: 180px;
}
@media (max-width: 575px) {
  .graph-box .date-box {
    width: 100%;
    flex-wrap: wrap;
  }
}
.graph-box .date-box .form-item {
  margin-bottom: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-right: 40px;
}
@media (max-width: 1899px) {
  .graph-box .date-box .form-item {
    margin-right: calc(30px + (40 - 30) * ((100vw - 1300px) / (1900 - 1300)));
  }
}
@media (max-width: 1299px) {
  .graph-box .date-box .form-item {
    margin-right: calc(25px + (30 - 25) * ((100vw - 1024px) / (1300 - 1024)));
  }
}
@media (max-width: 1023px) {
  .graph-box .date-box .form-item {
    margin-right: 25px;
  }
}
@media (max-width: 1299px) {
  .graph-box .date-box .form-item {
    align-items: flex-start;
    flex-direction: column;
    max-width: 120px;
    margin-right: 15px;
  }
}
@media (max-width: 575px) {
  .graph-box .date-box .form-item {
    margin-bottom: 10px;
  }
  .graph-box .date-box .form-item:last-child {
    margin-right: 0;
  }
}
.graph-box .date-box .form-item span {
  margin-right: 15px;
}
.graph-box .date-box .form-item .input-field {
  max-width: 160px;
  /*        max-width: 767.98px      */
}
@media (max-width: 767px) {
  .graph-box .date-box .form-item .input-field {
    max-width: 140px;
  }
}
.graph-box .date-box .form-item .input-field input {
  width: 140px;
  max-width: unset;
  text-align: left;
}
@media (max-width: 1299px) {
  .graph-box .date-box .form-item .input-field input {
    width: 120px;
  }
  .graph-box .date-box .form-item .input-field input::-webkit-date-and-time-value {
    text-align: left;
    height: 33px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.graph-box .date-box .form-item .input-field .ngs_validate {
  position: absolute;
  white-space: normal;
  line-height: 12px;
}
.graph-box .graph-content-box {
  position: relative;
  width: 100%;
}
.task-header-dropdown-button {
  border: none;
  cursor: pointer;
}
.dz-image img {
  width: 100px;
}
.task-header-dropdown {
  width: 100%;
  position: relative;
  display: inline-block;
}
.technology-input-field {
  float: left;
  display: flex;
}
.technology-level-container {
  margin-left: 10px;
  height: 38px;
}
.task-header-dropdown-right-column > * {
  margin: 3px;
}
.header-icon {
  font-size: 14px;
}
.chart_display {
  width: 100%;
  height: 100%;
}
.hidden-favorite-filters .f_filter-favorite-box {
  display: none;
}
.task-header-dropdown-content {
  background-color: #fff;
  position: absolute;
  display: none;
  padding: 12px;
  z-index: 100;
  float: right;
  margin-bottom: 4px;
  top: 0;
  right: 0;
}
.task-header-dropdown-right-column {
  display: flex;
}
.task-header-dropdown-right-column > * {
  margin: 4px;
}
.task-header-dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
}
.task-header-dropdown:hover .task-header-dropdown-content {
  display: flex;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: fit-content;
  font-size: 10px;
  padding: 2px;
  background-color: gray;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -13px;
  opacity: 0;
  height: 18px;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltip {
  position: relative;
  display: inline-block;
}
.top-buttons {
  display: flex;
  justify-content: flex-end;
  font-size: 15px;
  align-items: center;
}
.top-buttons > button {
  margin-right: 20px;
  padding: 5px 20px;
}
.closed-list > * {
  display: none;
}
.closed-list .task-list-open {
  display: block;
}
.closed-list .task-list-close {
  display: none;
}
.task-list-open {
  display: none;
}
.task-list-close {
  display: block;
}
.task-list ul {
  list-style: none;
  padding: 0;
}
.task-row {
  position: relative;
  display: flex;
  margin: 4px;
  cursor: grab;
  width: 90%;
}
.task-row .updated-date-container {
  position: absolute;
  bottom: 0;
  right: 3px;
  text-align: right;
  font-size: 11px;
  opacity: 0.5;
  padding-top: 3px;
}
.task-row:first-child {
  margin-top: 4px;
}
.task-list-name {
  margin-left: 5px;
  font-size: 16px;
}
.elapsed-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.left-column {
  align-items: center;
  display: flex;
  flex-grow: 1;
}
.right-column {
  display: flex;
  align-items: center;
  min-width: 60px;
}
.checkbox-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #C8CCD6;
}
.checkbox-wrapper.f_checkbox-checked {
  background-color: rgba(27, 241, 161, 0.3);
  border: none;
}
.checkbox-wrapper.f_checkbox-checked i {
  display: initial;
}
.checkbox-wrapper i {
  display: none;
  color: #01AA6B;
}
.task-inputs-wrapper {
  display: flex;
}
.task-inputs-wrapper.completed-display-time {
  width: 117px;
  padding-left: 2px;
}
.input-wrapper input {
  width: 100%;
}
/* Add Task hide/show task field's styles */
.add-task-wrapper {
  display: none;
}
.tasks-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tasks-wrapper ul {
  width: 100%;
  min-width: 290px;
}
.tasks-wrapper.completed {
  height: 75%;
}
.tasks-wrapper > ul {
  max-height: 100%;
}
.add-task-wrapper.f_add-task-mode {
  display: block;
}
.task-title-wrapper {
  flex-grow: 1;
  padding-right: 20px;
}
.add-new-task-list-wrapper {
  min-width: 330px;
}
.add-task-list-button-wrapper {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  min-height: 52px;
  cursor: pointer;
  font-size: 15px;
  line-height: 15px;
  background: rgba(0, 0, 0, 0.2);
  color: #73797d;
  backdrop-filter: blur(5px);
}
.add-task-list-button-wrapper:hover {
  color: black;
  background: rgba(0, 0, 0, 0.4);
}
.add-task-list-container {
  max-width: 400px;
  margin: 0 auto 10px auto;
  width: 100%;
}
.task-list-inputs-wrapper {
  display: flex;
  width: 100%;
  padding: 20px;
  display: none;
}
.add-task-list-edit-mode .add-new-task-list-button {
  display: none;
}
.add-task-list-edit-mode .task-list-inputs-wrapper {
  display: flex;
}
.add-new-task-list-button {
  width: 100%;
  height: 50px;
}
.move-tasks-checkbox-wrapper {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.move-tasks-wrapper {
  position: relative;
  display: inline-block;
}
.move-tasks-wrapper .dropdown-task-lists-wrapper {
  display: block;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 300px;
  max-height: 200px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 10000;
  overflow: auto;
  color: black;
  top: -50%;
  right: -47%;
}
.dropdown-task-lists-wrapper a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-task-lists-wrapper > div {
  padding: 17px 5px;
  cursor: pointer;
}
.dropdown-task-lists-wrapper > div:hover {
  background-color: rgba(0, 0, 0, 0.28);
}
.dropdown {
  font-size: 20px;
}
.move-tasks-wrapper .dropdown {
  pointer-events: none;
  opacity: 0.5;
}
.f_active-move-tasks-wrapper .dropdown {
  pointer-events: auto;
  opacity: 1;
}
.ajax-loader {
  width: 70px;
  height: 70px;
  top: 50%;
  left: 50%;
}
.ajax-loader > svg {
  width: 100%;
  height: 100%;
}
.ajax-loader > svg > circle {
  stroke: #0d7bbb;
}
.task-completed .task-name-value {
  text-decoration: line-through;
}
.task-completed .task-time-wrapper {
  text-decoration: line-through;
}
.task-time-title {
  margin-right: 5px;
}
.offset-top {
  padding-top: 10px;
}
.plus-button {
  font-size: 20px;
  color: #585858;
}
.task-move-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 8px;
}
.task-move-wrapper .buttons-container {
  height: 26px;
  display: flex;
  border-radius: 5px;
  border: 1px solid #E4E5E6;
  background: #FFFFFF;
}
.task-move-wrapper .divider {
  width: 100%;
  height: 1px;
  background: #E4E5E6;
  margin: 0;
}
.task-move-wrapper .vertical-buttons-container {
  width: 24px;
  flex-direction: column;
}
.task-move-wrapper .vertical-buttons-container .move-to-top .ico-svg {
  transform: rotate(90deg);
}
.task-move-wrapper .vertical-buttons-container .move-to-bottom .ico-svg {
  transform: rotate(-90deg);
}
.task-move-wrapper .horizontal-buttons-container {
  width: 36px;
  margin-left: 5px;
}
.task-move-wrapper .horizontal-buttons-container .move-to-next .ico-svg {
  transform: rotate(180deg);
}
.task-move-wrapper .horizontal-buttons-container .divider {
  height: 100%;
  width: 1px;
}
.task-move-wrapper .ico-svg {
  width: 5px;
  height: 9px;
  display: flex;
  margin: auto;
  justify-content: center;
  align-items: center;
}
.section-line {
  height: 1px;
  background-color: grey;
  width: 100%;
}
.move-to-next {
  width: 100%;
  height: 100%;
}
.icon-wrapper {
  transform: rotate(270deg);
}
.bg-placeholder {
  background-color: rgba(119, 119, 119, 0.2);
}
.complete-tasks-drop-down {
  display: flex;
  justify-content: flex-end;
  padding: 0 10px;
  font-size: 16px;
}
.login-box-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 30px 0;
}
.login-box-wrapper .login-box-inner {
  max-width: 600px;
  height: auto;
}
.login-box-wrapper .login-box-inner .t4 {
  padding: 0 20px;
}
.login-box-wrapper .login-box-inner .login-content {
  padding: 0 20px;
  margin: 18px auto;
  max-width: unset;
  width: 100%;
  position: static;
  transform: none;
}
.login-box-wrapper .login-box-inner .login-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-box-wrapper .login-box-inner .login-logo-box {
  max-width: unset;
  display: flex;
  justify-content: center;
}
.login-logo-box .managemate-logo {
  width: 120px;
  height: 120px;
}
.login-box-inner.bg-login .background-image {
  z-index: 0;
}
.login-box-inner.bg-login .login-box-right {
  background-image: none;
}
.main {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
}
.task-list-wrapper {
  font-family: "Open Sans", serif;
  overflow: auto;
  border-radius: 8px;
  flex-grow: 1;
  display: flex;
  height: 100%;
}
.task-list-row:first-child .content-wrapper {
  border-radius: 4px 0 0 4px;
}
.task-list-row:last-child .content-wrapper {
  border-radius: 0 4px 4px 0;
  border-right: solid 1px #E1E2E5;
}
.content-wrapper {
  background-color: #F3F5FA;
  border-right: none;
  display: flex;
  flex-grow: 1;
  position: relative;
  flex-direction: column;
  overflow-x: hidden;
  border-top: solid 1px #E1E2E5;
  border-left: solid 1px #E1E2E5;
  border-bottom: solid 1px #E1E2E5;
}
.task-list-container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.custom_input:focus {
  outline: none;
}
.custom_input {
  outline: none;
  border: 1px solid #C8CCD6;
  border-radius: 4px;
  background-image: none;
  font-size: inherit;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  padding: 12px;
  height: 30px;
}
.custom_input[type="number"] {
  width: 60px;
}
button, input[type="submit"], input[type="reset"] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.task-list {
  display: flex;
  height: 100%;
}
.task-list-row {
  width: 310px;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 10px;
}
.task-list-row.tempo-task-list-row.show-all {
  min-width: 300px;
}
.task-list-row.tempo-task-list-row.planning {
  min-width: 220px;
}
.task-list-row.tempo-task-list-row:first-child .task-move-item[data-direction="prev"] {
  background: #e5e5e5;
  cursor: grab;
  border: none;
}
.task-list-row.tempo-task-list-row:last-child .task-move-item[data-direction="next"] {
  background: #e5e5e5;
  cursor: grab;
  border: none;
}
.divider-task-head {
  display: none;
}
.task-list-header::after {
  content: "";
  background-color: #74F3C4;
  position: absolute;
  height: 2px;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.task-list-content-wrapper {
  overflow: scroll;
  height: 100%;
}
.task-list-content-wrapper::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.task-list-content-wrapper {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.add-task-button {
  font-size: 14px;
  width: 18px;
  height: 18px;
  background-color: #2d57ec;
  border-radius: 50%;
  color: white;
}
.today-title {
  visibility: hidden;
  color: #2d57ec;
  padding-bottom: 0;
  height: 0;
}
.task-list-row.today {
  max-width: 380px;
  min-width: 380px;
}
.task-list-row.today .task-list-header {
  background-color: #D6E4FF;
  color: #135FFF;
  font-size: 16px;
}
.task-list-row.today .task-header-dropdown-content {
  background-color: #D6E4FF;
}
.task-list-row.today .task-header-dropdown-content .add-task-button {
  color: #D6E4FF;
}
.task-list-row .task-list-header {
  display: flex;
  padding: 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid #E1E2E5;
  background-color: white;
  z-index: 100;
  position: relative;
  width: 100%;
  height: 58px;
}
.task-list-row .task-list-header a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #2d57ec;
}
.task-list-row .task-list-header a:hover {
  color: #2d57ec;
}
.task-list-row .task-list-header .items-count-container {
  font-size: 14px;
}
.task-list-header > .left-column {
  overflow: hidden;
}
.task-list-sub-name {
  opacity: 0.8;
}
.select-all-wrapper {
  display: flex;
  align-items: center;
  padding: 2px;
}
.select-all-wrapper > div {
  margin-right: 10px;
}
.add-task-row .add-task-row-title {
  padding-top: 10px;
}
.add-task-row .add-task-button-wrapper {
  padding-bottom: 10px;
}
.task-card {
  background-color: white;
  border-radius: 4px;
  width: 100%;
  position: relative;
}
.task-complete-line {
  padding: 0;
  height: 2px;
  bottom: -1px;
  background-color: #74F3C4;
}
.task-card > div {
  padding: 0 10px;
}
.add-task-row > div:not(:first-child) {
  margin-top: 13px;
}
.editable-task-time-wrapper-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.add-task-button-wrapper {
  display: flex;
  justify-content: flex-end;
}
.save-task-button {
  width: 70px;
  height: 30px;
  justify-content: center;
  align-items: center;
  background-color: #2d57ec;
  color: white;
  border-radius: 4px;
}
.add-task-wrapper {
  padding: 0 6px;
}
.task-inputs-wrapper > .input-wrapper {
  margin-left: 8px;
}
.task-wrapper .task-head {
  display: flex;
  padding: 0 7px 0 10px;
  min-height: 37px;
}
.task-wrapper .task-head .task-content {
  position: relative;
  flex: 1;
}
.task-wrapper .task-head .task-content .task-name-value {
  word-break: break-word;
  padding: 10px 20px 27px 0;
  cursor: pointer;
  min-height: 50px;
}
.task-wrapper .task-head .task-content .task-name-value a {
  text-wrap: wrap;
  color: #2d57ec;
  cursor: pointer;
}
.task-wrapper:hover .task-footer .buttons-container {
  opacity: 1;
  pointer-events: initial;
}
.task-wrapper .note-icon {
  width: 20px;
  height: 20px;
  font-size: 18px;
  position: absolute;
  top: 8px;
  right: 0;
  cursor: pointer;
}
.task-wrapper .note-icon .fill-note {
  display: none;
}
.task-wrapper .note-icon[data-has-note="true"] .fill-note {
  display: block;
}
.task-wrapper .note-icon svg path {
  stroke: #1C274C;
}
.task-wrapper .task-footer {
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding: 10px 10px 10px 30px;
  position: relative;
  min-height: 47px;
}
.task-wrapper .task-footer .task-time-wrapper {
  display: flex;
  align-items: center;
}
.task-wrapper .task-footer .task-checkbox {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translate(0, -50%);
}
.task-wrapper .task-footer .buttons-container {
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  transition-delay: 0.3s;
}
.task-wrapper .task-footer .buttons-container .create-task {
  width: 26px;
  height: 26px;
  border-radius: 5px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  border: 1px solid #E4E5E6;
}
.task-wrapper .task-footer .buttons-container .create-task .icon {
  font-size: 22px;
}
.task-wrapper .task-footer .buttons-container .change-color {
  width: 26px;
  height: 26px;
  border-radius: 5px;
  background: #FFF;
  border: 1px solid #E4E5E6;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-wrapper .task-footer .buttons-container .change-color .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
.task-wrapper .task-footer .buttons-container .task-delete {
  display: flex;
  align-items: center;
}
.non-planned-task-list-row .task-row .task-move-item {
  pointer-events: none;
  opacity: 0.3;
}
.non-planned-task-row {
  min-width: 200px;
}
.task-card-checkbox {
  margin-right: 10px;
}
.divider {
  display: block;
  margin: 0 1px;
  height: 1px;
  background-color: #EDF0F8;
}
.task-list-row:first-child .task-row .move-to-pref {
  pointer-events: none;
  opacity: 0.3;
}
.task-list-row:last-child .task-row .move-to-next {
  pointer-events: none;
  opacity: 0.3;
}
.task-row[data-task-section="1"] .move-to-top {
  pointer-events: none;
  opacity: 0.3;
}
.task-row[data-task-section="3"] .move-to-bottom, .task-row[data-task-section="4"] .move-to-bottom, .task-row[data-task-section="5"] .move-to-bottom {
  pointer-events: none;
  opacity: 0.3;
}
.non-planned-task-list-row .task-row .vertical-task-move-item, .non-planned-task-list-row .task-row .horizontal-task-move-item {
  pointer-events: none;
  opacity: 0.3;
}
.vertical-task-move-item:hover, .horizontal-task-move-item:hover {
  background: #d2d6e7;
}
.horizontal-task-move-item {
  width: 50%;
  height: 100%;
}
.vertical-task-move-item {
  width: 100%;
  height: 50%;
}
.task-wrapper {
  height: fit-content;
}
.task-wrapper .custom_input, .task-wrapper .custom-checkbox, .task-wrapper .checkbox-wrapper, .task-wrapper .task-move-item {
  background: #ffffff;
}
.task-wrapper .custom-checkbox {
  border-radius: 6px;
  height: fit-content;
}
.task-wrapper .custom-control-label {
  background: inherit;
}
.task-wrapper .task-color-modal {
  padding: 5px;
  width: 100%;
  min-width: inherit;
  background: #fff;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  margin-top: 5px;
}
.task-wrapper .task-color-modal .color-item {
  padding: 2px;
  margin-top: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.task-wrapper .task-color-modal .color-item:hover {
  background: #f5fcff;
}
.task-wrapper .task-color-modal .color-item .color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.task-wrapper .task-color-modal .color-item .name {
  margin-left: 20px;
}
.task-row .task-wrapper .editable-task-row {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
.custom_input.required {
  border: 1px solid #ff4444;
}
.tasks-not-completed {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
}
.tasks-not-completed > li:not(.task-row) {
  width: 100%;
}
.task-row .task-wrapper.edit-mode .editable-task-row {
  display: block;
}
.task-row .task-wrapper.edit-mode .task-head {
  display: none;
}
.task-row[data-task-section="1"]:after {
  content: "";
  background-color: #74E2F3;
  position: absolute;
  height: 2px;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.task-row[data-task-section="2"]:after {
  content: "";
  background-color: #FFE877;
  position: absolute;
  height: 2px;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.task-row[data-task-section="3"]:after {
  content: "";
  background-color: #2d57ec;
  position: absolute;
  height: 2px;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.complete-tasks-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 6px;
}
.complete-tasks-title .line {
  height: 1px;
  background-color: #D8DFEF;
  width: 100%;
}
.complete-tasks-title .text {
  margin: 0 13px;
  text-wrap: nowrap;
  user-select: none;
}
.f_todo-overloaded .task-list-header::after {
  content: "";
  background-color: #FFB7B7;
  position: absolute;
  height: 2px;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.f_todo-partlyOverloaded .task-list-header::after {
  content: "";
  background-color: #f5b856;
  position: absolute;
  height: 2px;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.move-tasks-count {
  background-color: red;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: white;
  z-index: 1000000;
}
.header-icon {
  width: 18px;
  height: 18px;
}
.header-icon button {
  width: 100%;
  height: auto;
}
@media (min-width: 1300px) {
  .main-nav.minimal-nav {
    max-width: 72px;
    width: 72px;
  }
  .main-nav.minimal-nav .side-nav .nav-item > a {
    padding-right: 0;
  }
  .main-nav.minimal-nav .side-nav .nav-item .side-nav-inner a i {
    margin-left: 10px;
  }
  .main-nav.minimal-nav .logo-menu {
    height: 50px;
    width: 57px;
  }
  .main-nav.minimal-nav .logo-content {
    padding: 0 0 0 16px;
  }
  .main-nav.minimal-nav .logo-content .logo-block .logo-box {
    margin-top: 20px;
  }
  .main-nav.minimal-nav .logo-content .logo-block .logo-box img {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }
}
.button.outline-light-basik.primary:hover {
  color: #ffffff;
  background-color: gray;
  border-color: gray;
}
.g_scrolable-section {
  width: 100%;
}
.g_scrolable-section .items-main-identifiers-container {
  padding-left: 10px;
  white-space: nowrap;
  max-width: 100%;
  vertical-align: middle;
  display: flex;
  flex-wrap: wrap;
  min-height: 35px;
  align-items: center;
}
.g_scrolable-section .items-main-identifiers-container .items-main-identifier {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 6px;
  margin-left: 10px;
}
.g_scrolable-section .items-main-identifiers-container .seperator {
  opacity: 0.4;
  display: inline-block;
  vertical-align: top;
}
.g_scrolable-section .items-page-header {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.g_scrolable-section .items-page-header .left-part {
  display: flex;
  align-items: flex-start;
  padding-right: 26px;
}
.g_scrolable-section .items-page-header .right-part {
  display: flex;
  align-items: center;
}
.g_scrolable-section .items-page-header .right-part > * {
  margin-left: 5px;
}
.g_scrolable-section .items-sync-status-icon {
  display: inline-flex;
  height: 15px;
  width: 15px;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border-radius: 3px;
  margin-left: 5px;
  position: relative;
  top: -2px;
  background: #FFDC68;
}
.g_scrolable-section .items-sync-status-icon.success {
  background: #49D69A;
}
.g_scrolable-section .items-sync-status-icon.error {
  background: #FB6565;
}
.g_scrolable-section .items-sync-status-icon .fa-sync-alt {
  font-size: 11px;
}
.g_scrolable-section .items-sync-status-icon i:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  left: 25px;
}
.g_scrolable-section .items-sync-status-icon i .tooltip {
  opacity: 0;
  background-color: #ffffff;
  position: absolute;
  left: 20px;
  top: 7px;
  transform: translate(0, -50%);
  min-width: 77px;
  font-size: 14px;
  line-height: 19px;
  padding: 3px 7px;
  border-radius: 6px;
  color: #2d3748;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.14);
  transition: opacity 0.3s ease-in-out, left 0.2s;
  z-index: 150;
  pointer-events: none;
}
.g_scrolable-section .items-sync-status-icon i .tooltip:after {
  transform: rotate(135deg);
  width: 8px;
  height: 8px;
  top: 35%;
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  border-top: 0 none;
  border-left: 0 none;
  left: -4px;
}
.import-button-item {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.import-button-item input[type="file"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.import-button-item .button {
  margin-left: 12px;
}
.import-button-item .icon-svg138 {
  transform: rotate(90deg);
}
.hidden {
  display: none;
}
.existing-templates {
  padding: 20px 0 0;
}
.existing-templates .template-container {
  position: relative;
  display: flex;
  background: #F8F9FB;
  margin-bottom: 8px;
  height: 58px;
  line-height: 58px;
  padding: 0 16px;
  border-radius: 4px;
}
.existing-templates .template-container.active {
  background-color: #2d57ec;
  color: #ffffff;
}
.existing-templates .template-container.active .delete-template {
  color: #ffffff;
}
.existing-templates .template-container .template {
  cursor: pointer;
  width: 100%;
}
.add-template-box {
  margin-top: 20px;
}
.select-fields-container {
  display: flex;
  justify-content: space-between;
  max-height: 80%;
  overflow: scroll;
  flex-direction: row;
  flex-wrap: wrap;
  border-left: solid 1px #DEDEDE;
}
.select-fields-container li {
  border-right: solid 1px #DEDEDE;
  border-bottom: solid 1px #DEDEDE;
  padding: 8px 10px 7px 10px;
}
.select-fields-container li .checkbox-item label {
  display: flex;
  justify-content: center;
}
.select-fields-container li input[type="text"] {
  border: none;
  width: 100%;
}
.select-fields-container li .checkbox-item {
  margin: 0;
}
.select-fields-container .select-fields-header {
  flex: 0 0 100%;
  display: flex;
  border-top: solid 1px #DEDEDE;
}
.select-fields-container .select-fields-header li {
  font-weight: 700;
  user-select: none;
  flex: 1;
}
.select-fields-container .select-fields-header li:last-child {
  max-width: 150px;
}
.select-fields-container .select-fields-header li:first-child {
  max-width: 70px;
}
.select-fields-container .select-fields-info-container {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
}
.select-fields-container .select-fields-info-container ul {
  flex: 0 0 100%;
  display: flex;
}
.select-fields-container .select-fields-info-container ul li {
  flex: 1;
}
.select-fields-container .select-fields-info-container ul li:last-child {
  max-width: 150px;
}
.select-fields-container .select-fields-info-container ul li:first-child {
  max-width: 70px;
}
.table .table-row-group .table-row.late1 {
  background-color: rgba(255, 212, 212, 0.1);
}
.table .table-row-group .table-row.late1 .left-align, .table .table-row-group .table-row.late1 .right-align {
  background-color: rgba(0, 0, 0, 0);
}
.table .table-row-group .table-row.late2 {
  background-color: rgba(255, 212, 212, 0.3);
}
.table .table-row-group .table-row.late2 .left-align, .table .table-row-group .table-row.late2 .right-align {
  background-color: rgba(0, 0, 0, 0);
}
.table .table-row-group .table-row.late3 {
  background-color: rgba(255, 212, 212, 0.5);
}
.table .table-row-group .table-row.late3 .left-align, .table .table-row-group .table-row.late3 .right-align {
  background-color: rgba(0, 0, 0, 0);
}
.table .table-row-group .table-row.late4 {
  background-color: rgba(255, 212, 212, 0.7);
}
.table .table-row-group .table-row.late4 .left-align, .table .table-row-group .table-row.late4 .right-align {
  background-color: rgba(0, 0, 0, 0);
}
.table .table-row-group .table-row.late5 {
  background-color: rgba(255, 212, 212, 0.9);
}
.table .table-row-group .table-row.late5 .left-align, .table .table-row-group .table-row.late5 .right-align {
  background-color: rgba(0, 0, 0, 0);
}
.table .table-row-group .table-row.late6 {
  background-color: #ffd4d4;
}
.table .table-row-group .table-row.late6 .left-align, .table .table-row-group .table-row.late6 .right-align {
  background-color: rgba(0, 0, 0, 0);
}
.table .table-row > li {
  max-width: 300px;
}
.table .table-row > li.image-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-left: 0;
}
.table .table-row > li.image-cell img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.table-row li {
  max-width: 400px;
}
.table-row .elipsis-box {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-row .elipsis-box p {
  margin-bottom: 0;
}
.table-row.total-time li {
  padding: 10px;
  background: #F4F7FE;
  font-weight: 700;
}
.table .table-row-group .table-row.initial {
  background-color: #ffffff;
}
.table .table-row-group .table-row.initial .left-align, .table .table-row-group .table-row.initial .right-align {
  background-color: #ffffff;
}
.candidates-container .table-row-group .table-row.initial {
  background: #d5ebd5;
}
.candidates-container .table-row-group .table-row.initial .left-align, .candidates-container .table-row-group .table-row.initial .right-align {
  background: #d5ebd5;
}
.candidates-container .table-row-group .table-row.hr_interview {
  background: #c4e5c4;
}
.candidates-container .table-row-group .table-row.hr_interview .left-align, .candidates-container .table-row-group .table-row.hr_interview .right-align {
  background: #c4e5c4;
}
.candidates-container .table-row-group .table-row.tech_interview {
  background: #aadfaa;
}
.candidates-container .table-row-group .table-row.tech_interview .left-align, .candidates-container .table-row-group .table-row.tech_interview .right-align {
  background: #aadfaa;
}
.candidates-container .table-row-group .table-row.test {
  background: #95d695;
}
.candidates-container .table-row-group .table-row.test .left-align, .candidates-container .table-row-group .table-row.test .right-align {
  background: #95d695;
}
.candidates-container .table-row-group .table-row.work_condition {
  background: #7fc67f;
}
.candidates-container .table-row-group .table-row.work_condition .left-align, .candidates-container .table-row-group .table-row.work_condition .right-align {
  background: #7fc67f;
}
.candidates-container .table-row-group .table-row.probationary_period {
  background: #6ab86a;
}
.candidates-container .table-row-group .table-row.probationary_period .left-align, .candidates-container .table-row-group .table-row.probationary_period .right-align {
  background: #6ab86a;
}
.candidates-container .table-row-group .table-row.hired {
  background: #4e964e;
}
.candidates-container .table-row-group .table-row.hired .left-align, .candidates-container .table-row-group .table-row.hired .right-align {
  background: #4e964e;
}
.employees_list .employee-wrapper, .employees_list .technology-wrapper, .employees_list .project-wrapper, .employees_list .board-wrapper, .technology-list .employee-wrapper, .technology-list .technology-wrapper, .technology-list .project-wrapper, .technology-list .board-wrapper, .projects_list .employee-wrapper, .projects_list .technology-wrapper, .projects_list .project-wrapper, .projects_list .board-wrapper, .boards_list .employee-wrapper, .boards_list .technology-wrapper, .boards_list .project-wrapper, .boards_list .board-wrapper {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}
.employees_list .employee-wrapper:hover, .employees_list .technology-wrapper:hover, .employees_list .project-wrapper:hover, .employees_list .board-wrapper:hover, .technology-list .employee-wrapper:hover, .technology-list .technology-wrapper:hover, .technology-list .project-wrapper:hover, .technology-list .board-wrapper:hover, .projects_list .employee-wrapper:hover, .projects_list .technology-wrapper:hover, .projects_list .project-wrapper:hover, .projects_list .board-wrapper:hover, .boards_list .employee-wrapper:hover, .boards_list .technology-wrapper:hover, .boards_list .project-wrapper:hover, .boards_list .board-wrapper:hover {
  background: #f1f1f1;
}
.employees_list .employee-name.active, .employees_list .technology.active, .employees_list .project-name.active, .employees_list .board-name.active, .technology-list .employee-name.active, .technology-list .technology.active, .technology-list .project-name.active, .technology-list .board-name.active, .projects_list .employee-name.active, .projects_list .technology.active, .projects_list .project-name.active, .projects_list .board-name.active, .boards_list .employee-name.active, .boards_list .technology.active, .boards_list .project-name.active, .boards_list .board-name.active {
  color: #2d57ec;
}
.employees_list .jstree-search, .technology-list .jstree-search, .projects_list .jstree-search, .boards_list .jstree-search {
  width: 100%;
  background: #dadada;
}
.form-items-container .state-graph-container {
  padding: 0 10px;
  margin: 0 0 10px 0;
  width: 100%;
  min-height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.form-items-container .state-graph-container .dropdown {
  font-size: inherit;
}
.form-items-container .state-graph-container .dropdown-menu-title {
  opacity: 1;
}
.form-items-container .state-graph-container .state-step {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form-items-container .state-graph-container .state-step .icon_container {
  width: 20px;
  height: 20px;
  display: flex;
  align-content: center;
  justify-content: center;
  background: #CECECE;
  border-radius: 50%;
}
.form-items-container .state-graph-container .state-step .icon_container .icon {
  bottom: -18px;
  left: 0;
  right: 0;
  margin: auto;
}
.form-items-container .state-graph-container .state-step .icon_container .icon-declined {
  display: none;
}
.form-items-container .state-graph-container .state-step .icon_container .icon-approved {
  display: none;
}
.form-items-container .state-graph-container .state-step .icon_container .icon-current {
  margin-top: -10px;
  display: none;
}
.form-items-container .state-graph-container .state-step .icon_container.approved .icon-approved {
  display: block;
}
.form-items-container .state-graph-container .state-step .icon_container.declined .icon-declined {
  display: block;
}
.form-items-container .state-graph-container .state-step .icon_container.current .icon-current {
  display: block;
}
.form-items-container .state-graph-container .state-step .icon_container.current .icon-approved {
  display: none;
}
.form-items-container .state-graph-container .state-step .icon_container.green {
  background: #1BF13F;
}
.form-items-container .state-graph-container .state-step .icon_container.blue {
  background: #1B6BF1;
}
.form-items-container .state-graph-container .state-step .icon_container.red {
  background: #F11B1B;
}
.form-items-container .state-graph-container .state-step .step-name {
  bottom: -26px;
  margin: auto;
  position: absolute;
  white-space: nowrap;
}
.form-items-container .state-graph-container .step-divider {
  flex: 1;
  background: #CECECE;
  height: 2px;
}
.form-items-container .state-graph-container .step-divider.hidden {
  display: none;
}
.form-items-container .state-graph-container .step-divider.green {
  background: #1BF13F;
}
.form-items-container .state-graph-container .step-divider.blue {
  background: #1B6BF1;
}
.form-items-container .state-graph-container .step-divider.red {
  background: #F11B1B;
}
.form-content .button-container {
  display: flex;
}
/*------------------*/
.table .table-row:hover {
  background: #d1dafb;
}
.table .table-row:hover .left-align, .table .table-row:hover .right-align {
  background: #d1dafb !important;
}
.table .table-row:hover li {
  background: #d1dafb !important;
}
.list-fields .dropdown-box {
  font-weight: 400;
  text-align: left;
  top: 31px;
  right: 2px;
  left: auto;
  max-height: 271px;
  overflow: auto;
  min-width: 290px;
}
.list-fields .dropdown-box .checkbox-item {
  padding: 8px 55px 8px 8px;
}
.list-fields .dropdown-box .checkbox-item a {
  text-transform: none;
}
.list-fields .dropdown-box .checkbox-item .icons-box span {
  margin-right: 15px;
}
.list-fields .dropdown-box .checkbox-item .icons-box span:last-child {
  margin-right: 0;
}
.list-fields .dropdown-box .checkbox-item .icons-box span:hover svg {
  fill: #2d57ec;
}
:root {
  --star-size: 40px;
  --star-color: #ececec;
  --star-background: #ffd500;
}
.stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  line-height: 1;
}
.stars:hover {
  cursor: pointer;
}
.stars.view-stars:hover {
  cursor: auto;
}
.stars.view-stars {
  font-size: 30px;
}
.stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.form-items-container .topic-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.form-items-container .topic-wrapper .topic-container {
  display: flex;
  flex-direction: column;
  margin: 10px 0 0 10px;
  width: 48%;
  padding: 10px;
  border: 1px solid #dadada;
  border-radius: 10px;
  font-size: 16px;
}
.form-items-container .topic-wrapper .topic-container .container-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-items-container .topic-wrapper .topic-container .container-header .right-part {
  font-size: 24px;
}
.form-items-container .topic-wrapper .topic-container .container-content {
  margin-top: 10px;
}
.form-items-container .topic-wrapper .topic-container .container-content .form-item {
  max-width: 100%;
}
.form-items-container .topic-wrapper .topic-container .container-footer {
  display: flex;
  align-items: center;
}
.form-items-container .topic-wrapper .topic-container .container-footer .rating-title {
  margin-right: 10px;
}
.view-text.topic-view-text p {
  display: inline;
}
.g_scrolable-fixed-box .button-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.g_scrolable-fixed-box .button-wrapper .right-part .add-topic-button {
  position: absolute;
  top: -50px;
  right: 9px;
}
.add-topic-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-topic-wrapper.hidden {
  display: none;
}
.add-topic-wrapper .add-topic-modal {
  background: white;
  border-radius: 10px;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper {
  width: 500px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  margin: 15px;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper .modal-header .right-part {
  font-size: 20px;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper .divider {
  width: 100%;
  height: 1px;
  background: #d2d2d2;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper .modal-content {
  flex: 1;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper .modal-content .topic-container {
  padding: 10px;
  font-size: 16px;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper .modal-content .topic-container .topic-item {
  padding: 2px;
  background: rgba(240, 240, 240, 0.4);
  margin-top: 3px;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper .modal-content .topic-container .topic-item label {
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper .modal-footer {
  display: flex;
  justify-content: right;
}
.add-topic-wrapper .add-topic-modal .modal-wrapper .modal-footer .save-topic-button {
  margin: 0 10px;
}
/*-------------------*/
.header-box .header-box-inner .right-box {
  display: flex;
  align-items: center;
}
.header-box .header-box-inner .right-box .employee-handbook {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  padding: 0 13px;
}
.header-box .header-box-inner .right-box .employee-handbook span {
  margin-left: 10px;
}
.header-box .header-box-inner .right-box .ngs-employees {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  padding: 0 13px;
}
.header-box .header-box-inner .right-box .ngs-employees i {
  font-size: 20px;
}
.header-box .header-box-inner .right-box .ngs-employees span {
  margin-left: 10px;
}
.header-box .header-box-inner .right-box .ngs-employees:after {
  content: "";
  width: 0;
  height: 17px;
  border: 1px solid;
  opacity: 0.2;
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
}
.header-box .header-box-inner .right-box .notifi-box {
  padding-left: 10px;
}
.header-box .header-box-inner .right-box .notifi-box:after {
  content: "";
  width: 0;
  height: 17px;
  border: 1px solid;
  opacity: 0.2;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
}
.form-item.upload-file .input-field .button-container {
  display: flex;
  flex-direction: column;
}
.form-item.upload-file .input-field .button-container .button-title {
  margin-bottom: 6px;
  font-weight: 500;
  color: #2d3748;
}
.form-item.upload-file .input-field .button-container .import-button-item .button {
  margin-left: 0;
}
.position-table-box .download-position-button {
  padding: 3px 20px;
  margin: 3px 0;
  border: 1px solid #a9a9a9;
  border-radius: 5px;
}
.team-chart-box .team-selection-container {
  display: flex;
  align-items: flex-end;
}
.team-chart-box .team-selection-container .team-selection {
  min-width: 220px;
  margin-right: 20px;
}
.position-technologies-box .list-name {
  font-weight: 500;
  color: #2d3748;
  font-size: 14px;
  margin-bottom: 6px;
}
.position-technologies-box .table-row {
  cursor: default;
}
.position-technologies-box .spinner {
  width: 100px;
  height: 25px;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 5px;
  margin: 2px 0;
}
.position-technologies-box .spinner .spinner-button {
  width: 10px;
  padding: 5px 10px;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.contract-btn span {
  margin-left: 7px;
}
.security-page-title .left-box .title-box {
  margin: 0 0 0 16px;
}
.nested-page-container.employees-page-container .page-title {
  padding: 6px 13px;
}
.nested-page-container .page-title {
  background: #fff;
  padding: 0 13px;
  font-weight: 700;
  height: 47px;
}
.nested-page-container .page-title .left-box .title-box {
  margin: 0;
  font-size: 16px;
}
.header-box .header-box-inner .right-box .employee-handbook {
  height: 100%;
  padding-top: 2px;
}
.header-box .header-box-inner .right-box .ngs-employees {
  display: flex;
}
@media screen and (max-width: 1299px) {
  /*-------------------*/
  .vacation-preview-container .form-item {
    padding: 8px 30px 20px 16px;
  }
  .choices__inner {
    min-height: 38px;
  }
}
@media (max-width: 767px) {
  /*-------------------*/
  .vacation-preview-container {
    margin-top: 10px;
    padding-left: 10px;
    width: 100%;
  }
}
.notification-params-info {
  cursor: pointer;
}
.notification-event-info-container {
  z-index: 1000;
  position: absolute;
  top: 35px;
  right: 0;
  display: none;
  min-height: 200px;
  padding: 12px 12px 6px 12px;
  color: #2d3748;
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 6px;
  text-align: left;
  width: 49%;
  transform: translateX(-14px);
}
.notification-event-info-container.is_active {
  display: block;
}
.notification-event-info-container .wrapper {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.notification-event-info-container .wrapper .title {
  font-weight: 600;
}
.notification-event-info-container .notification-event-header-container {
  width: 20px;
  height: 20px;
  margin-left: auto;
}
.notification-event-info-container .notification-event-header-container span {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.notification-event-info-container .notification-event-header-container span:hover {
  opacity: 0.8;
}
.notification-event-info-container .notification-event-header-container span .icon-cancel {
  font-size: 20px;
  color: #2d57ec;
}
.notification-event-info-container .notification-event-body-container {
  padding: 5px 0 15px;
}
.notification-event-info-container .notification-event-body-container ul li {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
  font-weight: 500;
}
.notification-event-info-container .notification-event-body-container ul li .type {
  font-size: 12px;
  font-weight: 400;
}
.page-switcher {
  width: 100%;
  float: right;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 5px;
}
.page-switcher .wrapper {
  width: 160px;
  height: 40px;
  padding: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  border: 1px solid #E3E4E8;
  border-radius: 20px;
}
.page-switcher .wrapper .button {
  font-size: 13px;
  width: 50%;
  height: 32px;
  min-height: 32px;
  border-radius: 20px;
  border: none;
}
.page-switcher .wrapper .button.active {
  color: #ffff;
  background: #2C4AE1;
}
.table-box-inner .table-row .elipsis-box .week-day {
  display: inline-block;
  font-weight: 500;
  width: 35px;
  min-width: 35px;
}
@media screen and (max-width: 575px) {
  .task-row {
    margin: 4px 6px;
    max-width: 85%;
  }
  .notification-event-info-container {
    width: 94%;
    transform: translateX(-15px);
    right: 0;
  }
}
.active-filters .criteria-box .filter-item .filter-name-container {
  line-height: 14px;
}
.active-filters .criteria-box .filter-item .close-btn:before {
  top: 2px;
}
.report-container .header {
  padding: 20px;
}
.report-container .header .title {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
.report-container .main {
  padding: 0 50px 50px 100px;
}
.report-container .main .note {
  font-size: 20px;
  font-weight: 700;
  color: #d51500;
  margin-bottom: 35px;
}
.report-container .main .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
}
.report-container .main .questions-container {
  font-size: 16px;
  margin: 0 0 20px 25px;
}
.report-container .main .questions-container .question-container {
  list-style-type: decimal;
  margin: 0 0 20px 25px;
  border-radius: 7px;
  padding: 20px;
}
.report-container .main .questions-container .question-container.required {
  border: 1px solid #ee1f1f;
}
.report-container .main .questions-container .question-container .question {
  margin-bottom: 10px;
}
.report-container .main .questions-container .question-container .checkbox-container {
  margin-left: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
}
.report-container .main .questions-container .question-container .checkbox-container textarea {
  resize: none;
  width: 400px;
  height: 70px;
  border-radius: 4px;
  border: 1px solid #adadad;
  padding: 10px;
}
.report-container .main .questions-container .question-container .checkbox-container .checkbox-row {
  margin-bottom: 3px;
}
.report-container .main .questions-container .question-container .checkbox-container .checkbox-row label {
  cursor: pointer;
}
.report-container .main .questions-container .question-container .checkbox-container .checkbox-row label span {
  margin-left: 6px;
}
.report-container .main .questions-container .question-container .note-container label span {
  margin-right: 10px;
}
.report-container .main .questions-container .question-container .note-container label textarea {
  resize: none;
  width: 400px;
  height: 70px;
  border-radius: 4px;
  border: 1px solid #adadad;
  padding: 10px;
}
.answers-container {
  width: 100%;
  padding-bottom: 50px;
  position: relative;
}
.answers-container .add-button {
  border: 1px solid #E5E5E5;
  padding: 3px 10px;
  position: absolute;
  left: 5px;
  bottom: 5px;
}
.answers-container .note-container {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
  width: 49%;
  display: flex;
  align-items: center;
}
.answers-container .note-container .note {
  margin-left: 10px;
}
.answers-container .answer-container {
  position: relative;
  width: 49%;
  margin-bottom: 10px;
}
.answers-container .answer-container .answer-input {
  width: 100%;
  padding: 5px 30px 5px 10px;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
}
.answers-container .answer-container .answer-input.required {
  border: 1px solid #f12626;
}
.answers-container .answer-container .remove-btn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.answers-container .answer-container .remove-btn.hidden {
  display: none;
}
.employee-report-load-content .items-page-header .right-part .add-new-group {
  padding: 10px 15px;
  border: 1px solid #E3ECFF;
  border-radius: 4px;
  background: #F4F7FE;
  color: #2C4AE1;
  font-size: 14px;
  margin-left: 40px;
}
.employee-report-load-content .form-items-container .form-header {
  position: relative;
  width: 100%;
  min-height: 40px;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.employee-report-load-content .form-items-container .form-header .add-group-container {
  position: absolute;
  top: 0;
  left: 130px;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  box-shadow: 0 3px 11px rgba(151, 151, 151, 0.24);
  border-radius: 7px;
}
.employee-report-load-content .form-items-container .form-header .add-group-container.hidden {
  display: none;
}
.employee-report-load-content .form-items-container .form-header .add-group-container .add-group-input {
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
}
.employee-report-load-content .form-items-container .form-header .add-group-container .add-group {
  border: 1px solid #E5E5E5;
  padding: 3px 10px;
  margin-left: 10px;
}
.add-category-modal-wrapper {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.58);
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-category-modal-wrapper .add-category-modal-container {
  width: 341px;
  height: 205px;
  background: #fff;
  border-radius: 15px;
  padding: 18px;
  z-index: 1000;
}
.add-category-modal-wrapper .add-category-modal-container .modal-header {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.add-category-modal-wrapper .add-category-modal-container .modal-header .title {
  font-size: 15px;
  margin-left: 10px;
}
.add-category-modal-wrapper .add-category-modal-container .category-name-input {
  width: 100%;
  height: 38px;
  border: 1px solid #E3E4E8;
  border-radius: 4px;
  margin-bottom: 40px;
  padding: 10px 14px;
}
.add-category-modal-wrapper .add-category-modal-container .category-name-input.required {
  border: 1px solid #e12929;
}
.add-category-modal-wrapper .add-category-modal-container .modal-footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.add-category-modal-wrapper .add-category-modal-container .modal-footer .button {
  border-radius: 4px;
  padding: 10px 17px;
  font-size: 14px;
}
.add-category-modal-wrapper .add-category-modal-container .modal-footer .button.save {
  color: #fff;
  background: #2C4AE1;
}
.add-category-modal-wrapper .add-category-modal-container .modal-footer .button.cancel {
  border: 1px solid #E3ECFF;
  background: #F4F7FE;
  color: #2C4AE1;
  margin-left: 8px;
}
.table.employee-report-view-table .table-row > li .elipsis-box {
  white-space: normal;
}
.table.employee-report-view-table .table-head {
  outline: 1px solid #EAF0FF;
}
.table.employee-report-view-table .table-head li {
  background: #F4F7FE;
  border: none;
  color: #0F1B61;
}
.edit-form .form-content-item .form-items-container .experience-list .addItemBtn {
  top: -20px;
}
.edit-form .form-content-item .form-items-container .experience-list .table-box .table-header {
  padding-bottom: 30px;
}
.edit-form .form-content-item .form-items-container .experience-list .table-box .table-box-inner {
  min-height: 350px;
}
.add-experience-form-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.add-experience-form-container .form-item {
  width: 49%;
}
.select-container {
  width: 49%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.select-container .form-item {
  width: 100%;
  max-width: 100% !important;
  margin-bottom: 0;
}
.select-container .form-item input {
  min-height: 39px;
}
.select-container .element-field .button {
  margin-top: 30px;
}
.table .table-row:nth-child(2n) {
  background: transparent;
}
.table .table-row:nth-child(2n) .left-align, .table .table-row:nth-child(2n) .right-align {
  background: #fff;
}
.table .table-head.table-row {
  background: #F4F7FE;
}
.table .table-head.table-row .left-align, .table .table-head.table-row .right-align {
  background: #F4F7FE;
}
.table .table-head li {
  background: #F4F7FE;
  color: #0F1B61;
}
.candidate-cvs {
  display: flex;
  flex-direction: column;
}
.candidate-cvs .button {
  max-width: 100%;
  width: 700px;
  height: 81px;
  background: #F4F7FE;
  border: 1px solid #E3ECFF;
  border-radius: 7px;
  padding: 0 0 0 60px;
  position: relative;
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.candidate-cvs .button .icon {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translate(0, -50%);
  width: 20px;
  height: 25px;
}
.candidate-cvs .button .name {
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 10px;
}
.candidate-cvs .button .size {
  color: #707070;
}
.form-item.upload-file {
  flex-direction: column;
}
.form-item.upload-file .choose-file-container {
  cursor: pointer;
  width: 100%;
  min-width: 500px;
  height: 200px;
  border-radius: 10px;
  border: 1px dotted #B3B4B9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form-item.upload-file .choose-file-container .icon {
  width: 52px;
  height: 52px;
}
.form-item.upload-file .choose-file-container .title {
  font-size: 18px;
  margin-top: 30px;
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.form-item.upload-file .choose-file-container .title span {
  color: #2C4AE1;
}
.form-item.upload-file .browsed-files {
  width: 100%;
  margin-top: 25px;
}
.form-item.upload-file .browsed-files .title {
  font-size: 14px;
  color: #707070;
}
.form-item.upload-file .browsed-files .files-container .file-container {
  min-width: 500px;
  height: 81px;
  position: relative;
  padding: 10px 63px;
  margin-top: 12px;
  background: #F4F7FE;
  border: 1px solid #E3E4E8;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.form-item.upload-file .browsed-files .files-container .file-container .icon {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.form-item.upload-file .browsed-files .files-container .file-container .file-icon {
  left: 24px;
}
.form-item.upload-file .browsed-files .files-container .file-container .close-icon {
  width: 29px;
  height: 29px;
  right: 13px;
  cursor: pointer;
  padding: 8px;
}
.form-item.upload-file .browsed-files .files-container .file-container .name {
  font-size: 16px;
}
.form-item.upload-file .browsed-files .files-container .file-container .size {
  font-size: 14px;
  color: #707070;
}
.note-textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 200px;
  max-height: 500px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #000;
  background: #fff;
  border: solid 1px #e2e3e5;
  padding: 12px;
  border-radius: 5px;
}
/*------------------*/
.execute-btn.disabled {
  opacity: 0.5;
}
.json-formatter-key {
  color: #2d3748 !important;
  font-weight: 500;
}
.json-formatter-boolean {
  color: #F6821F !important;
}
.json-formatter-string {
  white-space: pre-line !important;
}
/*------------------*/
.holiday-add-update-form-wrapper {
  height: 100%;
}
.holiday-add-update-form-wrapper .g-content-item-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: start;
}
.holiday-add-update-form-wrapper .g-content-item-inner .form-item {
  width: 49%;
  height: fit-content;
}
.holidays-table-header {
  justify-content: space-between;
}
.holidays-table-header .date-container {
  height: 38px;
  min-width: 250px;
  position: relative;
}
.holidays-table-header .date-container .flatpickr-input {
  width: 100%;
  margin: 0;
  padding: 0 28px 0 63px;
  height: 100%;
  border-radius: 8px;
  border: none;
  background: #F6F6F6;
  font-size: 13px;
}
.holidays-table-header .date-container .button {
  padding: 7px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  min-width: 10px;
  min-height: 10px;
}
.holidays-table-header .date-container .button:active svg {
  fill: #2C4AE1;
}
.holidays-table-header .date-container .button.previous {
  left: 0;
}
.holidays-table-header .date-container .button.next {
  right: 0;
}
.holidays-table-header .date-container .button svg {
  width: 20px;
  height: 20px;
}
.holidays-table-header .date-container .icon {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translate(0, -55%);
  color: #2C4AE1;
}
@media (max-width: 1023px) {
  .welcome-box-wrapper {
    position: relative;
  }
  .g_scrolable-box {
    margin-top: 50px;
  }
  .header-box .header-box-inner .right-box .employee-handbook {
    margin-right: 7px;
  }
  .header-box .header-box-inner .right-box .employee-handbook span {
    display: none;
  }
  .header-box .header-box-inner .right-box .ngs-employees {
    padding: 0;
    margin-right: 10px;
    top: 0;
  }
  .header-box .header-box-inner .right-box .ngs-employees span {
    display: none;
  }
  .header-box .header-box-inner .right-box .ngs-employees:after {
    top: 1px;
    left: -10px;
  }
  .left-box .title-container {
    display: none;
  }
}
.minimize-button {
  left: 240px;
}
.minimize-button:hover {
  left: 243px;
}
.minimize-button.btn-to-close {
  left: 55px;
}
.minimize-button.btn-to-close:hover {
  left: 58px;
}
.nomination-form-wrapper .title {
  width: 100%;
  margin-bottom: 20px;
}
.nomination-form-wrapper .title p {
  font-size: 14px;
  margin-bottom: 5px;
}
.nomination-form-wrapper p {
  margin-bottom: 15px;
}
.nomination-form-wrapper .form-items-container {
  flex-direction: column;
}
#profile-box-menu .ico-svg {
  height: 17px;
  width: 17px;
  margin-right: 10px;
  position: relative;
  top: 4px;
}
.chart-item {
  padding-top: 30px;
  background-color: none;
  margin-left: 1px;
  border-radius: 2px;
  overflow: visible;
}
.chart-item .additional-text-container {
  color: #404040;
  font-size: 12px;
  margin-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chart-item .subordinates-container {
  display: flex;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
}
.chart-item .position-container {
  color: #404040;
  font-size: 16px;
  margin-top: 4px;
}
.chart-item .name-container {
  color: #111672;
  font-size: 16px;
  font-weight: bold;
}
.chart-item .item-data-container {
  padding: 30px 20px 15px;
  text-align: center;
}
.chart-item .divider {
  margin-top: -30px;
  background-color: #3AB6E3;
  height: 10px;
  border-radius: 1px;
}
.chart-item .item-container {
  padding-top: 0;
  background-color: white;
  border: 1px solid lightgray;
}
.chart-item img {
  margin-left: 95px;
  margin-top: -30px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.main-nav {
  padding-left: 0;
  width: 255px;
  max-width: 255px;
}
.main-nav .logo-menu {
  background: #fff;
}
.main-nav .logo-content {
  padding-left: 12px;
  padding-top: 0;
  width: 100%;
  max-width: 200px;
}
.main-nav .logo-menu {
  padding-left: 0;
  padding-bottom: 0;
  height: 81px;
  margin-bottom: 11px;
}
.main-nav .logo-menu a {
  display: block;
  width: 100%;
  height: 100%;
}
.main-nav .side-nav {
  padding: 0 0 0 16px;
}
.main-nav .side-nav .nav-item > a {
  padding-left: 10px;
  height: 40px;
  min-height: auto;
}
.main-nav .side-nav .nav-item > a svg, .main-nav .side-nav .nav-item > a i {
  margin-right: 0;
  max-width: 20px;
  max-height: 20px;
  width: auto;
  height: auto;
}
.main-nav .side-nav .nav-item > a span {
  margin-left: 10px;
}
.main-nav .side-nav .nav-item > a span {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.main-nav .side-nav .nav-item {
  padding-bottom: 3px;
  padding-top: 3px;
}
.main-nav .side-nav .nav-item.active {
  background: white;
}
.main-nav .side-nav .nav-item.active:hover {
  background: white;
}
.main-nav .side-nav .nav-item:hover {
  background: #e4eaf6;
}
.main-nav .side-nav .nav-item .side-nav-inner {
  background: #F4F7FE;
  padding-top: 10px;
  border-radius: 0 0 20px 20px;
}
.main-nav .side-nav .nav-item .side-nav-inner a {
  color: #000;
}
.main-nav .side-nav .nav-item .side-nav-inner a span {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.main-nav .side-nav .nav-item .side-nav-inner a .line {
  color: #000;
}
.main-nav .side-nav .nav-item > a i.add-task-list {
  margin: 0;
}
.main-nav .side-nav .nav-item > a span.task-menu-title {
  flex: 1;
}
.main-nav .side-nav .nav-item.active {
  border-radius: 15px;
}
.main-nav .side-nav .nav-item.active.not-opening > a {
  color: #fff;
}
.main-nav .side-nav .nav-item.active > a {
  background: #135FFF;
  color: #fff;
  border-radius: 10px;
}
.main-nav .side-nav .nav-item.active > a > svg {
  fill: #fff;
}
.main-nav .side-nav .nav-item.active > a > i {
  color: #fff;
}
.main-nav .side-nav .nav-item.active > a:hover {
  background: #135FFF;
}
.main-nav .side-nav .nav-item.active > a .arrow-item {
  color: #fff;
}
.main-technology-container {
  margin-left: 24px;
}
.main-technology-container .category-row {
  display: contents;
}
.main-technology-container .category-row {
  display: flex;
  height: 135px;
  margin-bottom: 20px;
}
.main-technology-container .category-container {
  display: flex;
  width: 265px;
  justify-content: space-between;
  margin-right: 20px;
}
.main-technology-container .category-container .category-level {
  flex-direction: column;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-technology-container .category-container .category-level .category-name {
  font-family: "Segoe UI", sans-serif;
  font-size: 20px;
  line-height: 27px;
}
.main-technology-container .category-container .category-level .category-level-display-container {
  display: flex;
}
.main-technology-container .category-container .category-level .level-icon {
  display: inline-block;
  width: 17px;
  height: 10px;
  margin-left: 5px;
}
.main-technology-container .category-container .category-level .level-icon.empty {
  border: 2px solid #000000;
}
.main-technology-container .category-container .category-level .level-icon.filled {
  background-color: #000000;
}
.main-technology-container .category-container .category-level .category-level-display-container span:first-child {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.main-technology-container .category-container .category-level .category-level-display-container span:last-child {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.main-technology-container .category-container .category-select-container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.main-technology-container .category-container .category-select-container .category-select-item {
  border: 1px solid #E9E9E9;
  box-shadow: initial;
  color: #888888;
  height: 30%;
}
.main-technology-container .category-container .category-select-container .category-select-item:active {
  background: #F5F5F5;
  color: #000000;
  border: #707070;
  font-weight: 500;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.16);
}
.main-technology-container .category-item {
  border-radius: 20px;
  font-size: 16px;
  font-style: italic;
  width: 150px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #000000;
  border: #707070;
  font-weight: 500;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.16);
}
.main-technology-container .technology-slider {
  height: 100%;
  border-color: #707070;
  background-color: #F5F5F5;
  margin: 0 -10px;
}
.main-technology-container .technology-slider .technology-item {
  padding: 10px 10px 10px;
  position: relative;
  cursor: pointer;
}
.main-technology-container .technology-slider .technology-item-wrapper {
  background: #FFFFFF;
  min-width: 105px;
  height: 40px;
  border-radius: 20px;
  color: #000000;
  border: #707070;
  font-weight: 500;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.16);
  padding-left: 30px;
  padding-right: 30px;
}
.main-technology-container .technology-slider .technology-item-wrapper .inner {
  font-size: 16px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.technology-container {
  border-radius: 20px;
  display: grid;
  align-content: space-around;
  background-color: #F5F5F5;
  z-index: 1;
  min-height: 135px;
  margin: 0 35px 0 20px;
  position: relative;
}
.technology-container .slider-prev, .technology-container .slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
  color: #000000;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.16);
}
.technology-container .slider-prev {
  left: -15px;
}
.technology-container .slider-next {
  right: -15px;
}
.technology-container:after, .technology-container:before {
  background-color: #F5F5F5;
  width: 20px;
  height: 135px;
  content: "";
  position: absolute;
  z-index: 2;
  overflow: hidden;
}
.technology-container.level2:after, .technology-container.level2:before {
  background-color: #E4FDFF;
}
.technology-container.level3:after, .technology-container.level3:before {
  background-color: #E4FFF3;
}
.technology-container:after {
  right: auto;
  border-radius: 20px 0 0 20px;
}
.technology-container:before {
  right: 0;
  left: auto;
  border-radius: 0 20px 20px 0;
}
.slider-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
.level2 {
  background-color: #E4FDFF !important;
}
.level3 {
  background-color: #E4FFF3 !important;
}
.employee-nested-professions-header {
  justify-content: end;
}
.employees-right-box {
  white-space: nowrap;
  margin-left: 8px;
}
.employees-header {
  justify-content: space-between !important;
  width: 100%;
}
.employee-nested-active-filters {
  width: 100%;
}
.employee-nested-active-filters .input-field {
  margin-right: 0 !important;
}
.employee-technologies-action-box {
  width: 60px;
}
.employee-categories {
  width: 100%;
}
.employee-categories li {
  display: flex;
  padding: 10px;
}
.employee-categories li button {
  display: none;
}
.employee-categories li button.active {
  display: inline-block;
}
.employee-categories .employee-name {
  min-width: 150px;
}
.employee-categories .employee-technology {
  min-width: 150px;
}
.employee-categories .employee-technology .technology-name {
  display: none;
}
.employee-categories .employee-technology .technology-name.active {
  display: block;
}
.employee-categories .employee-technology .technology-select {
  display: none;
}
.employee-categories .employee-technology .technology-select.active {
  display: block;
}
.employee-categories-action-box {
  width: 60px;
}
.employee-professions-action-box .action-button {
  padding: 0 !important;
  line-height: unset;
  margin: auto;
}
.employee-professions-action-box .action-button i {
  font-size: 15px;
}
.employee-professions-action-box .action-button i.icon-svg257 {
  font-weight: 700;
}
.employee-categories {
  width: 100%;
}
.employee-categories li {
  display: flex;
  padding: 10px;
}
.employee-categories li button {
  display: none;
}
.employee-categories li button.active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.employee-categories .employee-name {
  min-width: 150px;
}
.employee-categories .employee-profession {
  min-width: 150px;
}
.employee-categories .employee-profession .category-name {
  display: none;
}
.employee-categories .employee-profession .category-name.active {
  display: block;
}
.employee-categories .employee-profession .category-select {
  display: none;
}
.employee-categories .employee-profession .category-select.active {
  display: block;
}
.employee-vacation-view .form-item-group-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vacation-final-count-modal-wrapper {
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.58);
  display: flex;
  justify-content: center;
  align-items: center;
}
.vacation-final-count-modal-wrapper .task-modal-container {
  width: 400px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 12px;
  color: #000;
}
.vacation-final-count-modal-wrapper .task-modal-container .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E3E4E8;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.vacation-final-count-modal-wrapper .task-modal-container .header .title {
  font-size: 18px;
  font-weight: 700;
}
.vacation-final-count-modal-wrapper .task-modal-container .header .icon {
  padding: 10px;
  cursor: pointer;
}
.vacation-final-count-modal-wrapper .task-modal-container .content {
  font-size: 12px;
  flex: 1;
}
.vacation-final-count-modal-wrapper .task-modal-container .content .input-field {
  font-weight: 700;
}
.vacation-final-count-modal-wrapper .task-modal-container .content .input-field label {
  display: block;
  font-weight: 700;
  position: relative;
}
.vacation-final-count-modal-wrapper .task-modal-container .content .input-field label input {
  margin-top: 5px;
  padding-left: 40px;
  border: 1px solid #9e9e9e;
}
.vacation-final-count-modal-wrapper .task-modal-container .content .input-field label .icon {
  position: relative;
  left: 10px;
  bottom: 29px;
  width: 18px;
  height: 18px;
}
.vacation-final-count-modal-wrapper .task-modal-container .content .form-item {
  border-radius: 7px;
}
.vacation-final-count-modal-wrapper .task-modal-container .content .form-item.view-mode {
  border-left: none;
}
.vacation-final-count-modal-wrapper .task-modal-container .content .form-item:last-child {
  margin-bottom: 0;
}
.vacation-final-count-modal-wrapper .task-modal-container .content .input-field {
  padding: 5px;
}
.vacation-final-count-modal-wrapper .task-modal-container .content .input-field label {
  margin-bottom: 10px;
}
.employees-table .icon-phone {
  font-size: 20px !important;
}
.employees-table .table-row.red li {
  background: #FFF2F4 !important;
}
.employees-table .table-row.red li:hover {
  background: #d1dafb !important;
}
.employees-view-form-items-container .form-item.red {
  background: #ffe1e7;
}
.error-box-wrapper {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -5%;
}
.error-box-wrapper .error-page-title {
  text-align: center;
  margin-top: 10px;
  font-size: 60px;
  font-weight: 500;
  line-height: 50px;
}
.error-box-wrapper .error-page-name {
  text-align: center;
  margin-top: 10px;
  font-size: 29px;
  line-height: 36px;
  font-weight: 400;
}
.error-box-wrapper .error-page-logo-container {
  flex: 1;
  max-height: 100%;
  left: -50px;
  right: -50px;
  position: absolute;
  width: auto;
  font-size: 0;
  line-height: 0;
  height: 100%;
}
.error-box-wrapper .error-page-logo-container img {
  width: 100%;
}
.error-box-wrapper .center-logo {
  z-index: 5;
  margin: auto;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  position: relative;
  max-width: 300px;
}
.error-box-wrapper .center-wave {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  position: absolute;
  display: flex;
  align-items: center;
}
.error-page-footer {
  font-size: 15px;
  text-align: center;
  margin-bottom: 1%;
}
@media screen and (max-width: 1024px) {
  .error-page-footer {
    margin-top: 50px;
    margin-bottom: 0;
  }
}
.sync-button-container {
  margin-left: 8px;
}
.monitoring-environments-seo-configs {
  width: 30%;
  display: inline-block;
}
.multiple-input {
  vertical-align: middle;
  border-radius: 3px;
  padding: 4px 13px 4px 10px;
  font-size: 14px;
  font-weight: 500;
  background-color: #e2e8f0;
  color: #2d3748;
  word-break: initial;
  box-sizing: border-box;
  position: relative;
  line-height: 15px;
  margin: 7px 5px 0 0;
  border: none;
  height: auto;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  max-width: 250px;
}
.multiple-input .multiple-input-text-value {
  max-width: 155px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiple-input-close-icon.icon-close1 {
  text-align: right;
  cursor: pointer;
  font-size: 8px;
  margin-left: 10px;
}
/*--------CheckBox---------*/
.custom-checkbox {
  min-height: 18px;
  padding-left: 0;
  position: relative;
}
.custom-checkbox .custom-control-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 100;
  opacity: 0;
}
.custom-checkbox .custom-control-label {
  padding-left: 20px;
  position: relative;
}
.custom-checkbox .custom-control-label:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background: transparent;
  border: 1px solid #C8CCD6;
  border-radius: 4px;
}
.custom-checkbox .custom-control-label:after {
  position: absolute;
  content: "";
  font-family: "icomoon" !important;
  left: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 19px;
  height: 19px;
  text-align: center;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  background: transparent;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  content: "";
}
.calendar-content-wrapper {
  height: 100%;
  width: calc(100% - 10px);
}
.calendar-content-wrapper .g-content-item-inner {
  height: 100%;
}
.calendar-container {
  display: flex;
  flex-direction: column;
  margin: 0 10px 10px;
  position: relative;
  width: fit-content;
  min-width: 100%;
  padding-right: 5px;
}
.calendar-container .calendar-wrapper {
  display: table;
  padding: 0 0 50px 0;
}
.calendar-container .data-row {
  display: table-row;
}
.calendar-container .header-month-row {
  display: flex !important;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 20;
}
.calendar-container .header-month-row.header-week-row {
  top: 40px;
}
.calendar-container .header-row {
  border-top: 1px solid #3C97DC !important;
  display: table-row;
  position: sticky;
  top: 54px;
  z-index: 13;
  background-color: #fff;
}
.calendar-container .header-week-element {
  border-bottom: 1px solid #031231;
  margin-left: 2px;
  font-size: 10px;
  line-height: 13px;
  color: #7A7B80;
  font-weight: 600;
}
.calendar-container .cell-inner-wrapper:hover {
  cursor: pointer;
}
.calendar-container .image-element {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 32px;
}
.calendar-container .image-element img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.calendar-container .header-cell {
  min-width: 49px;
  min-height: 55px;
  display: table-cell;
  box-sizing: border-box;
}
.calendar-container .header-cell .day-of-month-container {
  border-left: 1px solid #D3D3D5;
  background-color: #F4F5F9;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #031231;
  height: 38px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
}
.calendar-container .header-cell .day-abbr {
  background-color: #E7EAF0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 12px;
  line-height: 14px;
  border-left: 1px solid #D3D3D5;
  height: 28px;
  padding-top: 10px;
}
.calendar-container .header-cell.weekend .day-abbr {
  background-color: #EBF3F0;
}
.calendar-container .header-cell.public-holiday .day .inner {
  color: #EC0303;
}
.calendar-container .header-cell.today .day .inner {
  color: #fff;
  background: #135FFF;
  border-radius: 50%;
  padding: 5px 7px;
}
.calendar-container .header-cell.public-holiday.today .day .inner {
  color: #EC0303;
  background: #fff;
}
.calendar-container .row-header {
  width: 100px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-right: 1px solid black;
  background-color: lightgray;
}
.calendar-container .row-header {
  border-left: 1px solid black;
}
.calendar-container .data-cell {
  display: table-cell;
  height: 55px;
  box-sizing: border-box;
  border-left: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  vertical-align: top;
}
.calendar-container .data-row .data-cell:last-child {
  border-right: 1px solid #D3D3D5;
}
.calendar-container .header-row .header-cell:last-child {
  border-right: 1px solid #D3D3D5;
}
.calendar-container .header-row .header-cell:first-child {
  border-left: 1px solid #D3D3D5;
}
.calendar-container .header-row .header-cell:first-child .day-abbr, .calendar-container .header-row .header-cell:first-child .day-of-month-container {
  border: 0;
}
.calendar-container .public-holiday {
  background-color: #FFF9F9;
}
.calendar-container .weekend {
  background-color: #F8F9FB;
}
.calendar-container .cell-inner-wrapper {
  height: 48px;
  display: flex;
  align-items: center;
  position: relative;
}
.calendar-container .cell-inner-wrapper:hover .cell-inner-container {
  z-index: 13;
  box-shadow: 3px 3px 11px 0 rgba(0, 66, 133, 0.15);
}
.calendar-container .cell-inner-wrapper:hover.first-day::before {
  z-index: 14;
}
.calendar-container .cell-inner-wrapper .cell-inner-container {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 10;
  background: #F2F6FE;
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 3px 3px 11px 0 rgba(0, 66, 133, 0.07);
}
.calendar-container .cell-inner-wrapper.first-day .cell-inner-container {
  padding-left: 10px;
}
.calendar-container .cell-inner-wrapper.first-day::before {
  content: "";
  display: inline-block;
  width: 4px;
  border-radius: 8px;
  height: 100%;
  margin-right: 4px;
  z-index: 12;
  background-color: #135FFF;
}
.calendar-container .cell-inner-wrapper.request-pending.first-day::before, .calendar-container .cell-inner-wrapper.vacation-pending.first-day::before {
  background-color: #FFB968;
}
.calendar-container .cell-inner-wrapper.request-pending .cell-inner-container, .calendar-container .cell-inner-wrapper.vacation-pending .cell-inner-container {
  background-color: #FEF0E1;
}
.calendar-container .cell-inner-wrapper.vacation-approved.first-day::before {
  background-color: #32E296;
}
.calendar-container .cell-inner-wrapper.vacation-approved .cell-inner-container {
  background-color: #DCF8EB;
}
.calendar-container .cell-inner-wrapper.vacation-ongoing .cell-inner-container {
  background-color: #E2EAFB;
}
.calendar-container .cell-inner-wrapper.vacation-ongoing.first-day::before {
  background-color: #135FFF;
}
.calendar-container .cell-inner-wrapper.vacation-rejected.first-day::before, .calendar-container .cell-inner-wrapper.vacation-canceled.first-day::before {
  background-color: #FF9F9F;
}
.calendar-container .cell-inner-wrapper.vacation-rejected .cell-inner-container, .calendar-container .cell-inner-wrapper.vacation-canceled .cell-inner-container {
  background-color: #FCEBEB;
}
.calendar-container .cell-inner-wrapper.vacation-sick_day.first-day::before {
  background-color: #EF69E2;
}
.calendar-container .cell-inner-wrapper.vacation-sick_day .cell-inner-container {
  background-color: #FFF1FE;
}
.calendar-container .cell-inner-wrapper.last-day.first-day .cell-inner-container {
  width: 100%;
  flex-direction: column;
}
.calendar-container .cell-inner-wrapper.last-day.first-day .cell-inner-container .info-element {
  padding-right: 12px;
}
.calendar-container .cell-inner-wrapper.last-day.first-day .image-element {
  width: 22px;
  flex: 0 0 22px;
  height: 22px;
}
.calendar-container .cell-inner-wrapper.last-day.first-day .name-element {
  padding-top: 3px;
}
.calendar-container .cell-inner-wrapper .multiple-days-info-element {
  padding-left: 12px;
  padding-right: 12px;
  flex: 1;
  max-width: calc(100% - 32px);
}
.calendar-container .header-row + .data-row .data-cell {
  border-top: 1px solid #D3D3D5;
}
.calendar-container .data-content {
  font-weight: bold;
  min-height: 23px;
  position: relative;
}
.calendar-container .name-element {
  line-height: 20px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-weight: 700;
}
.calendar-container .date-element {
  font-size: 12px;
  line-height: 15px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  padding-top: 3px;
}
.calendar-container .no-name .status {
  margin-top: 16px;
}
.calendar-container .even-month {
  background-color: #E0E6F0 !important;
}
.calendar-container .header-month-element {
  padding-top: 9px;
  padding-bottom: 9px;
  text-align: center;
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
}
.element-edit-container {
  color: black;
  width: 295px;
  background-color: white;
  border-radius: 13px;
  padding: 14px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #E9E9E9;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  z-index: 15;
}
.element-edit-container .header {
  display: flex;
  margin-bottom: 10px;
}
.element-edit-container .dates-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: baseline;
  margin-top: 15px;
  margin-bottom: 15px;
}
.element-edit-container .dates-container .date-container {
  display: flex;
  align-items: center;
}
.element-edit-container .dates-container .date-container .header {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #7A7B80;
  margin-bottom: 0;
}
.element-edit-container .dates-container .date-container .inner {
  margin-left: 9px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.element-edit-container .element-name-container {
  display: flex;
  justify-content: center;
  height: 32px;
  padding-left: 10px;
  flex-direction: column;
}
.element-edit-container .element-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  max-height: 40px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  justify-content: center;
}
.element-edit-container .element-actions-container {
  align-items: center;
  display: flex;
  margin-top: 20px;
  margin-bottom: 5px;
}
.element-edit-container .approve-button, .element-edit-container .reject-button {
  margin-right: 14px;
  width: 95px;
  height: 30px;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  cursor: pointer;
}
.element-edit-container .approve-button {
  background-color: #19E341;
  color: white;
}
.element-edit-container .reject-button {
  color: #031231;
  background-color: #D3D3D5;
}
.element-edit-container .element-status {
  margin-bottom: 20px;
}
.element-edit-container .status-header {
  margin-top: 15px;
  line-height: 16px;
  font-size: 12px;
  color: #7A7B80;
}
.element-edit-container .status-header .inner {
  color: black;
}
.element-edit-container .status-info-container {
  margin-top: 14px;
  display: flex;
  align-items: center;
}
.element-edit-container .status-info-container .inner {
  max-height: 20px;
  margin-left: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}
.element-edit-container .status-info-container .image-element {
  height: 24px;
  width: 24px;
  flex: 0 0 24px;
}
.element-edit-container .status-info-container .icons-box {
  top: auto;
  margin-top: -5px;
}
.element-edit-container .status-info-container .icons-box .icon-tooltip {
  color: #888888 !important;
}
.element-edit-container .hover-container {
  max-width: 150px;
  display: none;
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 3;
}
.element-edit-container .status-header:hover .hover-container {
  display: block;
}
.element-edit-container .element-information-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 14px;
}
.element-edit-container .element-information-container .information-wrapper {
  display: flex;
  font-size: 12px;
  line-height: 16px;
}
.element-edit-container .element-information-container .information-wrapper .inner {
  overflow: hidden;
  padding-left: 5px;
  font-weight: 700;
}
.element-edit-container .separator {
  border-top: 1px solid #DFDFDF;
}
.element-edit-container .separator:last-child {
  margin-top: 14px;
  border-top: 1px solid #DFDFDF;
}
.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.calendar-header .tempo-filter-container {
  flex-wrap: initial !important;
}
.calendar-header .left-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap !important;
}
.calendar-header .right-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap !important;
}
.calendar-header .spacer {
  flex-grow: 1;
}
.calendar-header .status-container {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 5px;
}
.calendar-header .status-container .inner {
  font-weight: 700;
  white-space: nowrap;
}
.calendar-header .status-container .choices {
  margin-bottom: 0;
  margin-left: 10px;
}
.calendar-header .second-part {
  width: 100%;
}
.calendar-header .second-part .search-wrapper {
  display: flex;
  width: 100%;
  padding-right: 6px;
}
.calendar-header .second-part .search-wrapper .search-container {
  width: 100%;
  justify-content: start;
}
.calendar-header .second-part .search-wrapper .search-container .search-text-container {
  margin-top: 0 !important;
}
.calendar-header .addItemBtn {
  margin: 0 0 0 10px !important;
}
.calendar-page-content-box {
  background-color: white;
  overflow-y: auto;
  border: 1px solid #D3D3D5;
  border-radius: 12px 12px 0 0;
}
@media (max-width: 765px) {
  .calendar-header .right-box {
    justify-content: center;
  }
  .calendar-header .search-container {
    flex: none !important;
  }
}
.calendar-date-picker {
  display: block !important;
}
.daterangepicker {
  padding-top: 10px;
}
.daterangepicker .ranges li {
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: #000000;
  font-weight: 600;
}
.daterangepicker .ranges li:hover {
  background-color: #F2F6FE !important;
  border-radius: 8px;
}
.daterangepicker .ranges li.active {
  background-color: #F2F6FE !important;
  color: #135FFF !important;
}
.daterangepicker .drp-calendar td.in-range {
  background-color: #F2F6FE;
  color: #135FFF !important;
}
.daterangepicker .drp-calendar td.start-date:not(.off), .daterangepicker .drp-calendar td.end-date:not(.off) {
  background-color: #135FFF !important;
  color: #fff !important;
}
.daterangepicker .calendar-table td {
  width: 35px !important;
  height: 35px !important;
  font-size: 10px !important;
  font-weight: 700;
}
.daterangepicker .drp-buttons {
  padding: 12px !important;
}
.daterangepicker .applyBtn, .daterangepicker .cancelBtn {
  border-radius: 4px;
  font-size: 14px !important;
  line-height: 20px;
  height: 38px;
  width: 100px;
  text-align: center;
  margin-right: 5px;
}
.daterangepicker .applyBtn {
  background-color: #2C4AE1 !important;
  color: #fff !important;
}
.daterangepicker .cancelBtn {
  color: #135FFF !important;
  background-color: #F4F7FE;
  border: 1px solid #E3ECFF;
}
.daterangepicker.opensleft:after, .daterangepicker.opensleft:before {
  display: none !important;
}
.tempo-filter-container .choices, .tempo-filter-container .choices[data-type*="select-multiple"], .tempo-filter-container .choices[data-type*="text"], .filter-container .choices, .filter-container .choices[data-type*="select-multiple"], .filter-container .choices[data-type*="text"], .task-filter-container .choices, .task-filter-container .choices[data-type*="select-multiple"], .task-filter-container .choices[data-type*="text"] {
  position: relative;
  border: 1px solid #ababab;
  border-radius: 7px;
  max-height: 38px;
  overflow: hidden;
}
.tempo-filter-container .choices.is-fill .choices__inner, .tempo-filter-container .choices[data-type*="select-multiple"].is-fill .choices__inner, .tempo-filter-container .choices[data-type*="text"].is-fill .choices__inner, .filter-container .choices.is-fill .choices__inner, .filter-container .choices[data-type*="select-multiple"].is-fill .choices__inner, .filter-container .choices[data-type*="text"].is-fill .choices__inner, .task-filter-container .choices.is-fill .choices__inner, .task-filter-container .choices[data-type*="select-multiple"].is-fill .choices__inner, .task-filter-container .choices[data-type*="text"].is-fill .choices__inner {
  max-height: 37px;
  overflow: hidden;
  padding: 0 10px;
}
.tempo-filter-container .choices.is-fill .choices__inner .choices__input, .tempo-filter-container .choices[data-type*="select-multiple"].is-fill .choices__inner .choices__input, .tempo-filter-container .choices[data-type*="text"].is-fill .choices__inner .choices__input, .filter-container .choices.is-fill .choices__inner .choices__input, .filter-container .choices[data-type*="select-multiple"].is-fill .choices__inner .choices__input, .filter-container .choices[data-type*="text"].is-fill .choices__inner .choices__input, .task-filter-container .choices.is-fill .choices__inner .choices__input, .task-filter-container .choices[data-type*="select-multiple"].is-fill .choices__inner .choices__input, .task-filter-container .choices[data-type*="text"].is-fill .choices__inner .choices__input {
  display: none;
}
.tempo-filter-container .choices.is-fill .choices__list--multiple, .tempo-filter-container .choices[data-type*="select-multiple"].is-fill .choices__list--multiple, .tempo-filter-container .choices[data-type*="text"].is-fill .choices__list--multiple, .filter-container .choices.is-fill .choices__list--multiple, .filter-container .choices[data-type*="select-multiple"].is-fill .choices__list--multiple, .filter-container .choices[data-type*="text"].is-fill .choices__list--multiple, .task-filter-container .choices.is-fill .choices__list--multiple, .task-filter-container .choices[data-type*="select-multiple"].is-fill .choices__list--multiple, .task-filter-container .choices[data-type*="text"].is-fill .choices__list--multiple {
  padding-top: 4px;
  overflow: hidden;
  align-items: center;
  height: 38px;
  width: calc(100% - 66px);
}
.tempo-filter-container .choices.is-open[data-type="select-one"] .choices__inner, .tempo-filter-container .choices[data-type*="select-multiple"].is-open[data-type="select-one"] .choices__inner, .tempo-filter-container .choices[data-type*="text"].is-open[data-type="select-one"] .choices__inner, .filter-container .choices.is-open[data-type="select-one"] .choices__inner, .filter-container .choices[data-type*="select-multiple"].is-open[data-type="select-one"] .choices__inner, .filter-container .choices[data-type*="text"].is-open[data-type="select-one"] .choices__inner, .task-filter-container .choices.is-open[data-type="select-one"] .choices__inner, .task-filter-container .choices[data-type*="select-multiple"].is-open[data-type="select-one"] .choices__inner, .task-filter-container .choices[data-type*="text"].is-open[data-type="select-one"] .choices__inner {
  padding: 0 32px 0 12px;
}
.tempo-filter-container .choices[data-type="select-one"] .choices__inner, .tempo-filter-container .choices[data-type*="select-multiple"][data-type="select-one"] .choices__inner, .tempo-filter-container .choices[data-type*="text"][data-type="select-one"] .choices__inner, .filter-container .choices[data-type="select-one"] .choices__inner, .filter-container .choices[data-type*="select-multiple"][data-type="select-one"] .choices__inner, .filter-container .choices[data-type*="text"][data-type="select-one"] .choices__inner, .task-filter-container .choices[data-type="select-one"] .choices__inner, .task-filter-container .choices[data-type*="select-multiple"][data-type="select-one"] .choices__inner, .task-filter-container .choices[data-type*="text"][data-type="select-one"] .choices__inner {
  min-height: 36px;
}
.tempo-filter-container .choices.is-open, .tempo-filter-container .choices[data-type*="select-multiple"].is-open, .tempo-filter-container .choices[data-type*="text"].is-open, .filter-container .choices.is-open, .filter-container .choices[data-type*="select-multiple"].is-open, .filter-container .choices[data-type*="text"].is-open, .task-filter-container .choices.is-open, .task-filter-container .choices[data-type*="select-multiple"].is-open, .task-filter-container .choices[data-type*="text"].is-open {
  border: none;
  overflow: visible;
}
.tempo-filter-container .choices.is-open .choices__inner, .tempo-filter-container .choices[data-type*="select-multiple"].is-open .choices__inner, .tempo-filter-container .choices[data-type*="text"].is-open .choices__inner, .filter-container .choices.is-open .choices__inner, .filter-container .choices[data-type*="select-multiple"].is-open .choices__inner, .filter-container .choices[data-type*="text"].is-open .choices__inner, .task-filter-container .choices.is-open .choices__inner, .task-filter-container .choices[data-type*="select-multiple"].is-open .choices__inner, .task-filter-container .choices[data-type*="text"].is-open .choices__inner {
  max-height: initial;
  overflow: auto;
  padding: 38px 10px 0;
  border: 1px solid #ababab;
  border-radius: 7px 7px 0 0;
  border-bottom: none;
  position: relative;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  z-index: 1;
}
.tempo-filter-container .choices.is-open .choices__inner .choices__item, .tempo-filter-container .choices[data-type*="select-multiple"].is-open .choices__inner .choices__item, .tempo-filter-container .choices[data-type*="text"].is-open .choices__inner .choices__item, .filter-container .choices.is-open .choices__inner .choices__item, .filter-container .choices[data-type*="select-multiple"].is-open .choices__inner .choices__item, .filter-container .choices[data-type*="text"].is-open .choices__inner .choices__item, .task-filter-container .choices.is-open .choices__inner .choices__item, .task-filter-container .choices[data-type*="select-multiple"].is-open .choices__inner .choices__item, .task-filter-container .choices[data-type*="text"].is-open .choices__inner .choices__item {
  max-width: 100%;
  white-space: inherit;
}
.tempo-filter-container .choices.is-open .choices__inner .choices__input, .tempo-filter-container .choices[data-type*="select-multiple"].is-open .choices__inner .choices__input, .tempo-filter-container .choices[data-type*="text"].is-open .choices__inner .choices__input, .filter-container .choices.is-open .choices__inner .choices__input, .filter-container .choices[data-type*="select-multiple"].is-open .choices__inner .choices__input, .filter-container .choices[data-type*="text"].is-open .choices__inner .choices__input, .task-filter-container .choices.is-open .choices__inner .choices__input, .task-filter-container .choices[data-type*="select-multiple"].is-open .choices__inner .choices__input, .task-filter-container .choices[data-type*="text"].is-open .choices__inner .choices__input {
  display: block;
}
.tempo-filter-container .choices.is-open .choices__list--multiple, .tempo-filter-container .choices[data-type*="select-multiple"].is-open .choices__list--multiple, .tempo-filter-container .choices[data-type*="text"].is-open .choices__list--multiple, .filter-container .choices.is-open .choices__list--multiple, .filter-container .choices[data-type*="select-multiple"].is-open .choices__list--multiple, .filter-container .choices[data-type*="text"].is-open .choices__list--multiple, .task-filter-container .choices.is-open .choices__list--multiple, .task-filter-container .choices[data-type*="select-multiple"].is-open .choices__list--multiple, .task-filter-container .choices[data-type*="text"].is-open .choices__list--multiple {
  width: 100%;
  height: initial;
}
.tempo-filter-container .choices.is-open .choices__list--multiple .choices__item, .tempo-filter-container .choices[data-type*="select-multiple"].is-open .choices__list--multiple .choices__item, .tempo-filter-container .choices[data-type*="text"].is-open .choices__list--multiple .choices__item, .filter-container .choices.is-open .choices__list--multiple .choices__item, .filter-container .choices[data-type*="select-multiple"].is-open .choices__list--multiple .choices__item, .filter-container .choices[data-type*="text"].is-open .choices__list--multiple .choices__item, .task-filter-container .choices.is-open .choices__list--multiple .choices__item, .task-filter-container .choices[data-type*="select-multiple"].is-open .choices__list--multiple .choices__item, .task-filter-container .choices[data-type*="text"].is-open .choices__list--multiple .choices__item {
  max-width: 100%;
}
.tempo-filter-container .choices.is-open .choices__list--dropdown, .tempo-filter-container .choices[data-type*="select-multiple"].is-open .choices__list--dropdown, .tempo-filter-container .choices[data-type*="text"].is-open .choices__list--dropdown, .filter-container .choices.is-open .choices__list--dropdown, .filter-container .choices[data-type*="select-multiple"].is-open .choices__list--dropdown, .filter-container .choices[data-type*="text"].is-open .choices__list--dropdown, .task-filter-container .choices.is-open .choices__list--dropdown, .task-filter-container .choices[data-type*="select-multiple"].is-open .choices__list--dropdown, .task-filter-container .choices[data-type*="text"].is-open .choices__list--dropdown {
  border: 1px solid #ababab;
  border-top: none;
}
.tempo-filter-container .choices.is-open .choices__list--dropdown .choices__list, .tempo-filter-container .choices[data-type*="select-multiple"].is-open .choices__list--dropdown .choices__list, .tempo-filter-container .choices[data-type*="text"].is-open .choices__list--dropdown .choices__list, .filter-container .choices.is-open .choices__list--dropdown .choices__list, .filter-container .choices[data-type*="select-multiple"].is-open .choices__list--dropdown .choices__list, .filter-container .choices[data-type*="text"].is-open .choices__list--dropdown .choices__list, .task-filter-container .choices.is-open .choices__list--dropdown .choices__list, .task-filter-container .choices[data-type*="select-multiple"].is-open .choices__list--dropdown .choices__list, .task-filter-container .choices[data-type*="text"].is-open .choices__list--dropdown .choices__list {
  border-top: none;
}
.tempo-filter-container .choices.is-open .selected-options-count, .tempo-filter-container .choices[data-type*="select-multiple"].is-open .selected-options-count, .tempo-filter-container .choices[data-type*="text"].is-open .selected-options-count, .filter-container .choices.is-open .selected-options-count, .filter-container .choices[data-type*="select-multiple"].is-open .selected-options-count, .filter-container .choices[data-type*="text"].is-open .selected-options-count, .task-filter-container .choices.is-open .selected-options-count, .task-filter-container .choices[data-type*="select-multiple"].is-open .selected-options-count, .task-filter-container .choices[data-type*="text"].is-open .selected-options-count {
  display: none;
}
.tempo-filter-container .choices .selected-options-count, .tempo-filter-container .choices[data-type*="select-multiple"] .selected-options-count, .tempo-filter-container .choices[data-type*="text"] .selected-options-count, .filter-container .choices .selected-options-count, .filter-container .choices[data-type*="select-multiple"] .selected-options-count, .filter-container .choices[data-type*="text"] .selected-options-count, .task-filter-container .choices .selected-options-count, .task-filter-container .choices[data-type*="select-multiple"] .selected-options-count, .task-filter-container .choices[data-type*="text"] .selected-options-count {
  position: absolute;
  top: 7px;
  right: 25px;
  width: 50px;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
}
.tempo-filter-container .choices .selected-options-count .count, .tempo-filter-container .choices[data-type*="select-multiple"] .selected-options-count .count, .tempo-filter-container .choices[data-type*="text"] .selected-options-count .count, .filter-container .choices .selected-options-count .count, .filter-container .choices[data-type*="select-multiple"] .selected-options-count .count, .filter-container .choices[data-type*="text"] .selected-options-count .count, .task-filter-container .choices .selected-options-count .count, .task-filter-container .choices[data-type*="select-multiple"] .selected-options-count .count, .task-filter-container .choices[data-type*="text"] .selected-options-count .count {
  width: 23px;
  height: 23px;
  background: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-left: 10px;
}
.tempo-filter-container .choices .choices__inner, .tempo-filter-container .choices[data-type*="select-multiple"] .choices__inner, .tempo-filter-container .choices[data-type*="text"] .choices__inner, .filter-container .choices .choices__inner, .filter-container .choices[data-type*="select-multiple"] .choices__inner, .filter-container .choices[data-type*="text"] .choices__inner, .task-filter-container .choices .choices__inner, .task-filter-container .choices[data-type*="select-multiple"] .choices__inner, .task-filter-container .choices[data-type*="text"] .choices__inner {
  align-items: center;
  overflow-x: hidden;
  border: none;
  position: relative;
}
.tempo-filter-container .choices .choices__inner .choices__input, .tempo-filter-container .choices[data-type*="select-multiple"] .choices__inner .choices__input, .tempo-filter-container .choices[data-type*="text"] .choices__inner .choices__input, .filter-container .choices .choices__inner .choices__input, .filter-container .choices[data-type*="select-multiple"] .choices__inner .choices__input, .filter-container .choices[data-type*="text"] .choices__inner .choices__input, .task-filter-container .choices .choices__inner .choices__input, .task-filter-container .choices[data-type*="select-multiple"] .choices__inner .choices__input, .task-filter-container .choices[data-type*="text"] .choices__inner .choices__input {
  position: absolute;
  padding: 10px 20px !important;
  width: 100% !important;
  height: 37px;
  line-height: 37px;
  margin: 0;
  top: 0;
  left: 0;
}
.tempo-filter-container .choices .choices__list, .tempo-filter-container .choices[data-type*="select-multiple"] .choices__list, .tempo-filter-container .choices[data-type*="text"] .choices__list, .filter-container .choices .choices__list, .filter-container .choices[data-type*="select-multiple"] .choices__list, .filter-container .choices[data-type*="text"] .choices__list, .task-filter-container .choices .choices__list, .task-filter-container .choices[data-type*="select-multiple"] .choices__list, .task-filter-container .choices[data-type*="text"] .choices__list {
  position: relative;
}
.tempo-filter-container .choices .choices__list .choices__item, .tempo-filter-container .choices[data-type*="select-multiple"] .choices__list .choices__item, .tempo-filter-container .choices[data-type*="text"] .choices__list .choices__item, .filter-container .choices .choices__list .choices__item, .filter-container .choices[data-type*="select-multiple"] .choices__list .choices__item, .filter-container .choices[data-type*="text"] .choices__list .choices__item, .task-filter-container .choices .choices__list .choices__item, .task-filter-container .choices[data-type*="select-multiple"] .choices__list .choices__item, .task-filter-container .choices[data-type*="text"] .choices__list .choices__item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tempo-filter-container .choices .choices__list--multiple, .tempo-filter-container .choices[data-type*="select-multiple"] .choices__list--multiple, .tempo-filter-container .choices[data-type*="text"] .choices__list--multiple, .filter-container .choices .choices__list--multiple, .filter-container .choices[data-type*="select-multiple"] .choices__list--multiple, .filter-container .choices[data-type*="text"] .choices__list--multiple, .task-filter-container .choices .choices__list--multiple, .task-filter-container .choices[data-type*="select-multiple"] .choices__list--multiple, .task-filter-container .choices[data-type*="text"] .choices__list--multiple {
  padding-bottom: 5px;
}
.tempo-filter-container .choices .choices__list--multiple .choices__item, .tempo-filter-container .choices[data-type*="select-multiple"] .choices__list--multiple .choices__item, .tempo-filter-container .choices[data-type*="text"] .choices__list--multiple .choices__item, .filter-container .choices .choices__list--multiple .choices__item, .filter-container .choices[data-type*="select-multiple"] .choices__list--multiple .choices__item, .filter-container .choices[data-type*="text"] .choices__list--multiple .choices__item, .task-filter-container .choices .choices__list--multiple .choices__item, .task-filter-container .choices[data-type*="select-multiple"] .choices__list--multiple .choices__item, .task-filter-container .choices[data-type*="text"] .choices__list--multiple .choices__item {
  max-width: min(100%, 100px);
  display: inline-block;
}
.tempo-filter-container .choices .choices__list--single .choices__item, .tempo-filter-container .choices[data-type*="select-multiple"] .choices__list--single .choices__item, .tempo-filter-container .choices[data-type*="text"] .choices__list--single .choices__item, .filter-container .choices .choices__list--single .choices__item, .filter-container .choices[data-type*="select-multiple"] .choices__list--single .choices__item, .filter-container .choices[data-type*="text"] .choices__list--single .choices__item, .task-filter-container .choices .choices__list--single .choices__item, .task-filter-container .choices[data-type*="select-multiple"] .choices__list--single .choices__item, .task-filter-container .choices[data-type*="text"] .choices__list--single .choices__item {
  padding: 2px 0;
}
.choices .choices__list--single .choices__item, .choices[data-type*="select-multiple"] .choices__list--single .choices__item, .choices[data-type*="text"] .choices__list--single .choices__item {
  padding: 2px 0;
}
.choices .choices__inner .choices__input, .choices[data-type*="select-multiple"] .choices__inner .choices__input, .choices[data-type*="text"] .choices__inner .choices__input {
  line-height: 37px;
}
.books-header.button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.books-header.button-container .left-part .book-search-container {
  position: relative;
}
.books-header.button-container .left-part .book-search-container .book-search {
  padding: 5px 40px 5px 13px;
  width: 240px;
  height: 44px;
  border: 1px solid #DEDEDE;
  border-radius: 8px;
}
.books-header.button-container .left-part .book-search-container .search-icon {
  cursor: pointer;
  padding: 3px;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.books-header.button-container .right-part .buttons-wrapper {
  width: 275px;
  height: 45px;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  color: #636363;
  font-size: 16px;
}
.books-header.button-container .right-part .buttons-wrapper .button {
  color: inherit;
  height: 100%;
  width: 50%;
  border-radius: 8px;
  overflow: hidden;
  float: left;
}
.books-header.button-container .right-part .buttons-wrapper .button.show-all-book-button {
  border-right: solid 1px transparent;
}
.books-header.button-container .right-part .buttons-wrapper .button.show-return-book-button {
  border-left: solid 1px transparent;
}
.books-header.button-container .right-part .buttons-wrapper .button.active {
  color: #2D57EC;
  background: #ffffff;
}
.books-header.button-container .right-part .buttons-wrapper .button.active.show-all-book-button {
  border-color: #DEDEDE;
}
.books-header.button-container .right-part .buttons-wrapper .button.active.show-return-book-button {
  border-color: #DEDEDE;
}
.book-list-container .category-container {
  padding: 0 15px;
  width: 240px;
  height: calc(100vh - 180px);
  border: solid #DEDEDE 1px;
  border-radius: 7px;
  z-index: 1;
  background: #ffffff;
  overflow: hidden;
  margin-top: 10px;
}
.book-list-container .category-container .category-header {
  min-height: 45px;
  display: flex;
  align-items: center;
  color: #2D57EC;
}
.book-list-container .category-container .category-header .title {
  font-size: 18px;
  margin-left: 18px;
}
.book-list-container .category-container .category-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-height: 0;
}
.book-list-container .category-container .category-content .divider {
  width: 210px;
  height: 1px;
  border-top: 1px solid #b4b4b4;
  margin-bottom: 25px;
}
.book-list-container .category-container .category-content .category-list-container {
  width: 100%;
}
.book-list-container .category-container .category-content .category-list-container .category-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.book-list-container .category-container .category-content .category-list-container .category-item .category-item-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.book-list-container .category-container .category-content .category-list-container .category-item .category-item-wrapper input[type=checkbox] {
  width: 17px;
  height: 17px;
}
.book-list-container .category-container .category-content .category-list-container .category-item .category-item-wrapper .category-title {
  user-select: none;
  margin-left: 17px;
  font-size: 16px;
}
.book-list-container .list-wrapper {
  position: relative;
}
.book-list-container .list-wrapper .books-wrapper {
  position: relative;
  width: 100%;
  display: flex;
}
.book-list-container .list-wrapper .books-wrapper .books-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  height: calc(100vh - 180px);
  padding-top: 10px;
  overflow-y: auto;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container {
  position: relative;
  margin: 0 0 25px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 250px;
  height: 335px;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(112, 112, 112, 0.16);
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .new-book {
  position: absolute;
  top: -10px;
  right: 20px;
  font-size: 12px;
  background: #6584F1;
  border-radius: 7px;
  color: #fff;
  width: 36px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .book-info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  cursor: pointer;
  margin: 20px 0 10px;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .book-info-container .book-image {
  width: 169px;
  height: 189px;
  object-fit: contain;
  margin-bottom: 10px;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .book-info-container .book-title {
  padding: 0 28px;
  flex: 1;
  width: 100%;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  line-height: 1.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .book-info-container .book-title .book-author {
  font-weight: bold;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .book-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .book-actions a {
  width: 215px;
  height: 40px;
  font-size: 16px;
  color: #FFFFFF;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .book-actions a.return-button {
  background-color: #DBB703;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .book-actions a.unavailable-button {
  background-color: #C1C1C1;
  color: #636363;
  cursor: default;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .book-actions a.assign-button {
  background-color: #2D57EC;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .additional-text {
  position: absolute;
  bottom: 0;
  font-size: 12px;
  color: #636363;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .additional-text span {
  margin-left: 5px;
  font-weight: bold;
  color: #2D57EC;
}
.book-list-container .list-wrapper .books-wrapper .books-container .book-item-container .user-name {
  color: #636363;
  position: absolute;
  top: 0;
  left: 7px;
}
.modal-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
.modal-wrapper .book-view-modal {
  padding: 20px;
  width: 600px;
  height: 360px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.modal-wrapper .book-view-modal .close-modal-btn {
  position: absolute;
  top: 5px;
  right: 5px;
}
.modal-wrapper .book-view-modal .content {
  width: 100%;
  height: 260px;
  margin: 20px 0 20px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
}
.modal-wrapper .book-view-modal .content .book-image {
  width: 30%;
  object-fit: cover;
}
.modal-wrapper .book-view-modal .content .book-info {
  width: 90%;
  color: #000;
  margin-left: 15px;
}
.modal-wrapper .book-view-modal .content .book-info .book-title {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}
.modal-wrapper .book-view-modal .content .book-info .book-description {
  width: 100%;
  font-size: 14px;
  height: 190px;
  overflow: auto;
  padding-right: 10px;
}
.modal-wrapper .book-view-modal .button {
  width: 360px;
  height: 50px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-size: 18px;
}
.modal-wrapper .book-view-modal .assign-button {
  background: #2D57EC;
}
.modal-wrapper .book-view-modal .return-button {
  background: #DBB703;
}
.modal-wrapper .book-view-modal .unavailable-button {
  background: #636363;
  cursor: inherit;
}
.tempo-tasks-list .table-container {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.tempo-tasks-list .table-container.active {
  width: calc(100% - 404px);
}
.tempo-tasks-list .table-container .tempo-table {
  display: table;
  position: relative;
  overflow: auto;
  max-height: 100%;
  max-width: 100%;
  padding-bottom: 50px;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks {
  padding-bottom: 0;
  height: 100%;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell {
  padding: 10px 10px 2px;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.today {
  border-bottom: none;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 8px;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .wrapper .time-container {
  font-size: 14px;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .wrapper .time-container .planed, .tempo-tasks-list .table-container .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .wrapper .time-container .log {
  font-weight: 700;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .divider {
  width: 100%;
  border-radius: 2px;
  height: 4px;
  background: #bbb;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .divider .percent {
  height: 100%;
  border-radius: 2px;
  background: #32E296;
  width: 0;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings {
  padding-bottom: 35px;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row {
  height: 104px;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-wrapper:hover .task-footer .log-time-wrapper {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table.my-tasks .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-wrapper:hover .task-footer .editable-container {
  display: flex;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group {
  position: sticky;
  top: 0;
  display: table-header-group;
  z-index: 100;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head {
  display: table-row;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users {
  display: flex;
  align-items: center;
  max-width: 250px;
  min-width: 250px;
  text-align: left;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #F6F6F6;
  border: none;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .user {
  display: flex;
  align-items: center;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .user .count {
  margin-left: 5px;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .search-container {
  position: relative;
  margin: 0 10px;
  flex: 1;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .search-container .search {
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 5px 20px 5px 5px;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .search-container .clear-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  cursor: pointer;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .search-container .clear-icon::before {
  font-size: 10px;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .open-all-plans {
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
  width: 20px;
  height: 20px;
  margin: 3px;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .open-all-plans.active {
  transform: rotate(90deg);
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell {
  display: table-cell;
  text-align: center;
  padding: 5px;
  background: #E7EFFF;
  font-size: 14px;
  border-right: 2px solid #CBDCFF;
  min-width: 230px;
  cursor: pointer;
}
.tempo-tasks-list .table-container .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.today {
  color: #135FFF;
  border-bottom: 1px solid #135FFF;
  background: #D6E4FF;
  min-width: 360px;
  font-size: 16px;
  font-weight: 700;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group {
  display: table-row-group;
  overflow: auto;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row {
  display: table-row;
  position: relative;
  cursor: pointer;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row.hidden {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row.active .tempo-table-cell.users .employee-time-container {
  display: flex;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users {
  display: table-cell;
  align-items: center;
  padding: 0;
  width: 250px;
  max-width: 250px;
  min-width: 250px;
  min-height: 50px;
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper {
  flex: 1;
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .time-container {
  font-weight: 500;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .time-container .plan-time, .tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .time-container .available-time {
  text-align: right;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.underloaded {
  background: #FFFCF5;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.overloaded {
  background: #FFF9F9;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.active {
  background: #135FFF;
  color: #fff;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.searched {
  background: #e3e3e3;
  color: inherit;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.hidden {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
  width: calc(100% - 50px);
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container .employee-image {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container .info-container {
  margin-left: 15px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container .info-container .name {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 160px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container .info-container .profession {
  font-size: 12px;
  width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .exclude-employee {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .exclude-employee:hover {
  background: rgba(231, 239, 255, 0.9);
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .exclude-employee svg {
  margin-right: 10px;
  width: 22px;
  height: 22px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .view-type-container {
  display: flex;
  justify-content: space-around;
  margin-top: 5px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .view-type-container.hidden {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .view-type-container .view-type-btn {
  width: 48%;
  padding: 5px;
  text-align: center;
  background: #E7EBF3;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #272727;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .view-type-container .view-type-btn.active {
  background: #135FFF;
  color: #fff;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .times-container {
  position: absolute;
  bottom: 0;
  right: 0;
  height: calc(100% - 55px);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  width: 15px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .times-container .time {
  position: relative;
  flex: 1;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .times-container .time span {
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 14px;
  color: #737373;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container {
  display: none;
  flex-direction: column;
  padding: 3px 10px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row.green {
  color: #3cbc00;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row.green .time {
  color: #3cbc00;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row.red {
  color: #ff0000;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row.red .time {
  color: #ff0000;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell {
  display: table-cell;
  width: 230px;
  height: 0;
  max-width: 250px;
  min-width: 250px;
  vertical-align: top;
  border-right: 2px solid #DFE2EB;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.active {
  background: #e2e3e9;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.today {
  background: #e9f1ff;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.today .planning-wrapper .day-plannings .add-new-plan {
  background: #D6E4FF;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.in-vacation, .tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.holiday {
  color: #aaa;
  font-weight: 700;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.in-vacation a, .tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.holiday a {
  font-weight: initial;
  color: #94abff;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.in-vacation .time-container .time:after, .tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.holiday .time-container .time:after {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.in-vacation .time-container .log-time, .tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.holiday .time-container .log-time {
  display: none !important;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #DFE2EB;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper:hover .day-plannings .add-new-plan {
  visibility: initial;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 5px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container .time {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  font-weight: 500;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container .time::after {
  content: "";
  background-color: #32E296;
  position: absolute;
  height: 2px;
  bottom: -2px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  border-radius: 3px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container .time.partly-overloaded::after {
  background-color: #FFCD5A;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container .time.overloaded::after {
  background-color: #FF9F9F;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .content-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .content-container .time-rule-container .hour {
  position: relative;
  width: 100%;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .content-container .time-rule-container .hour .quarter-hour {
  width: 100%;
  height: 20px;
  border-bottom: 1px solid #ddd;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .content-container .time-rule-container .hour .quarter-hour:last-child {
  border-bottom: 2px solid #ccc;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings.time-mod {
  position: absolute;
  top: 5px;
  left: 0;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row {
  position: relative;
  width: 90%;
  height: 135px;
  transition: height 0.3s ease;
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  display: flex;
  margin: 5px;
  padding: 0;
  cursor: grab;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.time-mode {
  margin: 0 5px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.unestimated .tempo-task-wrapper {
  border: 1px solid #ff8e8e;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.unestimated .tempo-task-wrapper .estimate-container .icon-svg33 {
  color: #ff0000;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row:not(.not-accessible-task-row):hover .task-footer .editable-container {
  display: flex !important;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.active {
  height: auto;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.active .tempo-task-wrapper .description {
  display: block;
  visibility: inherit;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.active .tempo-task-wrapper .task-head .tempo-task-name {
  white-space: inherit;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.active .tempo-task-wrapper .task-head .show-all-info .icon {
  transform: rotate(-90deg);
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.added .tempo-task-wrapper {
  background: #d6e4ff;
  transform: scale(1.05);
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.added .tempo-task-wrapper .task-footer .editable-container {
  background: #d6e4ff;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.not-happen .task-wrapper::after {
  content: "";
  background-color: #F2D025;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.wrong-time .task-wrapper::after {
  content: "";
  background-color: #FF3B3B;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.done .task-wrapper::after {
  content: "";
  background-color: #22B500;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .task-wrapper::after {
  content: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .activate-plans-btn {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, background 0.3s ease;
  overflow: hidden;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper.time-mode {
  box-shadow: none;
  border: 1px solid #e4e4e4;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper.time-mode:hover {
  border: 1px solid #afafaf;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head {
  position: relative;
  padding: 0 30px 0 10px;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  margin: 10px 0 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  width: 87%;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .show-all-info {
  position: absolute;
  right: 8px;
  top: 10px;
  width: 18px;
  height: 18px;
  border: 1px solid #E4E5E9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .show-all-info .icon {
  transition: transform 0.3s ease;
  transform: rotate(90deg);
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .project-image {
  width: 30px;
  margin: 10px 0 0;
  border-radius: 50%;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .description {
  display: none;
  overflow-wrap: anywhere;
  visibility: hidden;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  color: #707070;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: inherit;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  min-height: 20px;
  margin-top: 6px;
  align-items: flex-start;
  flex: 1;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .epic-container {
  margin: 5px 0;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status {
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status .task-status {
  color: #ACAEB5;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: normal;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-estimate {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-assignee {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-key-container {
  max-width: 70%;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-key-container .tempo-task-key {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  color: #2d57ec;
  max-width: 120px;
  line-height: 12px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-key-container .tempo-task-key:hover {
  cursor: pointer;
  color: #688aff;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .epic-container {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: white;
  border-radius: 7px;
  margin: 5px 0;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .epic-container .epic-link {
  font-size: 11px;
  padding: 2px 4px;
  color: white;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 4px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .epic-container .epic-link:empty {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .time-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  gap: 5px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer {
  position: relative;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  min-height: 30px;
  max-height: 30px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .editable-container {
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  align-items: center;
  background: #fff;
  padding: 0 5px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .editable-container .task-delete {
  padding: 3px;
  margin: auto 0;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .editable-container .task-move-wrapper {
  display: flex;
  justify-content: space-between;
  width: 48px;
  margin-right: 8px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .editable-container .task-move-wrapper .task-move-item {
  background: #fff;
  width: 21px;
  height: 21px;
  border: 1px solid #E4E5E6;
  border-radius: 4px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .task-time-wrapper {
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .task-time-wrapper .log-icon {
  transform: translate(0, 3px);
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .creator {
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .percent-container {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan {
  position: relative;
  width: 90%;
  height: 49px;
  min-height: 49px;
  display: flex;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  background: #E7EBF3;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin: 4px 0;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan.hidden {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan.only-plan .add-log {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan.only-plan .add-plan {
  width: 100%;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan .ico-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan:hover {
  overflow: hidden;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan:hover .ico-svg {
  display: none;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan:hover .button {
  visibility: visible;
  opacity: 1;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan .ico-svg {
  width: 15px;
  height: 15px;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan .button {
  width: 50%;
  height: 100%;
  background: #135FFF;
  color: #FFFFFF;
  border-radius: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.tempo-tasks-list .table-container .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan .button:hover {
  background: #2C4AE1;
}
.tempo-tasks-list .task-list-wrapper .task-list .tempo-task-list-row.task-list-row.active .content-wrapper {
  background: #F2F3F8;
}
.tempo-tasks-list .task-list-wrapper .task-list .tempo-task-list-row.task-list-row.active .content-wrapper .task-list-header {
  background: inherit;
}
.tempo-tasks-list .task-list-wrapper .task-list .tempo-task-list-row.task-list-row .task-list-header {
  font-size: 14px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
.tempo-tasks-list .task-list-wrapper .task-list .tempo-task-list-row.task-list-row .task-list-header .left-column {
  padding: 10px;
  width: 100%;
  font-size: 16px;
}
.tempo-tasks-list .task-list-wrapper .task-list .tempo-task-list-row.task-list-row .task-list-header .right-column {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tempo-tasks-list .task-list-wrapper .task-list .tempo-task-list-row.task-list-row .task-list-header:after {
  content: none;
}
.time-info-container {
  transition: opacity 0.3s ease;
  background: #fff;
  color: #000;
  width: 150px;
  height: 150px;
  padding: 6px 9px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  position: absolute;
  transform: translate(0, 0);
  z-index: 1000;
}
.time-info-container .time-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.time-info-container .time-row.green {
  color: #3cbc00;
}
.time-info-container .time-row.green .time {
  color: #3cbc00;
}
.time-info-container .time-row.red {
  color: #ff0000;
}
.time-info-container .time-row.red .time {
  color: #ff0000;
}
.time-info-container .time-row .name {
  font-size: 10px;
}
.time-info-container .time-row .time {
  font-size: 12px;
  color: #0F1B61;
}
.time-info-container:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  left: -20px;
  top: 50%;
  z-index: -1;
  transform: translate(0, -50%);
}
.field-group .wiki-textfield, .field-group .content-inner, .field-group .field-tools, .field-group label, .field-group .image-wrap {
  display: none;
}
.field-group .jira-wikifield p {
  margin: 10px 0 0;
}
.field-group .jira-wikifield ul {
  margin-top: 10px;
}
.field-group .jira-wikifield * {
  margin: initial;
  padding: revert;
  list-style-type: revert;
  text-decoration: revert;
}
.field-group .jira-wikifield a {
  text-decoration: none;
  color: #0052cc;
}
.field-group .jira-wikifield table.confluenceTable {
  table-layout: auto;
  width: auto;
  border-collapse: collapse;
  margin: 5px 0 5px 2px;
  display: table;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 2px;
  border-color: gray;
}
.field-group .jira-wikifield table.confluenceTable tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.field-group .jira-wikifield table.confluenceTable tr th {
  border: 1px solid #c1c7d0;
  background: #f4f5f7;
  padding: 3px 4px;
  text-align: center;
}
.field-group .jira-wikifield table.confluenceTable tr td.confluenceTd {
  border: 1px solid #c1c7d0;
  padding: 3px 4px;
}
.field-group .jira-wikifield hr {
  display: block;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  overflow: hidden;
  border-style: inset;
  border-width: 1px;
}
.field-group .jira-wikifield .panel {
  border: 1px solid #c1c7d0;
  border-radius: 3px 3px 3px 3px;
  margin: 9px 0;
}
.field-group .jira-wikifield .code, .field-group .jira-wikifield .preformatted {
  background: #f4f5f7;
  font-size: 12px;
  line-height: 1.3;
  font-family: monospace;
}
.field-group .jira-wikifield .panelContent {
  padding: 9px 12px;
}
.field-group .jira-wikifield .panelHeader {
  border-bottom: 1px solid #c1c7d0;
  padding: 9px 12px;
}
.tempo-container {
  position: relative;
}
.tempo-container .total-time-container {
  position: absolute;
  bottom: 8px;
  left: 5px;
  padding: 2px 5px;
  width: 250px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 -5px 9px rgba(219, 219, 219, 0.6);
  border-radius: 10px 10px 0 0;
  background: #fff;
  z-index: 100;
}
.tempo-container .total-time-container .time-row {
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.col-left-fixed.tempo-left-fixed {
  min-width: 260px;
}
.tempo-header {
  width: 100%;
  min-height: 50px;
  border-radius: 10px;
  background: #ffffff;
  margin-bottom: 5px;
  padding: 10px;
  position: relative;
  z-index: 1000;
}
.tempo-header .tempo-filter-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
  margin-bottom: 10px;
}
.tempo-header .tempo-filter-container.my-tasks {
  position: relative;
  margin-bottom: 0;
}
.tempo-header .tempo-filter-container.my-tasks .user-container {
  display: flex;
  align-items: center;
}
.tempo-header .tempo-filter-container.my-tasks .user-container .user-image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.tempo-header .tempo-filter-container.my-tasks .user-container .user-name {
  font-size: 22px;
  margin-left: 15px;
}
.tempo-header .tempo-filter-container.my-tasks .left-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tempo-header .tempo-filter-container.my-tasks .right-box .reload-page-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  height: 38px;
  width: 38px;
  background-color: #F6F6F6;
  border: 1px solid #D3D3D5;
}
.tempo-header .tempo-filter-container .choices {
  min-width: 200px;
  max-width: 200px;
}
.tempo-header .tempo-filter-container .left-box, .tempo-header .tempo-filter-container .right-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.tempo-header .tempo-filter-container .left-box div[class$="container"], .tempo-header .tempo-filter-container .right-box div[class$="container"] {
  margin-top: 5px;
  margin-left: 5px;
}
.tempo-header .tempo-filter-container .right-box {
  display: flex;
  align-items: center;
}
.tempo-header .tempo-filter-container .right-box .buttons-container {
  width: 236px;
  height: 38px;
  border-radius: 7px;
  background: #F6F6F6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.tempo-header .tempo-filter-container .right-box .buttons-container button {
  flex: 1;
  height: 100%;
  transition: background 0.2s ease;
  font-size: 14px;
}
.tempo-header .tempo-filter-container .right-box .buttons-container button.active {
  color: #fff;
  background: #135FFF;
}
.tempo-header .tempo-filter-container .right-box .tasks-button {
  width: 96px;
  height: 38px;
  border: none;
  border-radius: 7px;
  background: #a4a4a4;
  color: #fff;
  font-size: 14px;
  margin: 5px 0 0 20px;
  cursor: inherit;
  display: flex;
  align-items: center;
}
.tempo-header .tempo-filter-container .right-box .tasks-button .icon {
  margin: 0 11px 0 16px;
}
.tempo-header .tempo-filter-container .right-box .tasks-button span {
  transform: translate(0, 1px);
}
.tempo-header .tempo-filter-container .right-box .tasks-button.active {
  background: #031231;
  cursor: pointer;
}
.tempo-header .second-part {
  display: flex;
}
.tempo-header .second-part .search-container {
  position: relative;
  width: 100%;
  padding: 5px 100px 5px 10px;
  min-height: 38px;
  max-height: 38px;
  border-radius: 7px;
  border: 1px solid #ababab;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  transition: max-height 1s ease-in-out;
}
.tempo-header .second-part .search-container.active {
  max-height: 200px;
}
.tempo-header .second-part .search-container .search-text-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 80%;
}
.tempo-header .second-part .search-container .search-text-container .searched-text {
  min-width: 80px;
  background: #E1E2E5;
  padding: 0 30px 0 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  position: relative;
  margin: 4px 5px;
}
.tempo-header .second-part .search-container .search-text-container .searched-text .close-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tempo-header .second-part .search-container .search-text-container .searched-text .close-btn svg {
  width: 18px;
  height: 18px;
}
.tempo-header .second-part .search-container label {
  flex: 1;
}
.tempo-header .second-part .search-container label .search-input {
  width: 100%;
  border: none;
  font-size: 14px;
  margin-top: 4px;
}
.tempo-header .second-part .search-container .icon {
  position: absolute;
  cursor: pointer;
  background: white;
  padding: 5px;
  width: 25px;
  height: 25px;
}
.tempo-header .second-part .search-container .icon svg {
  width: 15px;
  height: 15px;
}
.tempo-header .second-part .search-container .open-filter-icon {
  right: 83px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}
.tempo-header .second-part .search-container .open-filter-icon.active {
  transform: rotate(90deg);
}
.tempo-header .second-part .search-container .save-filter-icon {
  right: 10px;
}
.tempo-header .second-part .search-container .reload-page-icon {
  right: 35px;
}
.tempo-header .second-part .search-container .clear-filter-icon {
  display: none;
  right: 57px;
  transform: translate(0, 2px);
}
.tempo-header .second-part .search-container .clear-filter-icon.hidden {
  display: block;
}
.tempo-header .second-part .search-container .clear-filter-icon:before {
  font-size: 12px;
}
.tempo-header .second-part .save-filter-modal {
  position: absolute;
  bottom: 0;
  right: 30px;
  transform: translate(0, 100%);
  width: 460px;
  padding: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  background: white;
  border-radius: 7px;
}
.tempo-header .second-part .save-filter-modal.hidden {
  display: none;
}
.tempo-header .second-part .save-filter-modal .title {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid #E3E2E2;
  margin-bottom: 18px;
}
.tempo-header .second-part .save-filter-modal .input-field {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.tempo-header .second-part .save-filter-modal .input-field input.required {
  border: 1px solid #e12929;
}
.tempo-header .second-part .save-filter-modal .input-field .save-filter {
  margin-left: 10px;
  padding: 5px 20px;
}
.tempo-header .second-part .save-filter-modal .saved-filters-title {
  width: 100%;
  color: #90929A;
  font-size: 12px;
  margin-bottom: 10px;
}
.tempo-header .second-part .save-filter-modal .saved-filters-container {
  display: block;
  width: 100%;
  overflow: auto;
  max-height: 180px;
}
.tempo-header .second-part .save-filter-modal .saved-filters-container .saved-filter {
  padding: 5px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 6px;
}
.tempo-header .second-part .save-filter-modal .saved-filters-container .saved-filter span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90%;
}
.tempo-header .second-part .save-filter-modal .saved-filters-container .saved-filter.active, .tempo-header .second-part .save-filter-modal .saved-filters-container .saved-filter:hover {
  background: #ebebeb;
}
.tempo-header .second-part .export-excel, .tempo-header .second-part .excluded-employees {
  min-width: 95px;
  max-width: 95px;
  height: 38px;
  border: none;
  border-radius: 7px;
  background: #ededed;
  color: #000000;
  font-size: 14px;
  margin: 0 0 0 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 13px;
  font-weight: 600;
  justify-content: space-between;
}
.tempo-header .second-part .excluded-employees {
  min-width: initial;
  max-width: initial;
  white-space: nowrap;
  position: relative;
}
.tempo-header .second-part .excluded-employees span {
  margin-left: 10px;
}
.tempo-header .second-part .excluded-employees .excluded-count {
  position: absolute;
  top: -6px;
  right: -6px;
  color: white;
  background-color: red;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.tempo-header .second-part .excluded-employees .excluded-count:empty {
  display: none;
}
.tempo-header .tempo-filter-container .date-container, .plan-header .date-container {
  margin-left: 0 !important;
  height: 38px;
  min-width: 250px;
  position: relative;
}
.tempo-header .tempo-filter-container .date-container .flatpickr-input, .plan-header .date-container .flatpickr-input {
  width: 100%;
  margin: 0;
  padding: 0 28px 0 60px;
  height: 100%;
  border-radius: 8px;
  border: none;
  background: #F6F6F6;
  font-size: 13px;
}
.tempo-header .tempo-filter-container .date-container .button, .plan-header .date-container .button {
  padding: 7px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  min-width: 10px;
  min-height: 10px;
}
.tempo-header .tempo-filter-container .date-container .button:active svg, .plan-header .date-container .button:active svg {
  fill: #2C4AE1;
}
.tempo-header .tempo-filter-container .date-container .button.previous, .plan-header .date-container .button.previous {
  left: 0;
}
.tempo-header .tempo-filter-container .date-container .button.next, .plan-header .date-container .button.next {
  right: 0;
}
.tempo-header .tempo-filter-container .date-container .button svg, .plan-header .date-container .button svg {
  width: 20px;
  height: 20px;
}
.tempo-header .tempo-filter-container .date-container .icon, .plan-header .date-container .icon {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translate(0, -55%);
  color: #2C4AE1;
}
.plan-header {
  padding: 0 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.plan-header .date-container {
  max-width: 200px;
}
.task-container {
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc(100% - 45px);
  padding: 10px 10px 0 0;
  background: white;
  border-radius: 10px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  z-index: 10000;
}
.task-container .tasks-container .task-head-title-container {
  display: unset;
  width: 100%;
  display: flex;
  align-items: center;
}
.task-container .tasks-container .task-head-title-container .tempo-task-status {
  position: absolute;
  right: 15px;
  max-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-container .tasks-container .task-head-title-container .tempo-task-status span {
  padding: 2px 5px;
  border-radius: 5px;
  background: #9d9d9d;
  color: #fff;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-container .tasks-container .task-head-title-container .tempo-task-status span.in-progress {
  background: #ffc427;
}
.task-container .tasks-container .task-head-title-container .tempo-task-status span.to-do {
  background: #1171ff;
}
.task-container .tasks-container .task-head-title-container .tempo-task-status span.done {
  background: #14892C;
}
.task-container .tasks-container .task-head-title-container .tempo-task-status span.paused {
  background: #42526e;
}
.task-container .tasks-container .task-head-title-container .tempo-task-status span.reopened {
  background: #ff5457;
}
.task-container .tasks-container .task-head-title-container .tempo-task-status span.closed {
  background: #FF562E;
}
.task-container .tasks-container .task-head-title-container .tempo-task-status span.on-production {
  background: #22581e;
}
.task-container .tasks-container .task-head-title-single, .task-container .tasks-container .task-status-single {
  display: none;
}
.task-container.active-info-container {
  width: 680px;
  padding-left: 10px;
}
.task-container.active-info-container .divider {
  height: 100%;
  width: 1px;
  background: #DDDEE2;
}
.task-container.active-info-container .task-info-container {
  width: 266px;
  border: 1px solid #E3E4E8;
  margin-right: 10px;
}
.task-container .task-info-container {
  color: #031231;
  height: calc(100% - 10px);
  background: #F6F6F6;
  border-radius: 7px;
  overflow: auto;
  position: relative;
  margin-top: 10px;
}
.task-container .task-info {
  margin: 10px;
  font-size: 12px;
  overflow: hidden;
}
.task-container .task-info .close-task-info {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 4px 8px;
  width: 25px;
  height: 25px;
}
.task-container .task-info .section {
  margin-top: 22px;
}
.task-container .task-info .section.description img {
  display: none;
}
.task-container .task-info .row {
  margin: 10px 0 0 0;
  display: flex;
  width: 100%;
}
.task-container .task-info .row .value {
  flex: 1;
}
.task-container .task-info .title {
  font-weight: 500;
  font-size: 14px;
  width: calc(100% - 17px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-container .task-info .field {
  min-width: 40%;
  padding: 0 10px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-container .task-info .value {
  width: 49%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-container .task-info .name-container {
  margin-top: 0;
}
.task-container .task-info .name-container .title {
  display: flex;
  align-items: center;
}
.task-container .task-info .name-container .title .project-key {
  font-weight: 700;
}
.task-container .task-info .name-container .title .project-image {
  width: 30px;
  margin-right: 5px;
}
.task-container .task-info .name-container .title .task-key {
  color: #135FFF;
  font-weight: 700;
}
.task-container .task-info .name-container .name {
  margin-top: 20px;
}
.task-container .task-info .name-container .name .value {
  white-space: normal;
}
.task-container .task-info .details {
  margin-top: 22px;
}
.task-container .task-info .details .status {
  margin-top: 10px;
}
.task-container .task-info .people .row .value {
  display: flex;
  align-items: center;
}
.task-container .task-info .people .row .value .img {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #B3B4B9;
  object-fit: cover;
}
.task-container .task-info .people .row .value .name {
  margin-left: 8px;
}
.task-container .task-info .comments .task-comments .comment {
  margin-top: 20px;
}
.task-container .task-info .comments .task-comments .comment .author {
  position: relative;
  width: 100%;
  padding-left: 33px;
}
.task-container .task-info .comments .task-comments .comment .author img {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #B3B4B9;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.task-container .task-info .comments .task-comments .comment .author .name span {
  color: #707070;
}
.task-container .task-info .comments .task-comments .comment .author .created {
  margin-top: 5px;
}
.task-container .task-info .comments .task-comments .comment .task-comment {
  margin-top: 10px;
}
.task-container .tasks-container {
  width: 380px;
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
.task-container .tasks-container .no-found {
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.task-container .tasks-container .no-found .icon {
  width: 48px;
  height: 48px;
}
.task-container .tasks-container .no-found .title {
  color: #7B7070;
  font-size: 14px;
  margin-top: 10px;
}
.task-container .tasks-container .header {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.task-container .tasks-container .header .left-box {
  display: flex;
  align-items: center;
}
.task-container .tasks-container .header .left-box .modal-title {
  font-size: 16px;
  margin-left: 10px;
}
.task-container .tasks-container .header .right-box .filter-button {
  transform: translate(-2px, 2px) scale(0.9);
}
.task-container .tasks-container .header .right-box .close-btn {
  padding: 4px 8px;
  width: 30px;
  height: 30px;
}
.task-container .tasks-container .filter-container {
  margin-bottom: 4px;
}
.task-container .tasks-container .filter-container .selects {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.task-container .tasks-container .filter-container .selects .choices {
  max-width: 49%;
  min-width: 49%;
  margin: 0 0 10px 0;
}
.task-container .tasks-container .filter-container .selects .choices__list--multiple .choices__item {
  max-width: min(100%, 140px);
}
.task-container .tasks-container .filter-container .search {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.task-container .tasks-container .filter-container .search .buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task-container .tasks-container .filter-container .search .buttons-container .button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
  background-color: #F7F7F7;
  color: #000;
  border: none;
  border-radius: 4px;
  margin-left: 4px;
  padding: 0;
}
.task-container .tasks-container .filter-container .search .buttons-container .button svg {
  width: 18px;
  height: 18px;
}
.task-container .tasks-container .filter-container .search .buttons-container .button .active-task path {
  fill: #000;
}
.task-container .tasks-container .filter-container .search .buttons-container .button.active {
  background-color: #2C4AE1;
  color: #fff;
}
.task-container .tasks-container .filter-container .search .buttons-container .button.active .active-task path {
  fill: #fff;
}
.task-container .tasks-container .filter-container .search .buttons-container .filter-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  height: 38px;
  width: 38px;
  background-color: #F6F6F6;
  border: 1px solid #D3D3D5;
  margin-left: 8px;
}
.task-container .tasks-container .filter-container .search label {
  position: relative;
  flex: 1;
  margin-left: 13px;
}
.task-container .tasks-container .filter-container .search label .search-input {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  outline: none;
  border: 1px solid #B3B4B9;
  padding: 0 38px;
  font-size: 14px;
}
.task-container .tasks-container .filter-container .search label .icon {
  padding: 5px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.task-container .tasks-container .filter-container .search label .search-icon {
  left: 10px;
}
.task-container .tasks-container .filter-container .search label .clear-icon {
  right: 10px;
}
.task-container .tasks-container .filter-container .search label .clear-icon::before {
  font-size: 10px;
}
.task-container .tasks-container .filter-container .title {
  color: #90929A;
  font-size: 15px;
}
.task-container .tasks-container .tasks {
  padding-right: 5px;
  overflow: hidden auto;
  flex: 1;
}
.task-container .tasks-container .tasks .tempo-task-row {
  width: 100%;
  min-height: 65px;
  background: #F7F7F7;
  border-radius: 6px 6px 0 0;
  border: 1px solid #E3E4E8;
  margin-bottom: 7px;
  padding: 5px 10px 0 37px;
  position: relative;
}
.task-container .tasks-container .tasks .tempo-task-row .estimate-container {
  display: none;
}
.task-container .tasks-container .tasks .tempo-task-row.added {
  background: #ecf2ff;
}
.task-container .tasks-container .tasks .tempo-task-row.active {
  background: #F4F7FE;
}
.task-container .tasks-container .tasks .tempo-task-row .activate-plans-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translate(0, -50%);
  border-radius: 50%;
  padding: 10px;
}
.task-container .tasks-container .tasks .tempo-task-row .activate-plans-btn .icon {
  font-size: 20px;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper {
  position: relative;
  background: transparent;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper:after {
  content: none;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .divider {
  display: none;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .task-head {
  padding: 0;
  align-items: center;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .task-head .project-image {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-name {
  max-width: 50%;
  padding: 5px 0;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .task-head .task-card-checkbox {
  display: none;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .task-head .show-all-info {
  display: none;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper {
  padding: 0;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-key-container {
  flex: 1;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-key-container .tempo-task-key {
  width: fit-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #2C4AE1;
  cursor: pointer;
  max-width: 180px;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-info {
  margin-left: 10px;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-estimate {
  max-width: 55px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-estimate span {
  margin-left: 5px;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-assignee {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 130px;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-assignee span {
  font-weight: 500;
  margin-left: 5px;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status {
  position: absolute;
  top: 8px;
  right: 15px;
  max-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status span {
  padding: 2px 5px;
  border-radius: 5px;
  background: #9d9d9d;
  color: #fff;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status span.in-progress {
  background: #ffc427;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status span.to-do {
  background: #1171ff;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status span.done {
  background: #14892C;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status span.paused {
  background: #42526e;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status span.reopened {
  background: #ff5457;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status span.closed {
  background: #FF562E;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status span.on-production {
  background: #22581e;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .is-favorite-button {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 0px;
  max-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .is-favorite-button svg {
  width: 20px;
  height: 20px;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .is-favorite-button:hover svg .inner-svg {
  fill: #ffcf00;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .is-favorite-button.favorite svg .inner-svg {
  fill: #ffcf00;
}
.task-container .tasks-container .tasks .tempo-task-row .tempo-task-wrapper .description {
  display: none;
}
.task-container .tasks-container .tasks .tempo-task-row .task-footer {
  display: none;
}
.task-container .tasks-container .tasks .tempo-task-row .task-footer .editable-container {
  display: none;
}
.task-container .tasks-container .tasks .tempo-task-row .percent-container {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #FFCD5A;
}
.task-container .tasks-container .tasks .tempo-task-row .percent-container .percent {
  height: 2px;
  width: 0;
  background: #32E296;
}
.task-container .tasks-container .project-image {
  display: none;
}
.task-container .tasks-container .task-key-container .task-key {
  display: flex;
  align-items: center;
  gap: 10px;
}
.task-container .tasks-container .task-key-container .task-key .project-image {
  width: 20px;
  height: 20px;
  display: block;
}
.add-task-modal-wrapper {
  z-index: 6000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.58);
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-task-modal-wrapper .task-modal-container {
  width: 400px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  min-height: 635px;
  background: white;
  border-radius: 12px;
  color: #000;
  max-height: 800px;
  overflow: auto;
}
.add-task-modal-wrapper .task-modal-container .header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E3E4E8;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.add-task-modal-wrapper .task-modal-container .header .icon {
  width: 21px;
  height: 21px;
}
.add-task-modal-wrapper .task-modal-container .header .title {
  font-size: 15px;
  margin-left: 15px;
}
.add-task-modal-wrapper .task-modal-container .content {
  font-size: 12px;
  flex: 1;
  margin-bottom: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container {
  position: relative;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container.active .search-container {
  display: flex;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .selected-task-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  background: #F7F7F7;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .selected-task-wrapper.required {
  border: 1px solid #ee1f1f;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .selected-task-wrapper.active {
  border-radius: 4px 4px 0 0;
  border: 1px solid #d0d0d0;
  border-bottom: none;
  background: #ffffff;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .selected-task-wrapper.disabled {
  opacity: 0.5;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .selected-task-wrapper .arrow-down {
  position: absolute;
  right: 15px;
  top: 50%;
  transition: transform 0.3s ease;
  transform: translate(0, -50%) rotate(-90deg);
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .selected-task-wrapper .arrow-down.active {
  transform: translate(0, -50%) rotate(90deg);
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .selected-task-wrapper .icon {
  min-width: 16px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .selected-task-wrapper .task-info {
  margin-left: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80%;
  font-size: 12px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .selected-task-wrapper .task-info .key {
  color: #2C4AE1;
  max-width: 30%;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .task-filter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  box-shadow: inset 0 0 1px #cccccc;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .task-filter-container .choices {
  max-width: 49%;
  min-width: 49%;
  margin-bottom: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .task-filter-container label {
  position: relative;
  min-width: 49%;
  max-width: 49%;
  margin-bottom: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .task-filter-container label .search-input {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  outline: none;
  border: 1px solid #B3B4B9;
  padding: 0 38px;
  font-size: 14px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .task-filter-container label .icon {
  padding: 5px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .task-filter-container label .search-icon {
  left: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .task-filter-container label .clear-icon {
  right: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .task-filter-container label .clear-icon::before {
  font-size: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container {
  display: none;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 350px;
  position: absolute;
  left: 0;
  top: 137px;
  padding: 10px;
  background: #FFF;
  border-radius: 0 0 7px 7px;
  border: 1px solid #d0d0d0;
  border-top: none;
  z-index: 100;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .no-found {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .no-found .icon {
  width: 48px;
  height: 48px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .no-found .title {
  color: #7B7070;
  font-size: 14px;
  margin-top: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container {
  flex: 1;
  overflow: auto;
  padding-right: 5px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row {
  width: 100%;
  height: 65px;
  background: #F7F7F7;
  border-radius: 6px 6px 0 0;
  border: 1px solid #E3E4E8;
  padding: 0 10px;
  position: relative;
  margin: 0 0 7px 0;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .activate-plans-btn, .add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .estimate-container {
  display: none;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper {
  position: relative;
  background: transparent;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper:after {
  content: none;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .divider {
  display: none;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head {
  padding: 0;
  align-items: center;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .is-favorite-button {
  cursor: pointer;
  margin-left: 5px;
  display: flex;
  align-items: center;
  color: #ACAEB5;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .is-favorite-button svg {
  width: 20px;
  height: 20px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .is-favorite-button:hover svg .inner-svg {
  fill: #ffcf00;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .is-favorite-button.favorite svg .inner-svg {
  fill: #ffcf00;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-name {
  flex: 1;
  padding: 3px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status {
  max-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status span {
  padding: 2px 5px;
  border-radius: 5px;
  background: #9d9d9d;
  color: #fff;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status span.in-progress {
  background: #ffc427;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status span.to-do {
  background: #1171ff;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status span.done {
  background: #14892C;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status span.paused {
  background: #42526e;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status span.reopened {
  background: #ff5457;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status span.closed {
  background: #FF562E;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status span.on-production {
  background: #22581e;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .task-card-checkbox {
  display: none;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .show-all-info {
  display: none;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .task-head .project-image {
  width: 25px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper {
  padding: 0 2px;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .is-favorite-button {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 0;
  max-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .is-favorite-button svg {
  width: 20px;
  height: 20px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .is-favorite-button:hover svg .inner-svg {
  fill: #ffcf00;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .is-favorite-button.favorite svg .inner-svg {
  fill: #ffcf00;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .is-favorite-button.favorite:hover svg .inner-svg {
  opacity: 0.5;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-key-container {
  flex: 1;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-key-container .tempo-task-key {
  width: fit-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #2C4AE1;
  cursor: pointer;
  max-width: 180px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-info {
  margin-left: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-estimate {
  max-width: 55px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-estimate span {
  margin-left: 5px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-assignee {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 130px;
  display: flex;
  align-items: center;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-assignee span {
  font-weight: 500;
  margin-left: 5px;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status {
  display: none;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .tempo-task-wrapper .description {
  display: none;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .task-footer {
  display: none;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .task-footer .editable-container {
  display: none;
}
.add-task-modal-wrapper .task-modal-container .content .task-info-container .search-container .tasks-container .tempo-task-row .percent-container {
  display: none;
}
.add-task-modal-wrapper .task-modal-container .content .descriptions-container {
  max-height: 180px;
  overflow: auto;
  margin-bottom: 20px;
}
.add-task-modal-wrapper .task-modal-container .content .description-container, .add-task-modal-wrapper .task-modal-container .content .comment-container {
  margin-bottom: 20px;
}
.add-task-modal-wrapper .task-modal-container .content .description-container .textarea, .add-task-modal-wrapper .task-modal-container .content .comment-container .textarea {
  resize: none;
  min-height: 110px;
  border: 1px solid #E3E4E8;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
}
.add-task-modal-wrapper .task-modal-container .content .description-container .textarea::placeholder, .add-task-modal-wrapper .task-modal-container .content .comment-container .textarea::placeholder {
  font-size: 14px;
}
.add-task-modal-wrapper .task-modal-container .content .comment-container .textarea {
  min-height: 65px;
}
.add-task-modal-wrapper .task-modal-container .content .date-container, .add-task-modal-wrapper .task-modal-container .content .planned-time-container {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.add-task-modal-wrapper .task-modal-container .content .date-container .name, .add-task-modal-wrapper .task-modal-container .content .planned-time-container .name {
  font-size: 14px;
  color: #707070;
  text-align: left;
  width: 20%;
}
.add-task-modal-wrapper .task-modal-container .content .date-container .value, .add-task-modal-wrapper .task-modal-container .content .planned-time-container .value {
  margin-left: 25px;
  color: #707070;
}
.add-task-modal-wrapper .task-modal-container .content .date-container input, .add-task-modal-wrapper .task-modal-container .content .planned-time-container input {
  margin-left: 25px;
  flex: 1;
  height: 38px;
  padding: 10px;
  border: 1px solid #B3B4B9;
  border-radius: 4px;
}
.add-task-modal-wrapper .task-modal-container .content .date-container .planned-time-input.required, .add-task-modal-wrapper .task-modal-container .content .planned-time-container .planned-time-input.required {
  position: relative;
  border: 1px solid #e12929;
}
.add-task-modal-wrapper .task-modal-container .content .status-container {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.add-task-modal-wrapper .task-modal-container .content .status-container .name {
  font-size: 14px;
  color: #707070;
  text-align: left;
  width: 20%;
}
.add-task-modal-wrapper .task-modal-container .content .status-container .choices {
  flex: 1;
  margin-left: 25px;
  border-radius: 4px;
}
.add-task-modal-wrapper .task-modal-container .content .status-container .choices.required .choices__inner {
  border: 1px solid #e12929;
}
.add-task-modal-wrapper .task-modal-container .content .status-container .choices .choices__inner {
  border: 1px solid #B3B4B9;
}
.add-task-modal-wrapper .task-modal-container .content .change-status {
  display: none;
  align-items: center;
  margin-bottom: 15px;
  font-size: 14px;
  color: #707070;
  text-align: left;
}
.add-task-modal-wrapper .task-modal-container .content .change-status.active {
  display: flex;
}
.add-task-modal-wrapper .task-modal-container .content .change-status .checkbox-container {
  position: relative;
  cursor: text;
  display: flex;
  align-items: center;
}
.add-task-modal-wrapper .task-modal-container .content .change-status .checkbox-container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.add-task-modal-wrapper .task-modal-container .content .change-status .checkbox-container .custom-checkbox {
  display: inline-block;
  background-color: #d0d4dd;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  text-align: center;
}
.add-task-modal-wrapper .task-modal-container .content .change-status .checkbox-container input[type="checkbox"]:checked + .custom-checkbox {
  background-color: #81c784;
}
.add-task-modal-wrapper .task-modal-container .content .change-status .checkbox-container .custom-checkbox:hover {
  opacity: 0.9;
}
.add-task-modal-wrapper .task-modal-container .content .change-status .checkbox-container .custom-checkbox:active {
  transform: scale(0.97);
}
.add-task-modal-wrapper .task-modal-container .content .planned-by-container {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #707070;
  margin-bottom: 10px;
}
.add-task-modal-wrapper .task-modal-container .content .planned-by-container .planner-container {
  margin-left: 15px;
  display: flex;
  align-items: flex-end;
}
.add-task-modal-wrapper .task-modal-container .content .planned-by-container .planner-container .image {
  width: 23px;
  height: 23px;
  object-fit: cover;
  border-radius: 50%;
}
.add-task-modal-wrapper .task-modal-container .content .planned-by-container .planner-container .name {
  margin-left: 10px;
  font-size: 14px;
  color: #000;
  line-height: 23px;
}
.add-task-modal-wrapper .task-modal-container .footer {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.add-task-modal-wrapper .task-modal-container .footer button {
  padding: 10px 17px;
  border-radius: 4px;
}
.add-task-modal-wrapper .task-modal-container .footer .plan-time-btn {
  background: #2C4AE1;
  color: #fff;
  margin-left: 10px;
}
.add-task-modal-wrapper .task-modal-container .footer .plan-time-btn.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.add-task-modal-wrapper .task-modal-container .footer .cancel-btn {
  background: #F4F7FE;
  border: 1px solid #E3ECFF;
  color: #2C4AE1;
}
.tempo-task-wrapper:hover .creator {
  display: none;
}
.custom-menu {
  min-width: 250px;
  position: absolute;
  display: flex;
  flex-direction: column;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  z-index: 200;
  color: #000;
  overflow: hidden;
}
.custom-menu .menu-item {
  padding: 5px 10px;
  margin-bottom: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 13px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.18);
}
.custom-menu .menu-item:last-child {
  margin-bottom: 0;
}
.custom-menu .menu-item .icon-con {
  min-width: 40px;
}
.custom-menu .menu-item .icon-con svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: 3px;
}
.custom-menu .menu-item .icon-con .icon {
  margin-right: 10px;
  font-size: 18px;
}
.custom-menu .menu-item:hover {
  background: #e6efff;
}
.custom-menu .menu-item:active {
  background: #CBDCFF;
}
.exclude-employees-box {
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc(100% - 45px);
  width: 390px;
  padding: 10px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  z-index: 10000;
}
.exclude-employees-box .header {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.exclude-employees-box .header .left-box {
  display: flex;
  padding-left: 5px;
}
.exclude-employees-box .header .back-all {
  width: 30px;
  height: 30px;
  padding: 4px 8px;
  font-size: 18px;
}
.exclude-employees-box .header .close-btn {
  padding: 4px 8px;
  width: 30px;
  height: 30px;
}
.exclude-employees-box .header .modal-title {
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
}
.exclude-employees-box .icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #dfdfdf;
  color: #000000;
  margin-right: 7px;
  font-size: 14px;
}
.exclude-employees-box .content {
  overflow: auto;
}
.exclude-employees-box .content .exclude-employees-empty-con {
  width: 100%;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  color: #7B7070;
}
.exclude-employees-box .content .exclude-employees-empty-con svg {
  margin-bottom: 10px;
  fill: #7B7070;
}
.exclude-employees-box .content .excluded-employee {
  position: relative;
  display: flex;
  align-items: center;
  padding: 7px 5px;
  margin-bottom: 3px;
  border-radius: 7px;
}
.exclude-employees-box .content .excluded-employee:hover {
  background: #E7EFFF;
}
.exclude-employees-box .content .excluded-employee .image {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}
.exclude-employees-box .content .excluded-employee .name {
  font-size: 14px;
  margin-left: 10px;
  max-width: 60%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.exclude-employees-box .content .excluded-employee .add-btn {
  display: flex;
  align-items: center;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 5px;
}
.modal.ngs-modal .edit-box {
  max-width: 1400px;
}
@media screen and (max-width: 1568px) {
  .tempo-header .tempo-filter-container .choices {
    min-width: 170px;
    max-width: 170px;
  }
}
@media screen and (max-width: 1480px) {
  .tempo-header .tempo-filter-container .date-container {
    max-width: 240px;
    min-width: 240px;
  }
  .tempo-header .tempo-filter-container .right-box .buttons-container {
    width: 180px;
  }
  .tempo-header .tempo-filter-container .choices {
    min-width: 160px;
    max-width: 160px;
  }
}
@media screen and (max-width: 1400px) {
  .tempo-header .tempo-filter-container .right-box .tasks-button {
    width: 45px;
    margin: 5px 0 0 10px;
  }
  .tempo-header .tempo-filter-container .right-box .tasks-button span {
    display: none;
  }
}
.statuses-container {
  width: 100%;
}
.statuses-container .status-row {
  display: flex;
  align-items: center;
  padding: 4px;
  border: 1px solid #E5E5E5;
  margin-bottom: 5px;
  border-radius: 7px;
  cursor: pointer;
  background: #ffffff;
}
.statuses-container .status-row.move {
  background: #e9f1ff;
}
.statuses-container .status-row .from-status {
  position: relative;
  padding: 0 10px 0 35px;
  width: 200px;
  min-width: 200px;
  margin-right: 10px;
}
.statuses-container .status-row .from-status .icon-drag-handle {
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  font-size: 22px;
  color: #3f3f3f;
}
.statuses-container .status-row .exclude {
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-width: 120px;
}
.statuses-container .status-row .exclude label {
  white-space: nowrap;
}
.statuses-container .status-row .exclude input {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.modal.ngs-modal .edit-box.add-task-form {
  padding: 19px 20px 0 27px;
  margin: 0 auto;
  max-width: 800px;
  border-radius: 12px;
}
.tasks-table {
  height: calc(100% - 40px) !important;
}
.add-task-form .required {
  border: 1px solid red !important;
  border-radius: 5px;
}
.add-task-form.edit-box .modal-title-box {
  padding: 12px 40px 25px !important;
}
.add-task-form.edit-box .modal-content-box {
  margin: 0 0 0 5px !important;
}
.add-task-form.edit-box .modal-content-box .g-content-item-inner {
  padding-right: 10px;
}
.add-task-form .create-svg {
  position: absolute;
  top: 30px;
  left: 24px;
}
.add-task-form .row {
  display: grid;
  gap: 3px;
  margin-bottom: 16px;
}
.add-task-form .row.flex {
  display: flex;
  gap: 15px;
}
.add-task-form .row.flex .field {
  width: fit-content;
}
.add-task-form .row.hidden {
  display: none;
}
.add-task-form .row.assignee-to-me {
  margin-bottom: 26px;
}
.add-task-form .row.assignee .value {
  position: relative;
}
.add-task-form .row.assignee .value .assignee-to-me {
  position: absolute;
  bottom: -25px;
  left: 3px;
  color: #135FFF;
  padding: 4px;
}
.add-task-form .row.assignee .value .assignee-to-me:active {
  background: #F6F6F6;
}
.add-task-form .row .field {
  font-size: 14px;
  width: 100%;
  display: flex;
  align-items: center;
  max-height: 44px;
}
.add-task-form .row .value {
  flex: 1;
}
.add-task-form .row .value .description-container .description {
  position: relative;
}
.add-task-form .row .value .description-container .description:hover .edit-button {
  display: flex;
}
.add-task-form .row .value .description-container .description .value {
  border-radius: 4px;
  outline: 1px solid #E3E4E8;
  width: 100%;
  padding: 5px 20px 5px 5px;
  margin: 0 1px;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-height: 30px;
}
.add-task-form .row .value .description-container .description .edit-button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -5px;
  width: 20px;
  height: 100%;
  background: #E3E4E8;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0 4px 4px 0;
  padding: 0 10px;
}
.add-task-form .row .value .description-container .description .edit-button:active {
  background: #d7d8e1;
}
.add-task-form .row .value .description-container .description a {
  color: #2d57ec;
}
.add-task-form .row .value .description-container .description ol, .add-task-form .row .value .description-container .description ul {
  padding-left: 40px;
}
.add-task-form .row .value .description-container .description ul li {
  list-style: disc;
}
.add-task-form .row .value .description-container .description ol li {
  list-style: decimal;
}
.add-task-form .row .value .description-container .description img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.add-task-form .row .value .description-container .description table tbody tr th, .add-task-form .row .value .description-container .description table thead tr th {
  background: #e5e5e5;
}
.add-task-form .row .value .description-container .description table tbody tr td, .add-task-form .row .value .description-container .description table tbody tr th, .add-task-form .row .value .description-container .description table thead tr td, .add-task-form .row .value .description-container .description table thead tr th {
  padding: 5px 15px;
  border: 1px solid #d2d2d2;
}
.add-task-form .row .value .description-container .description .panel, .add-task-form .row .value .description-container .description pre {
  background-color: #deebff;
  padding: 9px 12px;
  border: 1px solid #c1c7d0;
  border-radius: 3px 3px 3px 3px;
  margin: 9px 0;
  color: #172b4d;
  width: 100%;
}
.add-task-form .row .value .description-container .description .panel p, .add-task-form .row .value .description-container .description pre p {
  margin: 0;
}
.add-task-form .row .value .description-container .description pre {
  background: #f4f5f7;
}
.add-task-form .row .value .description-container textarea {
  width: 100%;
  min-height: 200px;
}
.add-task-form .row .value .description-container .tox-tinymce .actions-con {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #f1f1f1;
}
.add-task-form .row .value .description-container .tox-tinymce .actions-con .button {
  min-width: 80px;
  padding: 9px 15px;
  cursor: pointer;
  font-size: 16px;
  height: initial;
  max-height: initial;
  min-height: initial;
  margin: 3px 5px;
  line-height: 16px;
}
.add-task-form .row .value .description-container .tox-tinymce .actions-con .button.save {
  background: #135FFF;
  color: #fff;
}
.add-task-form .row .value .description-container .tox-tinymce .actions-con .button.cancel {
  color: #0052cc;
}
.add-task-form .row .value input {
  min-height: 44px;
}
.add-task-form .row .value .textarea, .add-task-form .row .value .input, .add-task-form .row .value .select {
  width: 100%;
  font-size: 14px;
  color: #2d3748;
}
.add-task-form .row .value .textarea:focus, .add-task-form .row .value .input:focus, .add-task-form .row .value .select:focus {
  border-color: #2d57ec;
}
.add-task-form .row .value .form-item {
  margin-bottom: 0;
}
.add-task-form .row .value .form-item .checkbox-item {
  margin-top: 3px;
}
.add-task-form .row .value .textarea {
  resize: vertical;
  min-height: 100px;
  max-height: 300px;
  color: #000;
  background: #fff;
  border: solid 1px #e2e3e5;
  padding: 12px;
  border-radius: 5px;
}
.add-task-form .row .value .input-field label {
  display: none;
}
.add-task-form .row .value .input-field .task-attachment-label {
  display: flex;
  justify-content: center;
  border: 1px dashed #D3D3D5;
  border-radius: 4px;
  padding: 20px 0;
  margin-bottom: 20px;
}
.add-task-form .row .value .input-field .task-attachment-label .choose-file-container {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.add-task-form .row .value .input-field .task-attachment-label .choose-file-container .icon {
  width: 34px;
  height: 26px;
  margin-bottom: 13px;
}
.add-task-form .row .value .input-field .task-attachment-label .choose-file-container .title {
  padding: 0;
}
.add-task-form .row .value .input-field .files-container .file-container {
  width: 100%;
  height: 80px;
  position: relative;
  padding: 10px 63px;
  margin-top: 12px;
  background: #F4F7FE;
  border: 1px solid #E3E4E8;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.add-task-form .row .value .input-field .files-container .file-container .icon {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.add-task-form .row .value .input-field .files-container .file-container .file-icon {
  left: 24px;
}
.add-task-form .row .value .input-field .files-container .file-container .close-icon {
  width: 29px;
  height: 29px;
  right: 13px;
  cursor: pointer;
  padding: 8px;
}
.add-task-form .row .value .input-field .files-container .file-container .name {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
}
.add-task-form .row .value .input-field .files-container .file-container .size {
  font-size: 12px;
  color: #707070;
}
.add-task-form .row .value .choices:after {
  content: url("/img/icons/arrow.png");
  width: 26px;
  height: 26px;
  transform-origin: center;
  border: none;
  right: 5px;
  top: 9px;
}
.add-task-form .row .value .choices.is-open:after {
  transform-origin: center;
  transform: rotate(180deg);
}
.add-task-form .row .value .choices .choices__inner {
  border: 1px solid #F6F6F6;
  background: #F6F6F6;
  min-height: 44px;
}
.add-task-form .row .value .choices .choices__inner.invalid {
  border-color: #F93B25;
}
.task-view-wrapper {
  display: flex;
  flex-direction: column;
  padding: 10px 26px;
  height: 100%;
  overflow: auto;
  background: #fff;
  border-radius: 10px;
}
.task-view-wrapper .task-view-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 68px;
  margin-bottom: 5px;
}
.task-view-wrapper .task-view-header .back-btn {
  margin-right: 10px;
}
.task-view-wrapper .task-view-header .back-btn *::before, .task-view-wrapper .task-view-header .back-btn *::after {
  font-weight: 600;
  font-size: 22px;
}
.task-view-wrapper .task-view-header .left-box {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex: 1;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper {
  padding-left: 58px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .project-image {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 45px;
  height: 45px;
  object-fit: contain;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-name-info {
  display: flex;
  max-width: calc(100% - 50px);
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-name-info .left-part {
  display: flex;
  flex-direction: column;
  max-width: fit-content;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .key {
  padding: 2px 5px;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .key .project-key, .task-view-wrapper .task-view-header .left-box .task-wrapper .key .task-key {
  color: #135FFF;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .key .project-key {
  margin-right: 3px;
  cursor: pointer;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary {
  position: relative;
  width: fit-content;
  max-width: calc(100% - 50px);
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary.editing, .task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary:hover {
  border-radius: 3px;
  background: #fff;
  outline: 1px solid #E3E4E8;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary.editing .edit-button, .task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary:hover .edit-button {
  display: flex;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary:not(.editing) .name {
  text-overflow: ellipsis;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary.editing .name {
  overflow: auto;
  cursor: text;
  width: 100%;
  min-width: 600px;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary .name {
  font-size: 20px;
  font-weight: 700;
  color: #031231;
  overflow: hidden;
  line-height: 23px;
  max-width: 100%;
  white-space: nowrap;
  padding: 3px 20px 3px 5px;
  margin-bottom: 2px;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary .name:hover {
  cursor: pointer;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary .edit-button {
  position: absolute;
  top: -1px;
  right: -5px;
  width: 20px;
  height: 100%;
  background: #E3E4E8;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0 4px 4px 0;
  padding: 0 10px;
}
.task-view-wrapper .task-view-header .left-box .task-wrapper .task-summary .edit-button:active {
  background: #d7d8e1;
}
.task-view-wrapper .task-view-header .right-box {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-left: 10px;
  gap: 20px;
}
.task-view-wrapper .task-view-header .right-box .status {
  position: relative;
}
.task-view-wrapper .task-view-header .right-box .status .status-container {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 38px 0 16px;
  border: 1px solid #E3ECFF;
  border-radius: 4px;
  height: 38px;
  background: #cfcfcf;
  cursor: pointer;
  white-space: nowrap;
  max-width: 300px;
}
.task-view-wrapper .task-view-header .right-box .status .status-container span {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.task-view-wrapper .task-view-header .right-box .status .status-container .icon {
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translate(0, -50%) rotate(-90deg);
}
.task-view-wrapper .task-view-header .right-box .edit-task-button {
  position: relative;
  border-radius: 4px;
  border: 1px solid #DDDEE2;
  background: #F4F7FE;
  height: 38px;
  padding: 0 26px 0 40px;
}
.task-view-wrapper .task-view-header .right-box .edit-task-button .icon {
  fill: #031231;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0, -50%);
  font-size: 14px;
}
.task-view-wrapper .task-view-header .right-box .edit-task-button:active {
  background: #edf3ff;
}
.task-view-wrapper .content {
  display: flex;
  align-items: flex-start !important;
  flex: 1;
  border-top: 1px solid #E3E4E8;
}
.task-view-wrapper .content .left-part {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 65%;
  height: 100%;
  padding-right: 10px;
  overflow: hidden;
}
.task-view-wrapper .content .left-part p {
  margin-bottom: 0.5em;
}
.task-view-wrapper .content .left-part .section {
  margin-bottom: 29px;
  width: 100%;
}
.task-view-wrapper .content .left-part .section:first-child {
  margin-top: 16px;
}
.task-view-wrapper .content .left-part .section .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
}
.task-view-wrapper .content .left-part .section .title .icon {
  margin-right: 12px;
  min-height: 20px;
}
.task-view-wrapper .content .left-part .section.description {
  font-size: 14px;
  width: 100%;
}
.task-view-wrapper .content .left-part .section.description .description {
  position: relative;
  cursor: pointer;
}
.task-view-wrapper .content .left-part .section.description .description:hover .value {
  outline: 1px solid #E3E4E8;
  border-radius: 4px;
}
.task-view-wrapper .content .left-part .section.description .description:hover .edit-button {
  display: flex;
}
.task-view-wrapper .content .left-part .section.description .description .value {
  width: 100%;
  padding: 5px 20px 5px 5px;
  margin: 0 1px;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-height: 30px;
}
.task-view-wrapper .content .left-part .section.description .description .edit-button {
  position: absolute;
  top: -1px;
  right: -5px;
  width: 20px;
  height: calc(100% + 2px);
  background: #E3E4E8;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0 4px 4px 0;
  padding: 0 10px;
}
.task-view-wrapper .content .left-part .section.description .description .edit-button:active {
  background: #d7d8e1;
}
.task-view-wrapper .content .left-part .section.description .description a {
  color: #2d57ec;
}
.task-view-wrapper .content .left-part .section.description .description ol, .task-view-wrapper .content .left-part .section.description .description ul {
  padding-left: 40px;
}
.task-view-wrapper .content .left-part .section.description .description ul li {
  list-style: disc;
}
.task-view-wrapper .content .left-part .section.description .description ol li {
  list-style: decimal;
}
.task-view-wrapper .content .left-part .section.description .description img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.task-view-wrapper .content .left-part .section.description .description table tbody tr th, .task-view-wrapper .content .left-part .section.description .description table thead tr th {
  background: #e5e5e5;
}
.task-view-wrapper .content .left-part .section.description .description table tbody tr td, .task-view-wrapper .content .left-part .section.description .description table tbody tr th, .task-view-wrapper .content .left-part .section.description .description table thead tr td, .task-view-wrapper .content .left-part .section.description .description table thead tr th {
  padding: 5px 15px;
  border: 1px solid #d2d2d2;
}
.task-view-wrapper .content .left-part .section.description .description .panel, .task-view-wrapper .content .left-part .section.description .description pre {
  background-color: #deebff;
  padding: 9px 12px;
  border: 1px solid #c1c7d0;
  border-radius: 3px 3px 3px 3px;
  margin: 9px 0;
  color: #172b4d;
  width: 100%;
}
.task-view-wrapper .content .left-part .section.description .description .panel p, .task-view-wrapper .content .left-part .section.description .description pre p {
  margin: 0;
}
.task-view-wrapper .content .left-part .section.description .description pre {
  background: #f4f5f7;
}
.task-view-wrapper .content .left-part .section.description textarea {
  width: 100%;
  min-height: 200px;
}
.task-view-wrapper .content .left-part .section .row {
  margin: 0;
  flex-wrap: nowrap;
}
.task-view-wrapper .content .left-part .section .row .field {
  font-size: 14px;
  color: #7A7B80;
  width: 140px;
  min-width: 140px;
  display: flex;
  align-items: center;
}
.task-view-wrapper .content .left-part .section .row .value {
  font-size: 14px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 28px 5px 10px;
  border-radius: 4px;
  min-height: 27px;
}
.task-view-wrapper .content .left-part .section .row .value.active {
  width: 300px;
  background: #fff;
  border-radius: 4px 4px 0 0;
}
.task-view-wrapper .content .left-part .section .row .value .task-type-img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.task-view-wrapper .content .left-part .section .row .value .link {
  color: #135FFF;
  padding: 2px 5px;
  border-radius: 4px;
}
.task-view-wrapper .content .left-part .section .row .value .link[href="#"] {
  padding: 2px 5px 2px 0;
}
.task-view-wrapper .content .left-part .section .row .value span {
  padding: 2px 5px;
  border-radius: 5px;
  background: rgba(204, 204, 204, 0.8);
  color: #fff;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 300px;
}
.task-view-wrapper .content .left-part .section .row .value span:hover {
  overflow: visible;
  white-space: normal;
  max-width: 600px;
}
.task-view-wrapper .content .left-part .section .row.type .value, .task-view-wrapper .content .left-part .section .row.status .value, .task-view-wrapper .content .left-part .section .row.component .value, .task-view-wrapper .content .left-part .section .row.priority .value, .task-view-wrapper .content .left-part .section .row.labels .value, .task-view-wrapper .content .left-part .section .row.periods .value, .task-view-wrapper .content .left-part .section .row.sprint .value, .task-view-wrapper .content .left-part .section .row.epic .value {
  cursor: pointer;
  position: relative;
}
.task-view-wrapper .content .left-part .section .row.type .value:hover, .task-view-wrapper .content .left-part .section .row.status .value:hover, .task-view-wrapper .content .left-part .section .row.component .value:hover, .task-view-wrapper .content .left-part .section .row.priority .value:hover, .task-view-wrapper .content .left-part .section .row.labels .value:hover, .task-view-wrapper .content .left-part .section .row.periods .value:hover, .task-view-wrapper .content .left-part .section .row.sprint .value:hover, .task-view-wrapper .content .left-part .section .row.epic .value:hover {
  outline: 1px solid #eee;
}
.task-view-wrapper .content .left-part .section .row.type .value:hover::after, .task-view-wrapper .content .left-part .section .row.status .value:hover::after, .task-view-wrapper .content .left-part .section .row.component .value:hover::after, .task-view-wrapper .content .left-part .section .row.priority .value:hover::after, .task-view-wrapper .content .left-part .section .row.labels .value:hover::after, .task-view-wrapper .content .left-part .section .row.periods .value:hover::after, .task-view-wrapper .content .left-part .section .row.sprint .value:hover::after, .task-view-wrapper .content .left-part .section .row.epic .value:hover::after {
  content: "✎";
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translate(0, -50%);
}
.task-view-wrapper .content .left-part .section .row.type .value .type-value, .task-view-wrapper .content .left-part .section .row.type .value .priority-value, .task-view-wrapper .content .left-part .section .row.status .value .type-value, .task-view-wrapper .content .left-part .section .row.status .value .priority-value, .task-view-wrapper .content .left-part .section .row.component .value .type-value, .task-view-wrapper .content .left-part .section .row.component .value .priority-value, .task-view-wrapper .content .left-part .section .row.priority .value .type-value, .task-view-wrapper .content .left-part .section .row.priority .value .priority-value, .task-view-wrapper .content .left-part .section .row.labels .value .type-value, .task-view-wrapper .content .left-part .section .row.labels .value .priority-value, .task-view-wrapper .content .left-part .section .row.periods .value .type-value, .task-view-wrapper .content .left-part .section .row.periods .value .priority-value, .task-view-wrapper .content .left-part .section .row.sprint .value .type-value, .task-view-wrapper .content .left-part .section .row.sprint .value .priority-value, .task-view-wrapper .content .left-part .section .row.epic .value .type-value, .task-view-wrapper .content .left-part .section .row.epic .value .priority-value {
  display: flex;
  align-items: center;
}
.task-view-wrapper .content .left-part .section .row.type .value .type-value .type-image, .task-view-wrapper .content .left-part .section .row.type .value .type-value .priority-image, .task-view-wrapper .content .left-part .section .row.type .value .priority-value .type-image, .task-view-wrapper .content .left-part .section .row.type .value .priority-value .priority-image, .task-view-wrapper .content .left-part .section .row.status .value .type-value .type-image, .task-view-wrapper .content .left-part .section .row.status .value .type-value .priority-image, .task-view-wrapper .content .left-part .section .row.status .value .priority-value .type-image, .task-view-wrapper .content .left-part .section .row.status .value .priority-value .priority-image, .task-view-wrapper .content .left-part .section .row.component .value .type-value .type-image, .task-view-wrapper .content .left-part .section .row.component .value .type-value .priority-image, .task-view-wrapper .content .left-part .section .row.component .value .priority-value .type-image, .task-view-wrapper .content .left-part .section .row.component .value .priority-value .priority-image, .task-view-wrapper .content .left-part .section .row.priority .value .type-value .type-image, .task-view-wrapper .content .left-part .section .row.priority .value .type-value .priority-image, .task-view-wrapper .content .left-part .section .row.priority .value .priority-value .type-image, .task-view-wrapper .content .left-part .section .row.priority .value .priority-value .priority-image, .task-view-wrapper .content .left-part .section .row.labels .value .type-value .type-image, .task-view-wrapper .content .left-part .section .row.labels .value .type-value .priority-image, .task-view-wrapper .content .left-part .section .row.labels .value .priority-value .type-image, .task-view-wrapper .content .left-part .section .row.labels .value .priority-value .priority-image, .task-view-wrapper .content .left-part .section .row.periods .value .type-value .type-image, .task-view-wrapper .content .left-part .section .row.periods .value .type-value .priority-image, .task-view-wrapper .content .left-part .section .row.periods .value .priority-value .type-image, .task-view-wrapper .content .left-part .section .row.periods .value .priority-value .priority-image, .task-view-wrapper .content .left-part .section .row.sprint .value .type-value .type-image, .task-view-wrapper .content .left-part .section .row.sprint .value .type-value .priority-image, .task-view-wrapper .content .left-part .section .row.sprint .value .priority-value .type-image, .task-view-wrapper .content .left-part .section .row.sprint .value .priority-value .priority-image, .task-view-wrapper .content .left-part .section .row.epic .value .type-value .type-image, .task-view-wrapper .content .left-part .section .row.epic .value .type-value .priority-image, .task-view-wrapper .content .left-part .section .row.epic .value .priority-value .type-image, .task-view-wrapper .content .left-part .section .row.epic .value .priority-value .priority-image {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.task-view-wrapper .content .left-part .section .row.labels *.hidden {
  display: none;
}
.task-view-wrapper .content .left-part .section .row.labels .task-labels {
  width: 100%;
}
.task-view-wrapper .content .left-part .section .row.labels .task-labels .value {
  width: fit-content;
}
.task-view-wrapper .content .left-part .section .row.labels .label {
  border-radius: 3px;
  background: rgba(9, 30, 66, 0.08);
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  margin-left: 5px;
  color: #0052cc;
  max-width: 200px;
  overflow: hidden;
}
.task-view-wrapper .content .left-part .section .row.labels .label:first-child {
  margin-left: 0;
}
.task-view-wrapper .content .left-part .section .row.labels .edit-mode {
  position: relative;
  width: 96%;
  max-width: 600px;
}
.task-view-wrapper .content .left-part .section .row.labels .edit-mode .search-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  padding: 4px 20px 4px 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
.task-view-wrapper .content .left-part .section .row.labels .edit-mode .search-container.hidden {
  display: none;
}
.task-view-wrapper .content .left-part .section .row.labels .edit-mode .search-container .labels {
  display: flex;
  align-items: center;
  max-width: 70%;
  overflow-x: auto;
}
.task-view-wrapper .content .left-part .section .row.labels .edit-mode .search-container .labels .label {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
  line-height: 21px;
}
.task-view-wrapper .content .left-part .section .row.labels .edit-mode .search-container .labels .label .close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  font-size: 8px;
  background: #ECEDF0;
}
.task-view-wrapper .content .left-part .section .row.labels .edit-mode .search-container .label-input {
  border: none;
  flex: 1;
  margin-left: 10px;
}
.task-view-wrapper .content .left-part .section .row.labels .edit-mode .select {
  max-width: 100%;
  min-width: 100%;
}
.task-view-wrapper .content .left-part .section.periods .save-periodical-task {
  background: #135fff;
  padding: 4px 14px;
  color: white;
  border-radius: 4px;
  display: block;
  text-align: center;
}
.task-view-wrapper .content .left-part .section.periods *.hidden {
  display: none;
}
.task-view-wrapper .content .left-part .section.periods .task-weekdays {
  width: 100%;
}
.task-view-wrapper .content .left-part .section.periods .weekday {
  border-radius: 3px;
  background: rgba(9, 30, 66, 0.08);
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  margin-left: 5px;
  color: #0052cc;
  max-width: 200px;
  overflow: hidden;
}
.task-view-wrapper .content .left-part .section.periods .weekday:first-child {
  margin-left: 0;
}
.task-view-wrapper .content .left-part .section.periods .edit-mode {
  position: relative;
  width: 96%;
  max-width: 600px;
}
.task-view-wrapper .content .left-part .section.periods .edit-mode .search-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  padding: 4px 20px 4px 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
.task-view-wrapper .content .left-part .section.periods .edit-mode .search-container.hidden {
  display: none;
}
.task-view-wrapper .content .left-part .section.periods .edit-mode .search-container .weekdays {
  display: flex;
  align-items: center;
  max-width: 70%;
  overflow-x: auto;
}
.task-view-wrapper .content .left-part .section.periods .edit-mode .search-container .weekdays .weekday {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
  line-height: 21px;
}
.task-view-wrapper .content .left-part .section.periods .edit-mode .search-container .weekdays .weekday .close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  font-size: 8px;
  background: #ECEDF0;
}
.task-view-wrapper .content .left-part .section.periods .edit-mode .search-container .weekday-input {
  border: none;
  flex: 1;
  margin-left: 10px;
}
.task-view-wrapper .content .left-part .section.attachments {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.task-view-wrapper .content .left-part .section.attachments .files-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  border: 1px dotted #E3E4E8;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .create-attachment {
  cursor: pointer;
  padding: 20px 0 0 0;
  font-size: 14px;
  width: 100%;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .create-attachment .icon {
  width: 34px;
  height: 25px;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: auto;
  padding: 10px;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container {
  width: 162px;
  height: 205px;
  margin: 0 15px 15px 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  padding: 5px;
  border-radius: 10px;
  border: 1px solid #ececec;
  position: relative;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container:hover {
  background: #f6f6f6;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container .icon-container {
  flex: 1;
  width: 100%;
  background: #F4F7FE;
  border-radius: 8px;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container .icon-container .icon {
  width: 50px;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container .file-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container .file-info .name {
  width: 100%;
  color: #135FFF;
  font-size: 12px;
  margin-bottom: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container .file-info .date {
  color: #7A7B80;
  font-size: 10px;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container .file-info .size {
  color: #7A7B80;
  font-size: 10px;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container:hover .delete-attachment-button {
  display: block;
}
.task-view-wrapper .content .left-part .section.attachments .files-container .files .file-container .delete-attachment-button {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 5px;
  display: none;
  background: radial-gradient(circle, #ffffff, transparent);
  border-radius: 5px;
}
.task-view-wrapper .content .left-part .section.activity {
  width: 100%;
}
.task-view-wrapper .content .left-part .section.activity .new-comment .add-comment-block {
  width: 100%;
  margin-bottom: 9px;
  padding: 10px;
  border: 1px solid #dfe1e5;
  border-radius: 3px;
  color: #999;
  text-decoration: none;
  cursor: text;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment {
  margin-top: 20px;
  display: flex;
  border-bottom: 1px #E3E4E8 solid;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment p {
  margin: 0;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .author {
  position: relative;
  width: 100%;
  padding-left: 33px;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .author .body-wrapper {
  margin: 10px 0;
  font-size: 14px;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .author .author-image {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #B3B4B9;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .author .name {
  color: #135FFF;
  font-size: 12px;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .author .name span {
  color: #707070;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .author .created {
  margin-top: 5px;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .task-comment {
  padding-right: 10px;
  word-break: break-all;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .task-comment img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .comment-actions {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .comment-actions.hidden {
  display: none;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .comment-actions button {
  margin-left: 5px;
  color: #636363;
  font-size: 12px;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .comment-actions button:active {
  color: #202020;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment .comment-actions button:first-child {
  margin-left: 0;
}
.task-view-wrapper .content .left-part .section.activity .activity-wrapper .comment:last-of-type {
  border-bottom: none;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container {
  display: flex;
  flex-direction: column;
  user-select: none;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .search-wrapper {
  margin: 10px 0;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .task-search {
  width: 100%;
  padding: 6px 10px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fafafa;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .task-search:focus {
  outline: none;
  border-color: #007acc;
  box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.2);
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .task-search ::placeholder {
  color: #888;
  font-style: italic;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .header .title {
  margin: 0;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .header .actions button i {
  font-size: 18px;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container {
  background-color: #f4f5f7;
  border-radius: 4px;
  padding: 8px;
  margin: 16px 0;
  box-shadow: 0 1px 1px rgba(9, 30, 66, 0.25);
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid #dddddd;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .select-title {
  font-size: 20px;
  font-weight: 600;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .user-guide {
  display: flex;
  gap: 20px;
  font-family: Arial, sans-serif;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .user-guide .guide {
  display: flex;
  align-items: center;
  gap: 8px;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .user-guide .guide .info {
  font-size: 14px;
  color: #333;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .user-guide .guide span[class^="is-"] {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .user-guide .guide .is-self {
  background-color: #a7bdfc;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .user-guide .guide .is-descendant {
  background-color: #99d6b3;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .user-guide .guide .is-ancestor {
  background-color: #fca7a7;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .search-wrapper {
  flex: 1;
  margin: 0 16px;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .search-wrapper .task-search {
  width: 100%;
  padding: 6px 10px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fafafa;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .search-wrapper .task-search:focus {
  outline: none;
  border-color: #007acc;
  box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.2);
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .search-wrapper .task-search::placeholder {
  color: #888;
  font-style: italic;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .select-actions {
  display: flex;
  gap: 8px;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .select-actions .btn-cancel, .task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .select-actions .btn-save {
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .select-actions .btn-cancel {
  background: #eeeeee;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .select-header .select-actions .btn-save {
  background: #007acc;
  color: #ffffff;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container.for-select .tasks-list {
  height: 500px;
  overflow: auto;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task {
  display: grid;
  grid-template-columns: 1fr 120px 160px auto;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #dfe1e6;
  border-radius: 4px;
  padding: 8px 12px;
  margin-bottom: 4px;
  gap: 16px;
  transition: background-color 0.2s, border-color 0.2s;
  cursor: pointer;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task:hover {
  background-color: #f8f9fa;
  border-color: #c1c7d0;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task.not-selectable {
  background-color: #f0f0f0;
  color: #a0a0a0;
  cursor: not-allowed;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task.not-selectable.is-self {
  background-color: #a7bdfc;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task.not-selectable.is-descendant {
  background-color: #99d6b3;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task.not-selectable.is-ancestor {
  background-color: #fca7a7;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task.is-selected {
  background-color: rgba(0, 122, 204, 0.1);
  border-left: 3px solid #007acc;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task.selected-for-delete {
  background-color: #ffeaea;
  border-left: 3px solid red;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .task-info {
  grid-column: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .task-info .task-link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  min-width: fit-content;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .task-info .task-link .type-image {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .task-info .task-link .task-key {
  font-size: 14px;
  font-weight: 500;
  color: #2d57ec;
  white-space: nowrap;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .task-info .task-link .task-key:hover {
  color: #0052cc;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .task-info .task-name {
  font-size: 14px;
  font-weight: 500;
  color: #172b4d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .status-info {
  grid-column: 2;
  width: 100%;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .assignee-info {
  grid-column: 3;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .assignee-info .assignee-link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  max-width: 100%;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .assignee-info .assignee-link .assignee-image {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #dfe1e6;
  object-fit: cover;
  flex-shrink: 0;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .assignee-info .assignee-link .assignee-name {
  font-size: 12px;
  color: #42526e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .assignee-info .assignee-link .assignee-name:hover {
  color: #0052cc;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .remove-btn {
  grid-column: 4;
  justify-self: end;
  cursor: pointer;
}
.task-view-wrapper .content .left-part .section.custom-tasks-container .tasks-container .task .remove-btn i {
  font-size: 16px;
  display: block;
}
.task-view-wrapper .content .right-part {
  width: 422px;
  min-height: 500px;
  margin: 10px 0 0 10px;
  padding: 18px;
  background: #f6f6f6;
  border: 1px solid #E3E4E8;
  border-radius: 10px;
}
.task-view-wrapper .content .right-part .section {
  margin-bottom: 29px;
}
.task-view-wrapper .content .right-part .section .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
}
.task-view-wrapper .content .right-part .section .title .icon {
  margin-right: 12px;
  min-height: 20px;
}
.task-view-wrapper .content .right-part .section .title .icon.people {
  width: 30px;
  height: 30px;
  margin-left: -4px;
}
.task-view-wrapper .content .right-part .section .title .icon.calendar {
  width: 30px;
  height: 30px;
  margin-left: -4px;
}
.task-view-wrapper .content .right-part .section .title .icon.clock {
  width: 24px;
  height: 24px;
}
.task-view-wrapper .content .right-part .section .title .icon.user {
  width: 30px;
  height: 30px;
  margin-left: -4px;
}
.task-view-wrapper .content .right-part .section .title .icon.sync {
  width: 30px;
  height: 30px;
}
.task-view-wrapper .content .right-part .section .row {
  margin: 0 0 3px 0;
  flex-wrap: nowrap;
  height: 30px;
  align-items: center;
}
.task-view-wrapper .content .right-part .section .row.wrap-to-next-line {
  gap: 10px;
  flex-wrap: wrap;
  height: fit-content;
  justify-content: space-between;
  margin-bottom: 10px;
}
.task-view-wrapper .content .right-part .section .row.wrap-to-next-line a, .task-view-wrapper .content .right-part .section .row.wrap-to-next-line p {
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-view-wrapper .content .right-part .section .row.user {
  height: 50px;
  position: relative;
}
.task-view-wrapper .content .right-part .section .row.user .value {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  height: 30px;
}
.task-view-wrapper .content .right-part .section .row.user .value .assignee-to-me {
  position: absolute;
  bottom: -23px;
  left: 8px;
  color: #135FFF;
  padding: 3px;
  outline: none;
  margin-bottom: 5px;
}
.task-view-wrapper .content .right-part .section .row.assignee .value:not(.active):hover {
  cursor: pointer;
  outline: 1px solid #E3E4E8;
  border-radius: 4px;
}
.task-view-wrapper .content .right-part .section .row.estimate .value, .task-view-wrapper .content .right-part .section .row.remaining .value {
  width: 100%;
  padding: 0;
}
.task-view-wrapper .content .right-part .section .row.estimate .value .view-mode, .task-view-wrapper .content .right-part .section .row.remaining .value .view-mode {
  width: 100%;
  cursor: initial;
  padding: 1px 10px;
}
.task-view-wrapper .content .right-part .section .row.estimate .value .view-mode.editable:hover:not(.active), .task-view-wrapper .content .right-part .section .row.remaining .value .view-mode.editable:hover:not(.active) {
  cursor: pointer;
  outline: 1px solid #E3E4E8;
  border-radius: 4px;
}
.task-view-wrapper .content .right-part .section .row p {
  margin-bottom: 0;
}
.task-view-wrapper .content .right-part .section .row .field {
  font-size: 14px;
  max-width: 120px;
  min-width: 120px;
  color: #7A7B80;
}
.task-view-wrapper .content .right-part .section .row .value {
  position: relative;
  font-size: 14px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 3px 10px;
}
.task-view-wrapper .content .right-part .section .row .value .view-mode {
  display: flex;
  width: 100%;
}
.task-view-wrapper .content .right-part .section .row .value .view-mode.hidden {
  display: none;
}
.task-view-wrapper .content .right-part .section .row .value .edit-mode {
  width: 100%;
}
.task-view-wrapper .content .right-part .section .row .value .edit-mode.estimate, .task-view-wrapper .content .right-part .section .row .value .edit-mode.remaining {
  position: relative;
}
.task-view-wrapper .content .right-part .section .row .value .edit-mode.estimate .actions, .task-view-wrapper .content .right-part .section .row .value .edit-mode.remaining .actions {
  position: absolute;
  right: 0;
  bottom: -27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px;
  background: #fff;
  border-radius: 3px;
  z-index: 10;
}
.task-view-wrapper .content .right-part .section .row .value .edit-mode.estimate .actions .action-button, .task-view-wrapper .content .right-part .section .row .value .edit-mode.remaining .actions .action-button {
  background: #ecedf0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border-radius: 3px;
  color: #7a7a7a;
  font-size: 10px;
  cursor: pointer;
}
.task-view-wrapper .content .right-part .section .row .value .edit-mode.estimate .actions .action-button:active, .task-view-wrapper .content .right-part .section .row .value .edit-mode.remaining .actions .action-button:active {
  background: #ecedf0;
}
.task-view-wrapper .content .right-part .section .row .value .edit-mode.estimate .actions .action-button:first-child, .task-view-wrapper .content .right-part .section .row .value .edit-mode.remaining .actions .action-button:first-child {
  margin-left: 0;
}
.task-view-wrapper .content .right-part .section .row .value .edit-mode .estimate-input, .task-view-wrapper .content .right-part .section .row .value .edit-mode .remaining-input {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 1px 10px;
}
.task-view-wrapper .content .right-part .section .row .img {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #B3B4B9;
  object-fit: cover;
}
.task-view-wrapper .content .right-part .section .row .name {
  margin-left: 8px;
}
.task-view-wrapper .content .right-part .section .row .count {
  padding: 1px 10px;
  background: #afafaf;
  color: #fff;
  border-radius: 5px;
}
.task-view-wrapper .content .right-part .section .row .select .option {
  display: flex;
}
.task-view-wrapper .content .right-part .section .row .select .option:hover {
  background: #f3f8ff;
}
.task-view-wrapper .content .right-part .section.collaborators .row .field {
  width: fit-content;
  min-width: 200px;
  max-width: initial;
  display: flex;
  align-items: center;
}
.task-view-wrapper .content .right-part .section.collaborators .row .field .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
  margin: 0 10px;
  line-height: 22px;
}
.task-view-wrapper .content .right-part .section.sync-status a {
  width: 260px;
  color: #2d57ec;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-view-wrapper .value.active {
  background: #fff;
  border-radius: 4px 4px 0 0;
  outline: 1px solid #dfdfdf;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
.task-view-wrapper .value.active .select {
  display: block;
}
.task-view-wrapper .value .select {
  display: none;
  top: 100%;
}
.task-view-wrapper .select {
  position: absolute;
  left: 0;
  min-width: 200px;
  max-width: 500px;
  max-height: 400px;
  overflow-y: auto;
  background: #fff;
  z-index: 99999;
  width: 100%;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  outline: 1px solid #dfdfdf;
  border-top: none;
}
.task-view-wrapper .select .search-input {
  width: 100%;
  padding: 6px 15px;
  border: none;
  border-radius: 4px;
  margin-bottom: 5px;
}
.task-view-wrapper .select .option {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  padding: 6px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.task-view-wrapper .select .option .type-image, .task-view-wrapper .select .option .priority-image {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.task-view-wrapper .select .option:hover {
  background: #F4F7FE;
}
.task-view-wrapper .tox-tinymce .actions-con {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #f1f1f1;
}
.task-view-wrapper .tox-tinymce .actions-con .button {
  min-width: 80px;
  padding: 9px 15px;
  cursor: pointer;
  font-size: 16px;
  height: initial;
  max-height: initial;
  min-height: initial;
  margin: 3px 5px;
  line-height: 16px;
}
.task-view-wrapper .tox-tinymce .actions-con .button.save {
  background: #135FFF;
  color: #fff;
}
.task-view-wrapper .tox-tinymce .actions-con .button.cancel {
  color: #0052cc;
}
.task-view-wrapper .task-view-header .right-box .plan-task-btn, .board-task-info-container .plan-task-btn {
  min-height: 37px;
  min-width: 91px;
  background: #F4F7FE !important;
  border: 1px solid #DDDEE2 !important;
  color: #0A0A0A;
  font-weight: 400;
  margin-left: 4px;
}
.task-view-wrapper .task-view-header .right-box .plan-task-btn:active, .board-task-info-container .plan-task-btn:active {
  background: #edf3ff !important;
}
.tasks-title-container {
  display: flex;
  align-items: center;
}
.tasks-title-container .jira-profile-con {
  margin-left: 15px;
  display: flex;
  align-items: center;
  background: #F4F7FE;
  border-radius: 13px;
  padding: 0 2px;
}
.tasks-title-container .jira-profile-con svg {
  width: 26px;
}
.tasks-title-container .jira-profile-con .name {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
}
.tasks-title-container .jira-profile-con .log-out-btn {
  height: 26px;
  width: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #135FFF;
  font-size: 10px;
  font-weight: 400;
  border: 1px solid #BAD0FE;
  border-radius: 14px;
  margin-left: 15px;
}
.jira-login-page, .google-login-page {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
}
.jira-login-page .login-container, .google-login-page .login-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-family: "Arial", sans-serif;
  color: #1E1E1D;
}
.jira-login-page .login-container h1, .google-login-page .login-container h1 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}
.jira-login-page .login-container p, .google-login-page .login-container p {
  font-size: 18px;
  margin-bottom: 37px;
}
.jira-login-page .login-container .jira-login-button, .jira-login-page .login-container .google-login-button, .google-login-page .login-container .jira-login-button, .google-login-page .login-container .google-login-button {
  height: 44px;
  display: flex;
  align-items: center;
  background-color: #F4F7FE;
  color: #135FFF;
  border-radius: 22px;
  padding: 0 20px 0 2px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  border: 1.5px solid #BAD0FE;
}
.jira-login-page .login-container .jira-login-button svg, .jira-login-page .login-container .google-login-button svg, .google-login-page .login-container .jira-login-button svg, .google-login-page .login-container .google-login-button svg {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  margin-right: 13px;
}
.images-slider {
  position: fixed;
  top: 0;
  left: 0;
  width: fit-content;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
}
.images-slider .images-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100%;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.images-slider .images-container .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: relative;
}
.images-slider .images-container .image-container .attachment-image {
  width: 60%;
  height: 60%;
  object-fit: contain;
}
.images-slider .images-container .image-container .attachment-image.active {
  display: block;
}
.images-slider .images-container .image-container .download-attachment {
  position: absolute;
  right: 90px;
  top: 20px;
  width: 60px;
  height: 60px;
  background: white;
  border: none;
  border-radius: 50%;
  z-index: 3001;
}
.images-slider .images-container .image-container .download-attachment .download-attachment-image {
  width: 100%;
  height: 100%;
}
.images-slider .images-container .image-container .download-attachment:hover {
  background: rgba(255, 255, 255, 0.8);
}
.images-slider .slide-left, .images-slider .slide-right {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 53px;
  height: 98px;
  padding: 1px 6px;
  background: transparent;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.3s ease;
  z-index: 3001;
}
.images-slider .slide-left:hover, .images-slider .slide-right:hover {
  background: rgba(0, 0, 0, 0.8);
}
.images-slider .slide-left {
  left: 0;
}
.images-slider .slide-right {
  right: 0;
}
.images-slider .slide-right img {
  margin-left: -5px;
}
.images-slider .fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: black;
  height: 50px;
  z-index: 3000;
  display: flex;
  align-items: center;
}
.images-slider .fixed-header .file-name {
  padding-left: 20px;
  flex: 1;
}
.images-slider .fixed-header .close-popup, .images-slider .fixed-header .download-attachment {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  aspect-ratio: 1;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  font-size: 18px;
  line-height: 30px;
  transition: background 0.3s ease;
  z-index: 3001;
}
.images-slider .fixed-header .close-popup img, .images-slider .fixed-header .download-attachment img {
  width: 50%;
  height: 50%;
}
.images-slider .fixed-header .close-popup:hover, .images-slider .fixed-header .download-attachment:hover {
  background: #707070;
}
.images-slider .fixed-header .download-attachment {
  border-right: 1px solid #404040;
}
#daily-frequency-period .icons-box {
  top: 14px !important;
}
.hidden-important {
  display: none !important;
}
.tox-tinymce-aux.tox-silver-sink {
  z-index: 999999;
}
.tox-tinymce-aux.tox-silver-sink {
  z-index: 999999;
}
.loader-container {
  width: 100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.boards-list-container .addItemBtn .left-icon {
  margin-right: unset;
}
.table-header .dropdown-box .import-button-item {
  display: block;
  border-radius: 6px;
  transition: background-color 0.2s ease-in-out;
  font-size: 14px;
  cursor: pointer;
  line-height: 21px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  width: 100%;
}
.table-header .dropdown-box .import-button-item input[type="file"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.table-header .dropdown-box .import-button-item:hover {
  background: #edf2f7;
}
.table-header .dropdown-box .import-button-item .button {
  margin-left: 12px;
}
.table-header .dropdown-box .import-button-item .icon-svg138 {
  transform: rotate(90deg);
}
.table-header .dropdown-box .icon-export::before {
  font-size: 17px;
  margin-right: 8px;
}
.table-header .additional-list-elements-dropdown .button.dropdown-toggle .ico-svg {
  top: 0;
}
.assignee-plan {
  display: flex;
  align-items: center;
}
.assignee-plan .employee-title {
  margin-right: 5px;
}
.assignee-plan .task-plan-employee {
  display: flex;
  align-items: center;
  gap: 8px;
}
.assignee-plan .task-plan-employee .expander {
  transition-duration: 0.5s;
  margin-left: auto;
}
.assignee-plan .img {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #B3B4B9;
  object-fit: cover;
}
.assignee-plan .task-plan-employee {
  display: flex;
  padding: 5px 10px;
  border-radius: 10px;
}
.assignee-plan .task-plan-employee:hover {
  cursor: pointer;
}
.assignee-plan .assignees-container {
  position: absolute;
  top: auto !important;
  width: auto !important;
}
.assignee-plan .assignees-container.hidden {
  display: none !important;
}
.assignee-plan .value {
  background: #F6F6F6;
  min-width: 400px;
}
.assignee-plan .value .expander {
  transform: rotate(270deg);
}
.assignee-plan .value.active {
  background: #fff;
  border-radius: 4px 4px 0 0;
  outline: 1px solid #dfdfdf;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}
.assignee-plan .value.active .select {
  display: block;
}
.assignee-plan .value.active .expander {
  transform: rotate(90deg);
}
.assignee-plan .value .select {
  display: none;
  top: 100%;
}
.assignee-plan .select {
  min-width: 400px;
  max-width: 500px;
  max-height: 400px;
  overflow-y: auto;
  background: #FFFFFF;
  z-index: 999999;
  width: 100%;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  outline: 1px solid #dfdfdf;
  border-top: none;
}
.assignee-plan .select .search-input {
  width: 100%;
  padding: 6px 15px;
  border: none;
  border-radius: 4px;
  margin-bottom: 5px;
}
.assignee-plan .select .option {
  gap: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  padding: 6px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.assignee-plan .select .option .type-image, .assignee-plan .select .option .priority-image {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.assignee-plan .select .option:hover {
  background: #F4F7FE;
}
.table-container-plan-modal {
  position: relative;
  overflow: auto;
  width: 100%;
  height: fit-content;
  margin-top: 20px;
}
.table-container-plan-modal .tempo-table {
  display: table;
  position: relative;
  overflow: clip;
  max-height: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}
.table-container-plan-modal .tempo-table.my-tasks {
  padding-bottom: 0;
  height: 100%;
}
.table-container-plan-modal .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell {
  padding: 10px 10px 2px;
}
.table-container-plan-modal .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.today {
  border-bottom: none;
}
.table-container-plan-modal .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 8px;
}
.table-container-plan-modal .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .wrapper .time-container {
  font-size: 14px;
}
.table-container-plan-modal .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .wrapper .time-container .planed, .table-container-plan-modal .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .wrapper .time-container .log {
  font-weight: 700;
}
.table-container-plan-modal .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .divider {
  width: 100%;
  border-radius: 2px;
  height: 4px;
  background: #bbb;
}
.table-container-plan-modal .tempo-table.my-tasks .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell .divider .percent {
  height: 100%;
  border-radius: 2px;
  background: #32E296;
  width: 0;
}
.table-container-plan-modal .tempo-table.my-tasks .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings {
  padding-bottom: 35px;
}
.table-container-plan-modal .tempo-table.my-tasks .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row {
  height: 104px;
}
.table-container-plan-modal .tempo-table.my-tasks .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-wrapper:hover .task-footer .log-time-wrapper {
  display: none;
}
.table-container-plan-modal .tempo-table.my-tasks .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-wrapper:hover .task-footer .editable-container {
  display: flex;
}
.table-container-plan-modal .tempo-table .table-header-group {
  position: sticky;
  top: 0;
  display: table-header-group;
  z-index: 100;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head {
  display: table-row;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users {
  display: flex;
  align-items: center;
  max-width: 250px;
  min-width: 250px;
  text-align: left;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  background: #F6F6F6;
  border: none;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .user {
  display: flex;
  align-items: center;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .user .count {
  margin-left: 5px;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .search-container {
  position: relative;
  margin: 0 10px;
  flex: 1;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .search-container .search {
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 5px 20px 5px 5px;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .search-container .clear-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  cursor: pointer;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .search-container .clear-icon::before {
  font-size: 10px;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .open-all-plans {
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
  width: 20px;
  height: 20px;
  margin: 3px;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.users .open-all-plans.active {
  transform: rotate(90deg);
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell {
  display: table-cell;
  text-align: center;
  padding: 5px;
  background: #E7EFFF;
  font-size: 14px;
  border-right: 2px solid #CBDCFF;
  min-width: 230px;
  cursor: pointer;
}
.table-container-plan-modal .tempo-table .table-header-group .tempo-table-row.tempo-table-head .tempo-table-cell.today {
  color: #135FFF;
  border-bottom: 1px solid #135FFF;
  background: #D6E4FF;
  min-width: 360px;
  font-size: 16px;
  font-weight: 700;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group {
  display: table-row-group;
  overflow: auto;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .log-time {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group.hidden {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row {
  display: table-row;
  position: relative;
  cursor: pointer;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row.hidden {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row.active .tempo-table-cell.users .employee-time-container {
  display: flex;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users {
  display: table-cell;
  align-items: center;
  padding: 0;
  width: 250px;
  max-width: 250px;
  min-width: 250px;
  min-height: 50px;
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper {
  flex: 1;
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .time-container {
  font-weight: 500;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .time-container .plan-time, .table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .time-container .available-time {
  text-align: right;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.underloaded {
  background: #FFFCF5;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.overloaded {
  background: #FFF9F9;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.active {
  background: #135FFF;
  color: #fff;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.searched {
  background: #e3e3e3;
  color: inherit;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper.hidden {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
  width: calc(100% - 50px);
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container .employee-image {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container .info-container {
  margin-left: 15px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container .info-container .name {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 160px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .employee-container .info-container .profession {
  font-size: 12px;
  width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .exclude-employee {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .exclude-employee:hover {
  background: rgba(231, 239, 255, 0.9);
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-wrapper .exclude-employee svg {
  margin-right: 10px;
  width: 22px;
  height: 22px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .view-type-container {
  display: flex;
  justify-content: space-around;
  margin-top: 5px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .view-type-container.hidden {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .view-type-container .view-type-btn {
  width: 48%;
  padding: 5px;
  text-align: center;
  background: #E7EBF3;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #272727;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .view-type-container .view-type-btn.active {
  background: #135FFF;
  color: #fff;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .times-container {
  position: absolute;
  bottom: 0;
  right: 0;
  height: calc(100% - 55px);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  width: 15px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .times-container .time {
  position: relative;
  flex: 1;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .times-container .time span {
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 14px;
  color: #737373;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container {
  display: none;
  flex-direction: column;
  padding: 3px 10px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row.green {
  color: #3cbc00;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row.green .time {
  color: #3cbc00;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row.red {
  color: #ff0000;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.users .employee-time-container .time-row.red .time {
  color: #ff0000;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell {
  display: table-cell;
  width: 230px;
  height: 0;
  max-width: 240px;
  min-width: 240px;
  vertical-align: top;
  border-right: 2px solid #DFE2EB;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.active {
  background: #e2e3e9;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.today {
  background: #e9f1ff;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.today .planning-wrapper .day-plannings .add-new-plan {
  background: #D6E4FF;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.in-vacation, .table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.holiday {
  color: #aaa;
  font-weight: 700;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.in-vacation a, .table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.holiday a {
  font-weight: initial;
  color: #94abff;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.in-vacation .time-container .time:after, .table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.holiday .time-container .time:after {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.in-vacation .time-container .log-time, .table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell.holiday .time-container .log-time {
  display: none !important;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #DFE2EB;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper:hover .day-plannings .add-new-plan {
  visibility: initial;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container .time {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  font-weight: 500;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container .time::after {
  content: "";
  background-color: #32E296;
  position: absolute;
  height: 2px;
  bottom: -2px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  border-radius: 3px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container .time.partly-overloaded::after {
  background-color: #FFCD5A;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .time-container .time.overloaded::after {
  background-color: #FF9F9F;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .content-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .content-container .time-rule-container .hour {
  position: relative;
  width: 100%;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .content-container .time-rule-container .hour .quarter-hour {
  width: 100%;
  height: 20px;
  border-bottom: 1px solid #ddd;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .content-container .time-rule-container .hour .quarter-hour:last-child {
  border-bottom: 2px solid #ccc;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings.time-mod {
  position: absolute;
  top: 5px;
  left: 0;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row {
  position: relative;
  width: 90%;
  height: 123px;
  transition: height 0.3s ease;
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  display: flex;
  margin: 5px;
  padding: 0;
  cursor: grab;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.time-mode {
  margin: 0 5px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.unestimated .tempo-task-wrapper {
  border: 1px solid #ff8e8e;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.unestimated .tempo-task-wrapper .estimate-container .icon-svg33 {
  color: #ff0000;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row:not(.not-accessible-task-row):hover .task-footer .editable-container {
  display: flex !important;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.active {
  height: auto;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.active .tempo-task-wrapper .description {
  margin-top: 5px;
  display: block;
  visibility: inherit;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.active .tempo-task-wrapper .task-head .tempo-task-name {
  white-space: inherit;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.active .tempo-task-wrapper .task-head .show-all-info .icon {
  transform: rotate(-90deg);
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.added .tempo-task-wrapper {
  background: #d6e4ff;
  transform: scale(1.05);
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.added .tempo-task-wrapper .task-footer .editable-container {
  background: #d6e4ff;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.not-happen .task-wrapper::after {
  content: "";
  background-color: #F2D025;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.wrong-time .task-wrapper::after {
  content: "";
  background-color: #FF3B3B;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row.done .task-wrapper::after {
  content: "";
  background-color: #22B500;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .task-wrapper::after {
  content: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .activate-plans-btn {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, background 0.3s ease;
  overflow: hidden;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper.time-mode {
  box-shadow: none;
  border: 1px solid #e4e4e4;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper.time-mode:hover {
  border: 1px solid #afafaf;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head {
  position: relative;
  padding: 0 30px 0 10px;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  margin: 10px 0 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  width: 87%;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .tempo-task-status {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .show-all-info {
  position: absolute;
  right: 8px;
  top: 10px;
  width: 18px;
  height: 18px;
  border: 1px solid #E4E5E9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .show-all-info .icon {
  transition: transform 0.3s ease;
  transform: rotate(90deg);
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-head .project-image {
  width: 30px;
  margin: 10px 0 0;
  border-radius: 50%;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .description {
  display: none;
  overflow-wrap: anywhere;
  visibility: hidden;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  color: #707070;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: inherit;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  min-height: 30px;
  margin-top: 10px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status {
  margin-left: 5px;
  display: flex;
  align-items: center;
  color: #ACAEB5;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-status span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-estimate {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .tempo-task-assignee {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-key-container .tempo-task-key {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 0;
  color: #2d57ec;
  max-width: 120px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .editable-task-row-wrapper .task-key-container .tempo-task-key:hover {
  cursor: pointer;
  color: #688aff;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .time-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  gap: 5px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer {
  position: relative;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  min-height: initial;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .editable-container {
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  align-items: center;
  background: #fff;
  padding: 0 5px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .editable-container .task-delete {
  padding: 3px;
  margin: auto 0;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .editable-container .task-move-wrapper {
  display: flex;
  justify-content: space-between;
  width: 48px;
  margin-right: 8px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .editable-container .task-move-wrapper .task-move-item {
  background: #fff;
  width: 21px;
  height: 21px;
  border: 1px solid #E4E5E6;
  border-radius: 4px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .task-time-wrapper {
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .task-time-wrapper .log-icon {
  transform: translate(0, 3px);
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .tempo-task-wrapper .task-footer .creator {
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .tempo-task-row .percent-container {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan {
  position: relative;
  width: 90%;
  height: 49px;
  min-height: 49px;
  display: flex;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  background: #E7EBF3;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin: 4px 0;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan.hidden {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan.only-plan .add-log {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan.only-plan .add-plan {
  width: 100%;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan .ico-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan:hover {
  overflow: hidden;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan:hover .ico-svg {
  display: none;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan:hover .button {
  visibility: visible;
  opacity: 1;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan .ico-svg {
  width: 15px;
  height: 15px;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan .button {
  width: 50%;
  height: 100%;
  background: #135FFF;
  color: #FFFFFF;
  border-radius: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.table-container-plan-modal .tempo-table .tempo-table-row-group .tempo-table-row .tempo-table-cell .planning-wrapper .day-plannings .add-new-plan .button:hover {
  background: #2C4AE1;
}
.table-container-plan-modal .data-box {
  position: sticky;
  left: 0;
}
.table-container-plan-modal .data-container {
  width: 100%;
  margin: 10px 0;
}
.table-container-plan-modal .data-container .description-container .textarea {
  resize: none;
  min-height: 110px;
  border: 1px solid #E3E4E8;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
}
.table-container-plan-modal .data-container .description-container .textarea::placeholder {
  font-size: 14px;
}
.table-container-plan-modal .data-container .input-container {
  width: 70%;
  display: flex;
  margin-bottom: 20px;
}
.table-container-plan-modal .data-container .input-container .name {
  font-size: 14px;
  color: #707070;
  text-align: left;
  min-width: 20%;
}
.table-container-plan-modal .data-container .input-container .value {
  margin-left: 25px;
  color: #707070;
}
.table-container-plan-modal .data-container .input-container input, .table-container-plan-modal .data-container .input-container textarea {
  margin-left: 25px;
  flex: 1;
  height: 38px;
  padding: 10px;
  border: 1px solid #B3B4B9;
  border-radius: 4px;
  font-weight: 400;
}
.table-container-plan-modal .data-container .input-container .planned-time-input.required, .table-container-plan-modal .data-container .input-container .estimated-time-input.required {
  position: relative;
  border: 1px solid #e12929;
}
.table-container-plan-modal .data-container .plan-modal-action-buttons {
  display: flex;
  justify-content: end;
  gap: 10px;
}
.plan-task-form .modal-action-box {
  display: none;
}
.modal-action-box .save-and-create-button {
  margin-left: 10px !important;
}
.jstree-google_task .jstree-node, .jstree-google_task .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-google_task .jstree-anchor, .jstree-google_task .jstree-animated, .jstree-google_task .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-google_task .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-google_task .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-google_task .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}
.jstree-google_task .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-google_task .jstree-disabled {
  background: transparent;
  color: #666666;
}
.jstree-google_task .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-google_task .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-google_task .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-google_task .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-google_task.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-google_task.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.jstree-google_task.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-google_task.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-google_task > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-google_task > .jstree-wholerow-ul .jstree-hovered, .jstree-google_task > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-google_task .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-google_task .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-google_task .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.jstree-google_task .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.jstree-google_task .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-google_task .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  left: 0;
}
.jstree-icon:empty .jstree-google_task.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.jstree-google_task .jstree-wholerow {
  height: 24px;
}
.jstree-google_task .jstree-node {
  margin-bottom: 6px;
}
.jstree-google_task .jstree-node .category-name.active {
  color: #2d57ec;
}
.jstree-google_task .jstree-node .category-name.added {
  opacity: 0.7;
  cursor: default;
}
.jstree-google_task .jstree-node {
  position: relative;
}
.jstree-google_task .jstree-node:last-child {
  margin-bottom: 0;
}
.jstree-google_task .jstree-node:last-child .jstree-anchor {
  margin-bottom: 0;
}
.jstree-google_task .jstree-node {
  background-position: -296px;
  background-repeat: repeat-y;
}
.jstree-google_task .jstree-open > .jstree-ocl {
  background-position: -136px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  font-weight: 100;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-google_task .jstree-open > .jstree-ocl:before {
  content: "-";
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: block;
  color: #C6C6C6;
  position: relative;
  top: -1px;
  left: -1px;
  font-weight: 500;
}
.jstree-google_task .jstree-closed > .jstree-ocl {
  background-position: -104px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-google_task .jstree-closed > .jstree-ocl:before {
  content: "+";
  width: 18px;
  height: 18px;
  font-size: 14px;
  display: block;
  position: relative;
  top: -1px;
  left: -1px;
  color: #C6C6C6;
  font-weight: 500;
}
.jstree-google_task .jstree-themeicon {
  background-position: -264px;
}
.jstree-google_task > .jstree-no-dots .jstree-node, .jstree-google_task > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-google_task > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -40px;
}
.jstree-google_task > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -8px;
}
.jstree-google_task .jstree-disabled {
  background: transparent;
}
.jstree-google_task .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-google_task .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-google_task .jstree-checkbox {
  background-position: -168px;
}
.jstree-google_task .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-google_task.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-google_task .jstree-checked > .jstree-checkbox {
  background-position: -232px;
}
.jstree-google_task.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-google_task .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-google_task .jstree-anchor > .jstree-undetermined {
  background-position: -200px;
}
.jstree-google_task .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-google_task > .jstree-striped {
  background-size: auto 48px;
}
.jstree-google_task.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-google_task.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-google_task.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-google_task.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-google_task.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-google_task.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-google_task.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-google_task.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-google_task .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-google_task > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
#jstree-dnd.jstree-google_task {
  line-height: 24px;
  padding: 0 4px;
}
#jstree-dnd.jstree-google_task i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#jstree-dnd.jstree-google_task .jstree-ok {
  background-position: -4px -68px;
}
#jstree-dnd.jstree-google_task .jstree-er {
  background-position: -36px -68px;
}
.jstree-google_task .jstree-ellipsis {
  overflow: hidden;
}
.jstree-google_task .jstree-ellipsis .jstree-anchor {
  width: calc(100% - ($base-height + 5px));
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-google_task.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-google_task-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-google_task-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-google_task-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-google_task-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  left: 0;
}
.jstree-icon:empty .jstree-google_task-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-google_task-small .jstree-wholerow {
  height: 18px;
}
.jstree-google_task-small .jstree-node {
  margin-bottom: 6px;
}
.jstree-google_task-small .jstree-node .category-name.active {
  color: #2d57ec;
}
.jstree-google_task-small .jstree-node .category-name.added {
  opacity: 0.7;
  cursor: default;
}
.jstree-google_task-small .jstree-node {
  position: relative;
}
.jstree-google_task-small .jstree-node:last-child {
  margin-bottom: 0;
}
.jstree-google_task-small .jstree-node:last-child .jstree-anchor {
  margin-bottom: 0;
}
.jstree-google_task-small .jstree-node {
  background-position: -302px;
  background-repeat: repeat-y;
}
.jstree-google_task-small .jstree-last {
  background: transparent;
}
.jstree-google_task-small .jstree-open > .jstree-ocl {
  background-position: -142px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  font-weight: 100;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-google_task-small .jstree-open > .jstree-ocl:before {
  content: "-";
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: block;
  color: #C6C6C6;
  position: relative;
  top: -1px;
  left: -1px;
  font-weight: 500;
}
.jstree-google_task-small .jstree-closed > .jstree-ocl {
  background-position: -110px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-google_task-small .jstree-closed > .jstree-ocl:before {
  content: "+";
  width: 18px;
  height: 18px;
  font-size: 14px;
  display: block;
  position: relative;
  top: -1px;
  left: -1px;
  color: #C6C6C6;
  font-weight: 500;
}
.jstree-google_task-small .jstree-leaf > .jstree-ocl {
  background-position: -78px;
}
.jstree-google_task-small .jstree-themeicon {
  background-position: -270px;
}
.jstree-google_task-small > .jstree-no-dots .jstree-node, .jstree-google_task-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-google_task-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -46px;
}
.jstree-google_task-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -14px;
}
.jstree-google_task-small .jstree-disabled {
  background: transparent;
}
.jstree-google_task-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-google_task-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-google_task-small .jstree-checkbox {
  background-position: -174px;
}
.jstree-google_task-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-google_task-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-google_task-small .jstree-checked > .jstree-checkbox {
  background-position: -238px;
}
.jstree-google_task-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-google_task-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-google_task-small .jstree-anchor > .jstree-undetermined {
  background-position: -206px;
}
.jstree-google_task-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-google_task-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-google_task-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-google_task-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-google_task-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-google_task-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-google_task-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-google_task-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-google_task-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-google_task-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-google_task-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-google_task-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
#jstree-dnd.jstree-google_task-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-google_task-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-google_task-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-google_task-small .jstree-er {
  background-position: -39px -71px;
}
.jstree-google_task-small .jstree-ellipsis {
  overflow: hidden;
}
.jstree-google_task-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - ($base-height + 5px));
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-google_task-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-google_task-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-google_task-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-google_task-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-google_task-large .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  left: 0;
}
.jstree-icon:empty .jstree-google_task-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-google_task-large .jstree-wholerow {
  height: 32px;
}
.jstree-google_task-large .jstree-node {
  margin-bottom: 6px;
}
.jstree-google_task-large .jstree-node .category-name.active {
  color: #2d57ec;
}
.jstree-google_task-large .jstree-node .category-name.added {
  opacity: 0.7;
  cursor: default;
}
.jstree-google_task-large .jstree-node {
  position: relative;
}
.jstree-google_task-large .jstree-node:last-child {
  margin-bottom: 0;
}
.jstree-google_task-large .jstree-node:last-child .jstree-anchor {
  margin-bottom: 0;
}
.jstree-google_task-large .jstree-node {
  background-position: -288px;
  background-repeat: repeat-y;
}
.jstree-google_task-large .jstree-last {
  background: transparent;
}
.jstree-google_task-large .jstree-open > .jstree-ocl {
  background-position: -128px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  font-weight: 100;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-google_task-large .jstree-open > .jstree-ocl:before {
  content: "-";
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: block;
  color: #C6C6C6;
  position: relative;
  top: -1px;
  left: -1px;
  font-weight: 500;
}
.jstree-google_task-large .jstree-closed > .jstree-ocl {
  background-position: -96px;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 3px;
}
.jstree-google_task-large .jstree-closed > .jstree-ocl:before {
  content: "+";
  width: 18px;
  height: 18px;
  font-size: 14px;
  display: block;
  position: relative;
  top: -1px;
  left: -1px;
  color: #C6C6C6;
  font-weight: 500;
}
.jstree-google_task-large .jstree-leaf > .jstree-ocl {
  background-position: -64px;
}
.jstree-google_task-large .jstree-themeicon {
  background-position: -256px;
}
.jstree-google_task-large > .jstree-no-dots .jstree-node, .jstree-google_task-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-google_task-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px;
}
.jstree-google_task-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px;
}
.jstree-google_task-large .jstree-disabled {
  background: transparent;
}
.jstree-google_task-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-google_task-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-google_task-large .jstree-checkbox {
  background-position: -160px;
}
.jstree-google_task-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-google_task-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-google_task-large .jstree-checked > .jstree-checkbox {
  background-position: -224px;
}
.jstree-google_task-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-google_task-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-google_task-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px;
}
.jstree-google_task-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-google_task-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-google_task-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-google_task-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-google_task-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-google_task-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-google_task-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-google_task-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-google_task-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-google_task-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-google_task-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-google_task-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
#jstree-dnd.jstree-google_task-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-google_task-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#jstree-dnd.jstree-google_task-large .jstree-ok {
  background-position: 0px -64px;
}
#jstree-dnd.jstree-google_task-large .jstree-er {
  background-position: -32px -64px;
}
.jstree-google_task-large .jstree-ellipsis {
  overflow: hidden;
}
.jstree-google_task-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - ($base-height + 5px));
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-google_task-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-google_task-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-google_task .jstree-clicked {
  background-color: transparent;
  box-shadow: none;
  color: #2d57ec;
}
.jstree-google_task .jstree-clicked .vertical-tab-list-item-name {
  color: #2d57ec;
}
.jstree-google_task .jstree-hovered {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}
.jstree-google_task .jstree-search {
  font-style: inherit;
  background-color: rgba(246, 130, 31, 0.1);
}
.jstree-google_task .jstree-search .category-name {
  color: #2d57ec;
}
.jstree-anchor {
  margin-bottom: 8px;
}
.g-content-item-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.g-content-item-wrapper .header {
  font-size: 24px;
  font-weight: 500;
}
.g-content-item-wrapper .content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.g-content-item-wrapper .content .login-google-button {
  display: flex;
  align-items: center;
  background: #eee;
  border-radius: 7px;
}
.g-content-item-wrapper .content .login-google-button:hover {
  background: #ddd;
}
.g-content-item-wrapper .content .login-google-button span {
  padding: 10px;
  font-size: 18px;
  font-weight: 500;
}
.google-tasks-wrapper-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.google-tasks-wrapper-section .items-page-header {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 75px;
  margin: 20px 0 10px;
  border-top: 1px solid #E1E2E5;
  border-bottom: 1px solid #E1E2E5;
}
.google-tasks-wrapper-section .items-page-header .left-part {
  display: flex;
  align-items: center;
}
.google-tasks-wrapper-section .items-page-header .left-part .google-profile-con {
  display: flex;
  align-items: center;
  padding: 0 4px;
  height: 32px;
  border-radius: 16px;
  background: #F4F7FE;
  margin-left: 20px;
}
.google-tasks-wrapper-section .items-page-header .left-part .google-profile-con svg {
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.google-tasks-wrapper-section .items-page-header .left-part .google-profile-con .user-name {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
}
.google-tasks-wrapper-section .items-page-header .left-part .google-profile-con .logout-button {
  height: 26px;
  width: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #135FFF;
  font-size: 10px;
  font-weight: 400;
  border: 1px solid #BAD0FE;
  border-radius: 14px;
  margin-left: 15px;
}
.google-tasks-wrapper-section .items-page-header .left-part .items-main-identifiers-container {
  display: flex;
  align-items: center;
}
.google-tasks-wrapper-section .items-page-header .left-part .items-main-identifiers-container .item-header-icon {
  width: 35px;
  height: 35px;
  display: flex;
  font-size: 19px;
  border: 1px solid #DFDFDF;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.google-tasks-wrapper-section .items-page-header .left-part .items-main-identifiers-container .item-header-icon i {
  font-size: 14px;
}
.google-tasks-wrapper-section .items-page-header .left-part .item-header-title {
  font-size: 18px;
  font-weight: 600;
  margin-left: 7px;
}
.google-tasks-wrapper-section .items-page-header .right-part {
  display: flex;
  align-items: center;
}
.google-tasks-wrapper-section .items-page-header .right-part .action-button {
  width: 38px;
  height: 38px;
  padding: 0;
  margin-right: 12px !important;
  border-radius: 4px;
  border: 1px solid #DDDEE2;
  background: #F6F6F6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.google-tasks-wrapper-section .items-page-header .right-part .action-button .ico-svg {
  width: 16px;
  height: 16px;
  overflow: visible;
}
.google-tasks-wrapper-section .items-page-header .right-part .action-button.add-button {
  margin: 0;
  background: #135FFF;
  width: 50px;
  border: none;
}
.google-tasks-wrapper-section .items-page-header .right-part .action-button.add-button .ico-svg {
  width: 25px;
  height: 25px;
  overflow: visible;
}
.google-tasks-wrapper-section .items-page-header .right-part > * {
  margin-left: 5px;
}
.google-tasks-wrapper-section .items-page-header .right-part .g_tooltip-parent {
  display: flex;
}
.google-tasks-wrapper-section .items-page-header .right-part .g_tooltip-parent button {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.google-tasks-wrapper-section .items-page-header .right-part .g_tooltip-parent button .tool-title {
  padding: 0 10px;
}
.ngs-employees-wrapper {
  width: 100%;
  min-height: calc((var(--vh, 1vh) * 100));
  background: #fff;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.ngs-employees-wrapper.blue img.icon {
  filter: invert(1.5) sepia(4) saturate(7) hue-rotate(180deg);
}
.ngs-employees-wrapper.blue {
  color: #008ADB;
}
.ngs-employees-wrapper.orange {
  color: #E49000;
}
.ngs-employees-wrapper .background-image {
  position: absolute;
  bottom: 0;
  left: 0;
  user-select: none;
}
.ngs-employees-wrapper .header {
  position: absolute;
  top: 30px;
  left: 6%;
  display: flex;
  justify-content: left;
  align-items: flex-end;
  z-index: 200;
}
.ngs-employees-wrapper .header .header-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ngs-employees-wrapper .header .header-nav .left-part {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ngs-employees-wrapper .header .header-nav .left-part .company-wrapper {
  cursor: pointer;
  color: #000;
  font-size: 21px;
  display: flex;
  align-items: flex-end;
  padding: 10px;
}
.ngs-employees-wrapper .header .header-nav .left-part .company-wrapper .header-company-icon {
  width: 158px;
  height: 40px;
}
.ngs-employees-wrapper .header .header-nav .left-part .company-wrapper .company-name {
  margin-left: 10px;
}
.ngs-employees-wrapper .header .header-nav .menu {
  display: none;
}
.ngs-employees-wrapper .container {
  width: 100%;
  flex: 1;
  position: relative;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  overflow: hidden;
}
.ngs-employees-wrapper .container .back-button {
  width: 42px;
  height: 42px;
  font-size: 22px;
  color: #707070;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 38px;
  right: 0;
  z-index: 150;
  user-select: none;
  background: #fff;
}
.ngs-employees-wrapper .container .back-button:active {
  transform: scale(0.95);
}
.ngs-employees-wrapper .container .content {
  display: flex;
  width: 100%;
  z-index: 100;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1330px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .active-team-name {
  display: none;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .background-line {
  position: absolute;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list {
  position: absolute;
  width: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s ease;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list .employee {
  position: absolute;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  z-index: 10;
  opacity: 1;
  transition: transform 0.5s ease, visibility 0.3s ease, opacity 0.5s ease;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list .employee.hidden {
  visibility: hidden;
  opacity: 0;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list .employee .employee-image {
  width: 106px;
  height: 106px;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
  transition: transform 0.3s ease;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list .employee.active .employee-image {
  transform: scale(1.8);
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list .big-circle {
  width: 674px;
  height: 674px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  user-select: none;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container {
  color: #000;
  box-shadow: 0 0 60px rgba(52, 71, 93, 0.1);
  position: absolute;
  width: 324px;
  height: 324px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 100;
  font-family: "Montserrat", sans-serif;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container.active {
  cursor: pointer;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .circle {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  user-select: none;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .employee-info-company-icon {
  position: absolute;
  width: 110px;
  margin-bottom: 10px;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .employee-info-company-icon.hidden {
  visibility: hidden;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .company-name {
  position: absolute;
  top: 65%;
  font-size: 27px;
  font-weight: 500;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .company-name.hidden {
  visibility: hidden;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .first-name {
  font-size: 44px;
  width: 100%;
  text-align: center;
  font-weight: 500;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .last-name {
  font-size: 29px;
  margin: 20px 0;
  width: 100%;
  text-align: center;
  font-weight: 500;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .profession {
  font-size: 13px;
  color: #949494;
  width: 100%;
  text-align: center;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .triangle {
  position: absolute;
  left: -55px;
  top: 50%;
  transform: translate(0, -40%);
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .triangle.orange .triangle-icon {
  fill: #E59101;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .triangle.blue .triangle-icon {
  fill: #008ADB;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team {
  box-shadow: -10px 0 25px rgba(0, 0, 0, 0.06);
  background: #ffffff;
  width: 1200px;
  height: 176px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 50;
  display: flex;
  align-items: center;
  color: inherit;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal {
  margin-left: 250px;
  min-width: 340px;
  max-width: 500px;
  position: absolute;
  top: 50%;
  transform: translate(0, -35px);
  border-radius: 10px;
  padding: 25px 10px 10px 25px;
  user-select: none;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal.active {
  background: #fff;
  box-shadow: 0 0 20px #dcdcdc;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal.active .teams-list {
  display: flex;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal.active .modal-header .icon {
  transform: rotate(180deg);
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  padding: 0 20px;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .modal-header.has-teams {
  cursor: pointer;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .modal-header .icon {
  margin-right: 10px;
  transform: rotate(0);
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .modal-header .modal-title {
  line-height: 1.2em;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .teams-list {
  padding: 0 0 0 20px;
  margin-top: 20px;
  width: 100%;
  font-size: 16px;
  display: none;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-height: 400px;
  overflow: auto;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .teams-list .team {
  margin-bottom: 25px;
  width: 100%;
  height: 20px;
  position: relative;
  cursor: pointer;
  user-select: none;
  color: #000;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .teams-list .team.active {
  color: inherit;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .teams-list .team .team-icon {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .teams-list .team .team-name {
  position: absolute;
  top: 50%;
  transform: translate(20px, -50%);
  font-size: 16px;
  margin-left: 25px;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .arrow-container {
  width: 30px;
  height: 138px;
  position: absolute;
  right: calc(50% - 288px);
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .arrow-container.up-container {
  transform: translate(0, -280%);
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .arrow-container.down-container {
  transform: translate(0, 180%);
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .arrow-container .polygon {
  cursor: pointer;
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .arrow-container .polygon-down {
  transform: rotate(180deg);
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .arrow-container .polygon-down:active {
  transform: rotate(180deg) scale(0.9);
}
.ngs-employees-wrapper .container .content .employees-list-wrapper .arrow-container .polygon-up:active {
  transform: scale(0.9);
}
.ngs-employees-wrapper .container .content .view-container {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  overflow: hidden;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper {
  position: relative;
  width: 88%;
  margin: 0 auto;
  min-height: 500px;
  z-index: 10;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  z-index: 10;
  margin-bottom: 100px;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .employee-image {
  width: 210px;
  height: 210px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 30px;
  margin-top: 93px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .view-triangle {
  display: none;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .name {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #000;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .profession {
  font-size: 20px;
  color: #9C9C9C;
  margin-bottom: 37px;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container {
  max-width: 387px;
  width: 95%;
  font-size: 18px;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);
  padding: 0 18px;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container .team-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%;
  max-width: 263px;
  padding: 16px 0 14px 0;
  border-bottom: 1px solid #C8C8C8;
  margin: 0 auto 24px;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container .team-wrapper .team {
  font-weight: bold;
  margin-bottom: 0;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container .team-wrapper .team-name {
  margin-left: 25px;
  margin-bottom: 0;
  color: #000;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container .contact-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 350px;
  margin-bottom: 30px;
  color: #000;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container .contact-box .contact-item {
  margin-bottom: 18px;
  width: 100%;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container .contact-box .contact-item:last-child {
  margin-bottom: 0;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container .contact-box .contact-item .link {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: inherit;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container .contact-box .contact-item .link .icon {
  width: 25px;
  height: 25px;
  margin-right: 17px;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .description {
  max-width: 700px;
  width: 90%;
  font-size: 18px;
  line-height: 1.5em;
  color: #000;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box {
  margin-top: 40px;
  width: 720px;
  padding: 0 20px;
  position: relative;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 60px;
  text-align: center;
  user-select: none;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .arrow-button {
  position: absolute;
  cursor: pointer;
  bottom: 35px;
  width: 25px;
  height: 25px;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .arrow-button.disable {
  cursor: initial;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .arrow-button.disable path {
  fill: #bebebe;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .arrow-button.previous {
  left: -10px;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .arrow-button.next {
  right: -10px;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .projects-wrapper {
  padding: 10px;
  width: 100%;
  height: 95px;
  overflow: hidden;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .projects-wrapper .projects-list {
  position: relative;
  left: 0;
  transition: left 0.15s;
  display: flex;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .projects-wrapper .projects-list.min-count {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .projects-wrapper .projects-list .project-item {
  position: relative;
  float: left;
  min-width: 190px;
  max-width: 190px;
  height: 75px;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #9C9C9C;
  margin: 0 17px 10px;
  padding: 10px;
  text-align: center;
  user-select: none;
}
.ngs-employees-wrapper .container .content .view-container .view-circle {
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translate(-50%, -100%);
  user-select: none;
}
.ngs-employees-wrapper .container .content .view-container .view-big-circle {
  display: none;
}
.ngs-employees-wrapper .container .content .view-container .view-background-image {
  position: absolute;
  top: 0;
  user-select: none;
}
.ngs-employees-wrapper .container .content .view-container .view-background-image.view-background-left {
  left: 0;
}
.ngs-employees-wrapper .container .content .view-container .view-background-image.view-background-right {
  right: 0;
  transform: scaleX(-1);
}
.ngs-employees-wrapper .footer {
  padding: 25px;
  width: 255px;
  height: 69px;
  position: absolute;
  bottom: 0;
  right: 30px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
  border-radius: 30px 30px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #fff;
  z-index: 100;
}
.ngs-employees-wrapper .footer .icon-container {
  width: 194px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ngs-employees-wrapper .footer .icon-container svg {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 1024px) {
  .ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal {
    margin-left: 180px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .management-team .management-modal .modal-header .icon {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .ngs-employees-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
  .ngs-employees-wrapper.stop-scroll {
    position: fixed;
    overflow-x: hidden;
    touch-action: none;
  }
  .ngs-employees-wrapper .header {
    position: initial;
    width: 100%;
    overflow: visible;
    z-index: 1000;
    box-shadow: none;
  }
  .ngs-employees-wrapper .header .header-nav {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .ngs-employees-wrapper .header .header-nav .left-part .company-wrapper {
    position: absolute;
    top: 15px;
    left: 20px;
    padding: 0;
  }
  .ngs-employees-wrapper .header .header-nav .left-part .company-wrapper .header-company-icon {
    width: 136px;
    height: 28px;
  }
  .ngs-employees-wrapper .header .header-nav .menu {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
    font-size: 14px;
    width: 94px;
    min-width: 94px;
    max-height: 32px;
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: #FFFFFF;
    transition: width 0.3s ease, height 0.3s ease, max-width 0.3s ease, max-height 0.3s ease;
    position: absolute;
    top: 14px;
    right: 20px;
  }
  .ngs-employees-wrapper .header .header-nav .menu .team-header {
    color: #000000;
    padding: 7px 10px;
  }
  .ngs-employees-wrapper .header .header-nav .menu.active {
    width: 90%;
    max-height: 600px;
    height: auto;
  }
  .ngs-employees-wrapper .header .header-nav .menu.hidden {
    display: none;
  }
  .ngs-employees-wrapper .header .header-nav .menu.active svg {
    transform: rotate(180deg);
  }
  .ngs-employees-wrapper .header .header-nav .menu svg {
    margin-left: 14px;
    transform-origin: center;
    transition: transform 0.2s ease;
  }
  .ngs-employees-wrapper .header .header-nav .menu .nav-modal {
    padding: 15px 5px 15px 20px;
    width: 100%;
    transform: translateX(100%);
    transition: transform 0.3s ease;
  }
  .ngs-employees-wrapper .header .header-nav .menu .nav-modal.active {
    transform: translateX(0);
  }
  .ngs-employees-wrapper .header .header-nav .menu .nav-modal .teams-container {
    width: 100%;
    max-height: 500px;
    overflow: auto;
    display: flex;
    flex-direction: column;
  }
  .ngs-employees-wrapper .header .header-nav .menu .nav-modal .teams-container .team-wrapper {
    position: relative;
    margin-bottom: 10px;
    padding: 15px 0;
    font-size: 16px;
    min-height: 20px;
    color: #000000;
  }
  .ngs-employees-wrapper .header .header-nav .menu .nav-modal .teams-container .team-wrapper.active {
    color: inherit;
  }
  .ngs-employees-wrapper .header .header-nav .menu .nav-modal .teams-container .team-wrapper:last-child {
    margin-bottom: 0;
  }
  .ngs-employees-wrapper .header .header-nav .menu .nav-modal .teams-container .team-wrapper .team-icon {
    width: 21px;
    height: 21px;
  }
  .ngs-employees-wrapper .header .header-nav .menu .nav-modal .teams-container .team-wrapper .team-name {
    position: absolute;
    top: 50%;
    transform: translate(20px, -50%);
    font-size: 14px;
  }
  .ngs-employees-wrapper .background-image {
    display: none;
  }
  .ngs-employees-wrapper .container {
    overflow: hidden;
  }
  .ngs-employees-wrapper .container .back-button {
    top: 10px;
    right: 20px;
  }
  .ngs-employees-wrapper .container .back-button .arrow-back {
    width: 7px;
    height: 12px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper {
    position: relative;
    height: 100%;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .active-team-name {
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    font-size: 14px;
    transform: translate(0, -50%);
    transform-origin: top left;
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: 5px;
    height: 100%;
    text-align: center;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .background-line {
    display: none;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list {
    position: absolute;
    right: 50px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list .big-circle {
    width: 437px;
    height: 437px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list .employee .employee-image {
    width: 73px;
    height: 73px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employees-list .employee.active .employee-image {
    transform: scale(1.4);
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container {
    width: 215px;
    height: 215px;
    right: -65px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .circle {
    width: 200px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .triangle {
    left: -40px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .triangle svg {
    width: 30px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .employee-info-company-icon {
    width: 70px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .company-name {
    max-width: 100px;
    font-size: 18px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .first-name {
    transform: translate(-27%, 0);
    width: 60%;
    text-align: right;
    font-size: 26px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .last-name {
    transform: translate(-27%, 0);
    width: 60%;
    text-align: right;
    font-size: 17px;
    margin: 11px 0 5px;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .employee-info-container .profession {
    font-size: 12px;
    transform: translate(-25%, 0);
    width: 50%;
    text-align: right;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .management-team {
    display: none;
  }
  .ngs-employees-wrapper .container .content .employees-list-wrapper .arrow-container {
    display: none;
  }
  .ngs-employees-wrapper .container .content .view-container {
    margin-bottom: 90px;
    padding-bottom: 10px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper {
    width: 100%;
    padding-top: 100px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info {
    margin-bottom: 0;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .employee-image {
    width: 180px;
    height: 180px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .view-triangle {
    display: block;
    margin-bottom: 70px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .view-triangle .triangle-icon.orange {
    fill: #E59101;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .view-triangle .triangle-icon.blue {
    fill: #008ADB;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .name {
    font-size: 20px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .profession {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .team-container {
    font-size: 16px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .contact-box {
    width: 95%;
    justify-content: space-around;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .contact-box .contact-item .link {
    margin-left: 0;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .description {
    font-size: 14px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box {
    width: 95%;
    margin-top: 20px;
    padding: 0;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .title {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .arrow-button.previous {
    left: 5%;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .arrow-button.next {
    right: 5%;
  }
  .ngs-employees-wrapper .container .content .view-container .view-wrapper .view-employee-info .projects-box .projects-wrapper {
    width: 242px;
    margin: 0 auto;
  }
  .ngs-employees-wrapper .container .content .view-container .view-circle {
    top: 205px;
  }
  .ngs-employees-wrapper .container .content .view-container .view-big-circle {
    display: block;
    position: absolute;
    top: 322px;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0 0 20px #dcdcdc;
    border-radius: 50%;
  }
  .ngs-employees-wrapper .container .content .view-container .view-background-image {
    display: none;
  }
  .ngs-employees-wrapper .footer {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 60px;
  }
}
.title-container {
  display: flex;
}
.title-container .icon-container {
  padding: 0 15px 0 5px;
  position: relative;
  display: flex;
  align-items: center;
}
.title-container .icon-svg31 {
  width: 24px;
  height: 24px;
}
.title-container .icon-container:hover .hover-content {
  opacity: 1;
  visibility: initial;
}
.title-container .hover-content {
  max-width: 650px;
  min-width: 400px;
  width: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  background-color: #ffffff;
  left: calc(100% - 3px);
  top: -5px;
  transform: translateY(0%);
  font-size: 14px;
  line-height: 20px;
  padding: 8px 20px 20px;
  border-radius: 6px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.14);
  transition: opacity 0.3s ease-in-out, left 0.2s;
  z-index: 10000;
}
.title-container .hover-content .title, .title-container .hover-content .inner {
  font-size: 14px;
  line-height: 20px;
}
.title-container .hover-content .title {
  font-weight: 500;
  padding-bottom: 10px;
}
.title-container .hover-content::before {
  content: "";
  position: absolute;
  top: 17px;
  left: -8px;
  transform: translateY(-50%) scaleX(-1);
  border-width: 5px 0 5px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
  border-radius: 0 6px 6px 0;
}
.welcome-box-wrapper {
  display: flex;
  flex-direction: column;
  height: 80%;
  justify-content: flex-end;
  /* Horizontally center all items */
  align-items: center;
  /* Vertically center all items */
  overflow: hidden;
  min-height: 500px;
}
.welcome-box-wrapper .welcome-page-title {
  text-align: center;
  margin-top: 10px;
  font-size: 60px;
  font-weight: 500;
  line-height: 50px;
}
.welcome-box-wrapper .welcome-page-name {
  text-align: center;
  margin-top: 10px;
  font-size: 29px;
  line-height: 36px;
  font-weight: 400;
}
.welcome-box-wrapper .welcome-page-logo-container {
  flex: 1;
  max-height: 100%;
  left: -50px;
  right: -50px;
  position: absolute;
  width: auto;
  font-size: 0;
  line-height: 0;
  height: 100%;
}
.welcome-box-wrapper .welcome-page-logo-container img {
  width: 100%;
}
.welcome-box-wrapper .center-logo {
  z-index: 5;
  margin: auto;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  min-height: 100%;
  position: relative;
}
.welcome-box-wrapper .center-logo img {
  width: 12%;
  max-width: 200px;
  transform: translateY(-30px);
}
.welcome-box-wrapper .center-wave {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  position: absolute;
  display: flex;
  align-items: center;
}
.welcome-page-footer {
  font-size: 15px;
  text-align: center;
  margin-bottom: 1%;
}
@media screen and (max-width: 1024px) {
  .welcome-page-footer {
    margin-top: 50px;
    margin-bottom: 0;
  }
}
.source-item-title-container {
  display: flex;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #e2e2e2;
  align-items: baseline;
}
.source-item-title-container p {
  flex: 1;
}
.source-item-container {
  margin: 10px 0;
  display: flex;
  flex-direction: column;
}
.source-item-container span {
  flex: 1;
}
.source-item-container .action-buttons-container {
  display: flex;
}
.source-item-container .action-buttons-container button {
  max-width: 200px;
  margin-top: 10px;
  min-width: 100px;
}
.source-item-container .action-buttons-container .edit {
  background: #1a5fff;
  color: white;
  margin-right: 10px;
}
.source-item {
  padding: 20px;
  border-radius: 8px;
  background: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
}
.modal-items-wrapper {
  display: block;
  min-height: 350px;
  text-align: left;
}
.modal-items-wrapper .input-field {
  margin-top: 10px;
}
.modal-items-wrapper .input-field label {
  font-weight: 700;
  font-size: 14px;
}
.modal-items-wrapper .input-field input {
  padding-right: 10px;
}
.modal-items-wrapper .input-field textarea {
  resize: none;
  height: 100px;
}
.background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.background-image {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.login-content {
  position: absolute;
  top: 60px;
  right: 50px;
  left: auto;
  transform: translate(0, -200);
  padding: 10px 20px 28px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
}
.login-content.reset-box, .login-content.invalid-box {
  top: 65px;
  visibility: initial;
  opacity: 1;
}
.login-content.reset-box {
  top: 160px;
}
.login-content.active {
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
}
.login-content .login-title {
  font-size: 20px;
  margin-bottom: 24px;
}
.login-content .input-field label {
  display: none;
}
.login-content .input-field .ngs_validate {
  margin-top: 3px;
}
.login-content .check-items {
  display: flex;
  justify-content: space-between;
  margin-bottom: 19px;
  font-weight: 600;
  font-size: 14px;
}
.login-content .check-items .forgot-password {
  color: #2d57ec;
}
.login-content .button {
  margin-top: 10px;
  padding: 10px 20px;
  background: #2d57ec;
  width: 100%;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.login-button {
  padding: 0 20px;
  min-height: 35px;
  border-radius: 30px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  color: #000;
  position: fixed;
  top: 15px;
  right: 50px;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
}
.login-button:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.login-button .ico-svg {
  margin-left: 15px;
  width: 22px;
  height: 22px;
}
.request-demo-button {
  position: fixed;
  left: 50%;
  bottom: 20%;
  transform: translate(-50%, 0);
  padding: 10px 30px;
  background: #8f96ba;
  background: linear-gradient(90deg, #8f96ba 0%, #7394ef 50%);
  color: #fff;
  border-radius: 20px;
}
.request-demo-modal {
  padding: 35px 30px 40px;
  min-width: 400px;
  max-width: 700px;
  width: 90%;
  min-height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
  max-height: 95%;
  display: flex;
  flex-direction: column;
}
.request-demo-modal .title {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin-bottom: 28px;
}
.request-demo-modal .demo-modal-content {
  margin-bottom: 10px;
  width: 100%;
  flex: 1;
  overflow: auto;
}
.request-demo-modal .demo-modal-content .request-demo-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.request-demo-modal .demo-modal-content .request-demo-form label {
  display: block;
  width: 100%;
}
.request-demo-modal .demo-modal-content .request-demo-form label.w49 {
  width: 49%;
}
.request-demo-modal .demo-modal-content .request-demo-form label .input-label {
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
.request-demo-modal .demo-modal-content .request-demo-form label input, .request-demo-modal .demo-modal-content .request-demo-form label textarea {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #000;
  background: #fff;
  border: solid 1px #e2e3e5;
  padding: 12px;
  border-radius: 5px;
  margin-bottom: 13px;
}
.request-demo-modal .demo-modal-content .request-demo-form label input.invalid, .request-demo-modal .demo-modal-content .request-demo-form label textarea.invalid {
  border-color: #ff7979;
}
.request-demo-modal .demo-modal-content .request-demo-form label textarea {
  resize: vertical;
  min-height: 70px;
  max-height: 150px;
  margin-bottom: 6px;
}
.request-demo-modal .demo-modal-content .request-demo-form label .choices {
  color: #000;
}
.request-demo-modal .demo-modal-content .request-demo-form label .choices[data-type*="select-one"]:after {
  top: 22px;
}
.request-demo-modal .demo-modal-content .request-demo-form label .choices .choices__inner {
  border-radius: 5px;
  min-height: 44px;
}
.request-demo-modal .demo-modal-content .request-demo-form label .choices .choices__inner.invalid {
  border-color: #ff7979;
}
.request-demo-modal .demo-modal-content .request-demo-form label .choices .choices__list--dropdown.is-active {
  display: block;
}
.request-demo-modal .demo-modal-content .request-demo-form label .choices .choices__list--dropdown {
  display: none;
}
.request-demo-modal .demo-modal-content .request-demo-form label .choices .choices__list--dropdown .choices__list {
  max-height: 300px;
}
.request-demo-modal .demo-modal-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.request-demo-modal .demo-modal-footer .recaptcha {
  transform: scale(0.8);
  position: relative;
  left: -30px;
}
.request-demo-modal .demo-modal-footer .submit {
  max-height: 40px;
  margin-left: 10px;
  padding: 10px 40px;
  background: #126aff;
  border-radius: 20px;
  font-size: 14px;
}
.request-demo-modal .demo-modal-footer .recaptcha.invalid {
  border: 1px solid #ff7979;
}
.request-demo-modal .demo-modal-footer .footer-title {
  position: absolute;
  left: 0;
  bottom: -20px;
  font-size: 13px;
  font-weight: 500;
  color: #656565;
  border-radius: 7px;
  margin-top: 5px;
}
.login-button, .request-demo-button, .request-demo-modal {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
}
.login-button.active, .request-demo-button.active, .request-demo-modal.active {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 500px) {
  .login-button {
    right: 20px;
  }
  .login-content {
    right: 50%;
    max-width: 310px;
  }
  .login-content.active {
    transform: translate(50%, 0);
  }
  .request-demo-button {
    bottom: 10%;
  }
  .request-demo-modal {
    min-width: 310px;
    padding: 25px 15px 35px;
    z-index: 100;
  }
  .request-demo-modal .title {
    font-size: 18px;
  }
  .request-demo-modal .demo-modal-content .request-demo-form label.w49 {
    width: 100%;
  }
  .request-demo-modal .demo-modal-content .request-demo-form label input, .request-demo-modal .demo-modal-content .request-demo-form label textarea, .request-demo-modal .demo-modal-content .request-demo-form label .choices {
    width: 97%;
  }
  .request-demo-modal .demo-modal-footer {
    flex-direction: column;
    align-items: center;
  }
  .request-demo-modal .demo-modal-footer .recaptcha {
    left: 0;
  }
  .request-demo-modal .demo-modal-footer .footer-title {
    bottom: -25px;
  }
  .request-demo-modal .demo-modal-footer .submit {
    color: #fff;
  }
}
@media screen and (max-height: 500px) {
  .request-demo-button {
    bottom: 20px;
  }
}
/*!
 * Cropper.js v2.0.0-alpha.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-12-25T08:31:10.935Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box, .cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before, .cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face, .cropper-line, .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}
@font-face {
  font-family: "FontAwesome";
  src: url("/fonts/icons/fontawesome-webfont.eot");
  src: url("/fonts/icons/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/icons/fontawesome-webfont.woff2") format("woff2"), url("/fonts/icons/fontawesome-webfont.woff") format("woff"), url("/fonts/icons/fontawesome-webfont.ttf") format("truetype"), url("/fonts/icons/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.fa {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-500px:before {
  content: "";
}
.fa-address-book:before {
  content: "";
}
.fa-address-book-o:before {
  content: "";
}
.fa-address-card:before {
  content: "";
}
.fa-address-card-o:before {
  content: "";
}
.fa-adjust:before {
  content: "";
}
.fa-adn:before {
  content: "";
}
.fa-align-center:before {
  content: "";
}
.fa-align-justify:before {
  content: "";
}
.fa-align-left:before {
  content: "";
}
.fa-align-right:before {
  content: "";
}
.fa-amazon:before {
  content: "";
}
.fa-ambulance:before {
  content: "";
}
.fa-american-sign-language-interpreting:before {
  content: "";
}
.fa-anchor:before {
  content: "";
}
.fa-android:before {
  content: "";
}
.fa-angellist:before {
  content: "";
}
.fa-angle-double-down:before {
  content: "";
}
.fa-angle-double-left:before {
  content: "";
}
.fa-angle-double-right:before {
  content: "";
}
.fa-angle-double-up:before {
  content: "";
}
.fa-angle-down:before {
  content: "";
}
.fa-angle-left:before {
  content: "";
}
.fa-angle-right:before {
  content: "";
}
.fa-angle-up:before {
  content: "";
}
.fa-apple:before {
  content: "";
}
.fa-archive:before {
  content: "";
}
.fa-area-chart:before {
  content: "";
}
.fa-arrow-circle-down:before {
  content: "";
}
.fa-arrow-circle-left:before {
  content: "";
}
.fa-arrow-circle-o-down:before {
  content: "";
}
.fa-arrow-circle-o-left:before {
  content: "";
}
.fa-arrow-circle-o-right:before {
  content: "";
}
.fa-arrow-circle-o-up:before {
  content: "";
}
.fa-arrow-circle-right:before {
  content: "";
}
.fa-arrow-circle-up:before {
  content: "";
}
.fa-arrow-down:before {
  content: "";
}
.fa-arrow-left:before {
  content: "";
}
.fa-arrow-right:before {
  content: "";
}
.fa-arrow-up:before {
  content: "";
}
.fa-arrows:before {
  content: "";
}
.fa-arrows-alt:before {
  content: "";
}
.fa-arrows-h:before {
  content: "";
}
.fa-arrows-v:before {
  content: "";
}
.fa-asl-interpreting:before {
  content: "";
}
.fa-assistive-listening-systems:before {
  content: "";
}
.fa-asterisk:before {
  content: "";
}
.fa-at:before {
  content: "";
}
.fa-audio-description:before {
  content: "";
}
.fa-automobile:before {
  content: "";
}
.fa-backward:before {
  content: "";
}
.fa-balance-scale:before {
  content: "";
}
.fa-ban:before {
  content: "";
}
.fa-bandcamp:before {
  content: "";
}
.fa-bank:before {
  content: "";
}
.fa-bar-chart:before {
  content: "";
}
.fa-bar-chart-o:before {
  content: "";
}
.fa-barcode:before {
  content: "";
}
.fa-bars:before {
  content: "";
}
.fa-bath:before {
  content: "";
}
.fa-bathtub:before {
  content: "";
}
.fa-battery:before {
  content: "";
}
.fa-battery-0:before {
  content: "";
}
.fa-battery-1:before {
  content: "";
}
.fa-battery-2:before {
  content: "";
}
.fa-battery-3:before {
  content: "";
}
.fa-battery-4:before {
  content: "";
}
.fa-battery-empty:before {
  content: "";
}
.fa-battery-full:before {
  content: "";
}
.fa-battery-half:before {
  content: "";
}
.fa-battery-quarter:before {
  content: "";
}
.fa-battery-three-quarters:before {
  content: "";
}
.fa-bed:before {
  content: "";
}
.fa-beer:before {
  content: "";
}
.fa-behance:before {
  content: "";
}
.fa-behance-square:before {
  content: "";
}
.fa-bell:before {
  content: "";
}
.fa-bell-o:before {
  content: "";
}
.fa-bell-slash:before {
  content: "";
}
.fa-bell-slash-o:before {
  content: "";
}
.fa-bicycle:before {
  content: "";
}
.fa-binoculars:before {
  content: "";
}
.fa-birthday-cake:before {
  content: "";
}
.fa-bitbucket:before {
  content: "";
}
.fa-bitbucket-square:before {
  content: "";
}
.fa-bitcoin:before {
  content: "";
}
.fa-black-tie:before {
  content: "";
}
.fa-blind:before {
  content: "";
}
.fa-bluetooth:before {
  content: "";
}
.fa-bluetooth-b:before {
  content: "";
}
.fa-bold:before {
  content: "";
}
.fa-bolt:before {
  content: "";
}
.fa-bomb:before {
  content: "";
}
.fa-book:before {
  content: "";
}
.fa-bookmark:before {
  content: "";
}
.fa-bookmark-o:before {
  content: "";
}
.fa-braille:before {
  content: "";
}
.fa-briefcase:before {
  content: "";
}
.fa-btc:before {
  content: "";
}
.fa-bug:before {
  content: "";
}
.fa-building:before {
  content: "";
}
.fa-building-o:before {
  content: "";
}
.fa-bullhorn:before {
  content: "";
}
.fa-bullseye:before {
  content: "";
}
.fa-bus:before {
  content: "";
}
.fa-buysellads:before {
  content: "";
}
.fa-cab:before {
  content: "";
}
.fa-calculator:before {
  content: "";
}
.fa-calendar:before {
  content: "";
}
.fa-calendar-check-o:before {
  content: "";
}
.fa-calendar-minus-o:before {
  content: "";
}
.fa-calendar-o:before {
  content: "";
}
.fa-calendar-plus-o:before {
  content: "";
}
.fa-calendar-times-o:before {
  content: "";
}
.fa-camera:before {
  content: "";
}
.fa-camera-retro:before {
  content: "";
}
.fa-car:before {
  content: "";
}
.fa-caret-down:before {
  content: "";
}
.fa-caret-left:before {
  content: "";
}
.fa-caret-right:before {
  content: "";
}
.fa-caret-square-o-down:before {
  content: "";
}
.fa-caret-square-o-left:before {
  content: "";
}
.fa-caret-square-o-right:before {
  content: "";
}
.fa-caret-square-o-up:before {
  content: "";
}
.fa-caret-up:before {
  content: "";
}
.fa-cart-arrow-down:before {
  content: "";
}
.fa-cart-plus:before {
  content: "";
}
.fa-cc:before {
  content: "";
}
.fa-cc-amex:before {
  content: "";
}
.fa-cc-diners-club:before {
  content: "";
}
.fa-cc-discover:before {
  content: "";
}
.fa-cc-jcb:before {
  content: "";
}
.fa-cc-mastercard:before {
  content: "";
}
.fa-cc-paypal:before {
  content: "";
}
.fa-cc-stripe:before {
  content: "";
}
.fa-cc-visa:before {
  content: "";
}
.fa-certificate:before {
  content: "";
}
.fa-chain:before {
  content: "";
}
.fa-chain-broken:before {
  content: "";
}
.fa-check:before {
  content: "";
}
.fa-check-circle:before {
  content: "";
}
.fa-check-circle-o:before {
  content: "";
}
.fa-check-square:before {
  content: "";
}
.fa-check-square-o:before {
  content: "";
}
.fa-chevron-circle-down:before {
  content: "";
}
.fa-chevron-circle-left:before {
  content: "";
}
.fa-chevron-circle-right:before {
  content: "";
}
.fa-chevron-circle-up:before {
  content: "";
}
.fa-chevron-down:before {
  content: "";
}
.fa-chevron-left:before {
  content: "";
}
.fa-chevron-right:before {
  content: "";
}
.fa-chevron-up:before {
  content: "";
}
.fa-child:before {
  content: "";
}
.fa-chrome:before {
  content: "";
}
.fa-circle:before {
  content: "";
}
.fa-circle-o:before {
  content: "";
}
.fa-circle-o-notch:before {
  content: "";
}
.fa-circle-thin:before {
  content: "";
}
.fa-clipboard:before {
  content: "";
}
.fa-clock-o:before {
  content: "";
}
.fa-clone:before {
  content: "";
}
.fa-close:before {
  content: "";
}
.fa-cloud:before {
  content: "";
}
.fa-cloud-download:before {
  content: "";
}
.fa-cloud-upload:before {
  content: "";
}
.fa-cny:before {
  content: "";
}
.fa-code:before {
  content: "";
}
.fa-code-fork:before {
  content: "";
}
.fa-codepen:before {
  content: "";
}
.fa-codiepie:before {
  content: "";
}
.fa-coffee:before {
  content: "";
}
.fa-cog:before {
  content: "";
}
.fa-cogs:before {
  content: "";
}
.fa-columns:before {
  content: "";
}
.fa-comment:before {
  content: "";
}
.fa-comment-o:before {
  content: "";
}
.fa-commenting:before {
  content: "";
}
.fa-commenting-o:before {
  content: "";
}
.fa-comments:before {
  content: "";
}
.fa-comments-o:before {
  content: "";
}
.fa-compass:before {
  content: "";
}
.fa-compress:before {
  content: "";
}
.fa-connectdevelop:before {
  content: "";
}
.fa-contao:before {
  content: "";
}
.fa-copy:before {
  content: "";
}
.fa-copyright:before {
  content: "";
}
.fa-creative-commons:before {
  content: "";
}
.fa-credit-card:before {
  content: "";
}
.fa-credit-card-alt:before {
  content: "";
}
.fa-crop:before {
  content: "";
}
.fa-crosshairs:before {
  content: "";
}
.fa-css3:before {
  content: "";
}
.fa-cube:before {
  content: "";
}
.fa-cubes:before {
  content: "";
}
.fa-cut:before {
  content: "";
}
.fa-cutlery:before {
  content: "";
}
.fa-dashboard:before {
  content: "";
}
.fa-dashcube:before {
  content: "";
}
.fa-database:before {
  content: "";
}
.fa-deaf:before {
  content: "";
}
.fa-deafness:before {
  content: "";
}
.fa-dedent:before {
  content: "";
}
.fa-delicious:before {
  content: "";
}
.fa-desktop:before {
  content: "";
}
.fa-deviantart:before {
  content: "";
}
.fa-diamond:before {
  content: "";
}
.fa-digg:before {
  content: "";
}
.fa-dollar:before {
  content: "";
}
.fa-dot-circle-o:before {
  content: "";
}
.fa-download:before {
  content: "";
}
.fa-dribbble:before {
  content: "";
}
.fa-drivers-license:before {
  content: "";
}
.fa-drivers-license-o:before {
  content: "";
}
.fa-dropbox:before {
  content: "";
}
.fa-drupal:before {
  content: "";
}
.fa-edge:before {
  content: "";
}
.fa-edit:before {
  content: "";
}
.fa-eercast:before {
  content: "";
}
.fa-eject:before {
  content: "";
}
.fa-ellipsis-h:before {
  content: "";
}
.fa-ellipsis-v:before {
  content: "";
}
.fa-empire:before {
  content: "";
}
.fa-envelope:before {
  content: "";
}
.fa-envelope-o:before {
  content: "";
}
.fa-envelope-open:before {
  content: "";
}
.fa-envelope-open-o:before {
  content: "";
}
.fa-envelope-square:before {
  content: "";
}
.fa-envira:before {
  content: "";
}
.fa-eraser:before {
  content: "";
}
.fa-etsy:before {
  content: "";
}
.fa-eur:before {
  content: "";
}
.fa-euro:before {
  content: "";
}
.fa-exchange:before {
  content: "";
}
.fa-exclamation:before {
  content: "";
}
.fa-exclamation-circle:before {
  content: "";
}
.fa-exclamation-triangle:before {
  content: "";
}
.fa-expand:before {
  content: "";
}
.fa-expeditedssl:before {
  content: "";
}
.fa-external-link:before {
  content: "";
}
.fa-external-link-square:before {
  content: "";
}
.fa-eye:before {
  content: "";
}
.fa-eye-slash:before {
  content: "";
}
.fa-eyedropper:before {
  content: "";
}
.fa-fa:before {
  content: "";
}
.fa-facebook:before {
  content: "";
}
.fa-facebook-f:before {
  content: "";
}
.fa-facebook-official:before {
  content: "";
}
.fa-facebook-square:before {
  content: "";
}
.fa-fast-backward:before {
  content: "";
}
.fa-fast-forward:before {
  content: "";
}
.fa-fax:before {
  content: "";
}
.fa-feed:before {
  content: "";
}
.fa-female:before {
  content: "";
}
.fa-fighter-jet:before {
  content: "";
}
.fa-file:before {
  content: "";
}
.fa-file-archive-o:before {
  content: "";
}
.fa-file-audio-o:before {
  content: "";
}
.fa-file-code-o:before {
  content: "";
}
.fa-file-excel-o:before {
  content: "";
}
.fa-file-image-o:before {
  content: "";
}
.fa-file-movie-o:before {
  content: "";
}
.fa-file-o:before {
  content: "";
}
.fa-file-pdf-o:before {
  content: "";
}
.fa-file-photo-o:before {
  content: "";
}
.fa-file-picture-o:before {
  content: "";
}
.fa-file-powerpoint-o:before {
  content: "";
}
.fa-file-sound-o:before {
  content: "";
}
.fa-file-text:before {
  content: "";
}
.fa-file-text-o:before {
  content: "";
}
.fa-file-video-o:before {
  content: "";
}
.fa-file-word-o:before {
  content: "";
}
.fa-file-zip-o:before {
  content: "";
}
.fa-files-o:before {
  content: "";
}
.fa-film:before {
  content: "";
}
.fa-filter:before {
  content: "";
}
.fa-fire:before {
  content: "";
}
.fa-fire-extinguisher:before {
  content: "";
}
.fa-firefox:before {
  content: "";
}
.fa-first-order:before {
  content: "";
}
.fa-flag:before {
  content: "";
}
.fa-flag-checkered:before {
  content: "";
}
.fa-flag-o:before {
  content: "";
}
.fa-flash:before {
  content: "";
}
.fa-flask:before {
  content: "";
}
.fa-flickr:before {
  content: "";
}
.fa-floppy-o:before {
  content: "";
}
.fa-folder:before {
  content: "";
}
.fa-folder-o:before {
  content: "";
}
.fa-folder-open:before {
  content: "";
}
.fa-folder-open-o:before {
  content: "";
}
.fa-font:before {
  content: "";
}
.fa-font-awesome:before {
  content: "";
}
.fa-fonticons:before {
  content: "";
}
.fa-fort-awesome:before {
  content: "";
}
.fa-forumbee:before {
  content: "";
}
.fa-forward:before {
  content: "";
}
.fa-foursquare:before {
  content: "";
}
.fa-free-code-camp:before {
  content: "";
}
.fa-frown-o:before {
  content: "";
}
.fa-futbol-o:before {
  content: "";
}
.fa-gamepad:before {
  content: "";
}
.fa-gavel:before {
  content: "";
}
.fa-gbp:before {
  content: "";
}
.fa-ge:before {
  content: "";
}
.fa-gear:before {
  content: "";
}
.fa-gears:before {
  content: "";
}
.fa-genderless:before {
  content: "";
}
.fa-get-pocket:before {
  content: "";
}
.fa-gg:before {
  content: "";
}
.fa-gg-circle:before {
  content: "";
}
.fa-gift:before {
  content: "";
}
.fa-git:before {
  content: "";
}
.fa-git-square:before {
  content: "";
}
.fa-github:before {
  content: "";
}
.fa-github-alt:before {
  content: "";
}
.fa-github-square:before {
  content: "";
}
.fa-gitlab:before {
  content: "";
}
.fa-gittip:before {
  content: "";
}
.fa-glass:before {
  content: "";
}
.fa-glide:before {
  content: "";
}
.fa-glide-g:before {
  content: "";
}
.fa-globe:before {
  content: "";
}
.fa-google:before {
  content: "";
}
.fa-google-plus:before {
  content: "";
}
.fa-google-plus-circle:before {
  content: "";
}
.fa-google-plus-official:before {
  content: "";
}
.fa-google-plus-square:before {
  content: "";
}
.fa-google-wallet:before {
  content: "";
}
.fa-graduation-cap:before {
  content: "";
}
.fa-gratipay:before {
  content: "";
}
.fa-grav:before {
  content: "";
}
.fa-group:before {
  content: "";
}
.fa-h-square:before {
  content: "";
}
.fa-hacker-news:before {
  content: "";
}
.fa-hand-grab-o:before {
  content: "";
}
.fa-hand-lizard-o:before {
  content: "";
}
.fa-hand-o-down:before {
  content: "";
}
.fa-hand-o-left:before {
  content: "";
}
.fa-hand-o-right:before {
  content: "";
}
.fa-hand-o-up:before {
  content: "";
}
.fa-hand-paper-o:before {
  content: "";
}
.fa-hand-peace-o:before {
  content: "";
}
.fa-hand-pointer-o:before {
  content: "";
}
.fa-hand-rock-o:before {
  content: "";
}
.fa-hand-scissors-o:before {
  content: "";
}
.fa-hand-spock-o:before {
  content: "";
}
.fa-hand-stop-o:before {
  content: "";
}
.fa-handshake-o:before {
  content: "";
}
.fa-hard-of-hearing:before {
  content: "";
}
.fa-hashtag:before {
  content: "";
}
.fa-hdd-o:before {
  content: "";
}
.fa-header:before {
  content: "";
}
.fa-headphones:before {
  content: "";
}
.fa-heart:before {
  content: "";
}
.fa-heart-o:before {
  content: "";
}
.fa-heartbeat:before {
  content: "";
}
.fa-history:before {
  content: "";
}
.fa-home:before {
  content: "";
}
.fa-hospital-o:before {
  content: "";
}
.fa-hotel:before {
  content: "";
}
.fa-hourglass:before {
  content: "";
}
.fa-hourglass-1:before {
  content: "";
}
.fa-hourglass-2:before {
  content: "";
}
.fa-hourglass-3:before {
  content: "";
}
.fa-hourglass-end:before {
  content: "";
}
.fa-hourglass-half:before {
  content: "";
}
.fa-hourglass-o:before {
  content: "";
}
.fa-hourglass-start:before {
  content: "";
}
.fa-houzz:before {
  content: "";
}
.fa-html5:before {
  content: "";
}
.fa-i-cursor:before {
  content: "";
}
.fa-id-badge:before {
  content: "";
}
.fa-id-card:before {
  content: "";
}
.fa-id-card-o:before {
  content: "";
}
.fa-ils:before {
  content: "";
}
.fa-image:before {
  content: "";
}
.fa-imdb:before {
  content: "";
}
.fa-inbox:before {
  content: "";
}
.fa-indent:before {
  content: "";
}
.fa-industry:before {
  content: "";
}
.fa-info:before {
  content: "";
}
.fa-info-circle:before {
  content: "";
}
.fa-inr:before {
  content: "";
}
.fa-instagram:before {
  content: "";
}
.fa-institution:before {
  content: "";
}
.fa-internet-explorer:before {
  content: "";
}
.fa-intersex:before {
  content: "";
}
.fa-ioxhost:before {
  content: "";
}
.fa-italic:before {
  content: "";
}
.fa-joomla:before {
  content: "";
}
.fa-jpy:before {
  content: "";
}
.fa-jsfiddle:before {
  content: "";
}
.fa-key:before {
  content: "";
}
.fa-keyboard-o:before {
  content: "";
}
.fa-krw:before {
  content: "";
}
.fa-language:before {
  content: "";
}
.fa-laptop:before {
  content: "";
}
.fa-lastfm:before {
  content: "";
}
.fa-lastfm-square:before {
  content: "";
}
.fa-leaf:before {
  content: "";
}
.fa-leanpub:before {
  content: "";
}
.fa-legal:before {
  content: "";
}
.fa-lemon-o:before {
  content: "";
}
.fa-level-down:before {
  content: "";
}
.fa-level-up:before {
  content: "";
}
.fa-life-bouy:before {
  content: "";
}
.fa-life-buoy:before {
  content: "";
}
.fa-life-ring:before {
  content: "";
}
.fa-life-saver:before {
  content: "";
}
.fa-lightbulb-o:before {
  content: "";
}
.fa-line-chart:before {
  content: "";
}
.fa-link:before {
  content: "";
}
.fa-linkedin:before {
  content: "";
}
.fa-linkedin-square:before {
  content: "";
}
.fa-linode:before {
  content: "";
}
.fa-linux:before {
  content: "";
}
.fa-list:before {
  content: "";
}
.fa-list-alt:before {
  content: "";
}
.fa-list-ol:before {
  content: "";
}
.fa-list-ul:before {
  content: "";
}
.fa-location-arrow:before {
  content: "";
}
.fa-lock:before {
  content: "";
}
.fa-long-arrow-down:before {
  content: "";
}
.fa-long-arrow-left:before {
  content: "";
}
.fa-long-arrow-right:before {
  content: "";
}
.fa-long-arrow-up:before {
  content: "";
}
.fa-low-vision:before {
  content: "";
}
.fa-magic:before {
  content: "";
}
.fa-magnet:before {
  content: "";
}
.fa-mail-forward:before {
  content: "";
}
.fa-mail-reply:before {
  content: "";
}
.fa-mail-reply-all:before {
  content: "";
}
.fa-male:before {
  content: "";
}
.fa-map:before {
  content: "";
}
.fa-map-marker:before {
  content: "";
}
.fa-map-o:before {
  content: "";
}
.fa-map-pin:before {
  content: "";
}
.fa-map-signs:before {
  content: "";
}
.fa-mars:before {
  content: "";
}
.fa-mars-double:before {
  content: "";
}
.fa-mars-stroke:before {
  content: "";
}
.fa-mars-stroke-h:before {
  content: "";
}
.fa-mars-stroke-v:before {
  content: "";
}
.fa-maxcdn:before {
  content: "";
}
.fa-meanpath:before {
  content: "";
}
.fa-medium:before {
  content: "";
}
.fa-medkit:before {
  content: "";
}
.fa-meetup:before {
  content: "";
}
.fa-meh-o:before {
  content: "";
}
.fa-mercury:before {
  content: "";
}
.fa-microchip:before {
  content: "";
}
.fa-microphone:before {
  content: "";
}
.fa-microphone-slash:before {
  content: "";
}
.fa-minus:before {
  content: "";
}
.fa-minus-circle:before {
  content: "";
}
.fa-minus-square:before {
  content: "";
}
.fa-minus-square-o:before {
  content: "";
}
.fa-mixcloud:before {
  content: "";
}
.fa-mobile:before {
  content: "";
}
.fa-mobile-phone:before {
  content: "";
}
.fa-modx:before {
  content: "";
}
.fa-money:before {
  content: "";
}
.fa-moon-o:before {
  content: "";
}
.fa-mortar-board:before {
  content: "";
}
.fa-motorcycle:before {
  content: "";
}
.fa-mouse-pointer:before {
  content: "";
}
.fa-music:before {
  content: "";
}
.fa-navicon:before {
  content: "";
}
.fa-neuter:before {
  content: "";
}
.fa-newspaper-o:before {
  content: "";
}
.fa-object-group:before {
  content: "";
}
.fa-object-ungroup:before {
  content: "";
}
.fa-odnoklassniki:before {
  content: "";
}
.fa-odnoklassniki-square:before {
  content: "";
}
.fa-opencart:before {
  content: "";
}
.fa-openid:before {
  content: "";
}
.fa-opera:before {
  content: "";
}
.fa-optin-monster:before {
  content: "";
}
.fa-outdent:before {
  content: "";
}
.fa-pagelines:before {
  content: "";
}
.fa-paint-brush:before {
  content: "";
}
.fa-paper-plane:before {
  content: "";
}
.fa-paper-plane-o:before {
  content: "";
}
.fa-paperclip:before {
  content: "";
}
.fa-paragraph:before {
  content: "";
}
.fa-paste:before {
  content: "";
}
.fa-pause:before {
  content: "";
}
.fa-pause-circle:before {
  content: "";
}
.fa-pause-circle-o:before {
  content: "";
}
.fa-paw:before {
  content: "";
}
.fa-paypal:before {
  content: "";
}
.fa-pencil:before {
  content: "";
}
.fa-pencil-square:before {
  content: "";
}
.fa-pencil-square-o:before {
  content: "";
}
.fa-percent:before {
  content: "";
}
.fa-phone:before {
  content: "";
}
.fa-phone-square:before {
  content: "";
}
.fa-photo:before {
  content: "";
}
.fa-picture-o:before {
  content: "";
}
.fa-pie-chart:before {
  content: "";
}
.fa-pied-piper:before {
  content: "";
}
.fa-pied-piper-alt:before {
  content: "";
}
.fa-pied-piper-pp:before {
  content: "";
}
.fa-pinterest:before {
  content: "";
}
.fa-pinterest-p:before {
  content: "";
}
.fa-pinterest-square:before {
  content: "";
}
.fa-plane:before {
  content: "";
}
.fa-play:before {
  content: "";
}
.fa-play-circle:before {
  content: "";
}
.fa-play-circle-o:before {
  content: "";
}
.fa-plug:before {
  content: "";
}
.fa-plus:before {
  content: "";
}
.fa-plus-circle:before {
  content: "";
}
.fa-plus-square:before {
  content: "";
}
.fa-plus-square-o:before {
  content: "";
}
.fa-podcast:before {
  content: "";
}
.fa-power-off:before {
  content: "";
}
.fa-print:before {
  content: "";
}
.fa-product-hunt:before {
  content: "";
}
.fa-puzzle-piece:before {
  content: "";
}
.fa-qq:before {
  content: "";
}
.fa-qrcode:before {
  content: "";
}
.fa-question:before {
  content: "";
}
.fa-question-circle:before {
  content: "";
}
.fa-question-circle-o:before {
  content: "";
}
.fa-quora:before {
  content: "";
}
.fa-quote-left:before {
  content: "";
}
.fa-quote-right:before {
  content: "";
}
.fa-ra:before {
  content: "";
}
.fa-random:before {
  content: "";
}
.fa-ravelry:before {
  content: "";
}
.fa-rebel:before {
  content: "";
}
.fa-recycle:before {
  content: "";
}
.fa-reddit:before {
  content: "";
}
.fa-reddit-alien:before {
  content: "";
}
.fa-reddit-square:before {
  content: "";
}
.fa-refresh:before {
  content: "";
}
.fa-registered:before {
  content: "";
}
.fa-remove:before {
  content: "";
}
.fa-renren:before {
  content: "";
}
.fa-reorder:before {
  content: "";
}
.fa-repeat:before {
  content: "";
}
.fa-reply:before {
  content: "";
}
.fa-reply-all:before {
  content: "";
}
.fa-resistance:before {
  content: "";
}
.fa-retweet:before {
  content: "";
}
.fa-rmb:before {
  content: "";
}
.fa-road:before {
  content: "";
}
.fa-rocket:before {
  content: "";
}
.fa-rotate-left:before {
  content: "";
}
.fa-rotate-right:before {
  content: "";
}
.fa-rouble:before {
  content: "";
}
.fa-rss:before {
  content: "";
}
.fa-rss-square:before {
  content: "";
}
.fa-rub:before {
  content: "";
}
.fa-ruble:before {
  content: "";
}
.fa-rupee:before {
  content: "";
}
.fa-s15:before {
  content: "";
}
.fa-safari:before {
  content: "";
}
.fa-save:before {
  content: "";
}
.fa-scissors:before {
  content: "";
}
.fa-scribd:before {
  content: "";
}
.fa-search:before {
  content: "";
}
.fa-search-minus:before {
  content: "";
}
.fa-search-plus:before {
  content: "";
}
.fa-sellsy:before {
  content: "";
}
.fa-send:before {
  content: "";
}
.fa-send-o:before {
  content: "";
}
.fa-server:before {
  content: "";
}
.fa-share:before {
  content: "";
}
.fa-share-alt:before {
  content: "";
}
.fa-share-alt-square:before {
  content: "";
}
.fa-share-square:before {
  content: "";
}
.fa-share-square-o:before {
  content: "";
}
.fa-shekel:before {
  content: "";
}
.fa-sheqel:before {
  content: "";
}
.fa-shield:before {
  content: "";
}
.fa-ship:before {
  content: "";
}
.fa-shirtsinbulk:before {
  content: "";
}
.fa-shopping-bag:before {
  content: "";
}
.fa-shopping-basket:before {
  content: "";
}
.fa-shopping-cart:before {
  content: "";
}
.fa-shower:before {
  content: "";
}
.fa-sign-in:before {
  content: "";
}
.fa-sign-language:before {
  content: "";
}
.fa-sign-out:before {
  content: "";
}
.fa-signal:before {
  content: "";
}
.fa-signing:before {
  content: "";
}
.fa-simplybuilt:before {
  content: "";
}
.fa-sitemap:before {
  content: "";
}
.fa-skyatlas:before {
  content: "";
}
.fa-skype:before {
  content: "";
}
.fa-slack:before {
  content: "";
}
.fa-sliders:before {
  content: "";
}
.fa-slideshare:before {
  content: "";
}
.fa-smile-o:before {
  content: "";
}
.fa-snapchat:before {
  content: "";
}
.fa-snapchat-ghost:before {
  content: "";
}
.fa-snapchat-square:before {
  content: "";
}
.fa-snowflake-o:before {
  content: "";
}
.fa-soccer-ball-o:before {
  content: "";
}
.fa-sort:before {
  content: "";
}
.fa-sort-alpha-asc:before {
  content: "";
}
.fa-sort-alpha-desc:before {
  content: "";
}
.fa-sort-amount-asc:before {
  content: "";
}
.fa-sort-amount-desc:before {
  content: "";
}
.fa-sort-asc:before {
  content: "";
}
.fa-sort-desc:before {
  content: "";
}
.fa-sort-down:before {
  content: "";
}
.fa-sort-numeric-asc:before {
  content: "";
}
.fa-sort-numeric-desc:before {
  content: "";
}
.fa-sort-up:before {
  content: "";
}
.fa-soundcloud:before {
  content: "";
}
.fa-space-shuttle:before {
  content: "";
}
.fa-spinner:before {
  content: "";
}
.fa-spoon:before {
  content: "";
}
.fa-spotify:before {
  content: "";
}
.fa-square:before {
  content: "";
}
.fa-square-o:before {
  content: "";
}
.fa-stack-exchange:before {
  content: "";
}
.fa-stack-overflow:before {
  content: "";
}
.fa-star:before {
  content: "";
}
.fa-star-half:before {
  content: "";
}
.fa-star-half-empty:before {
  content: "";
}
.fa-star-half-full:before {
  content: "";
}
.fa-star-half-o:before {
  content: "";
}
.fa-star-o:before {
  content: "";
}
.fa-steam:before {
  content: "";
}
.fa-steam-square:before {
  content: "";
}
.fa-step-backward:before {
  content: "";
}
.fa-step-forward:before {
  content: "";
}
.fa-stethoscope:before {
  content: "";
}
.fa-sticky-note:before {
  content: "";
}
.fa-sticky-note-o:before {
  content: "";
}
.fa-stop:before {
  content: "";
}
.fa-stop-circle:before {
  content: "";
}
.fa-stop-circle-o:before {
  content: "";
}
.fa-street-view:before {
  content: "";
}
.fa-strikethrough:before {
  content: "";
}
.fa-stumbleupon:before {
  content: "";
}
.fa-stumbleupon-circle:before {
  content: "";
}
.fa-subscript:before {
  content: "";
}
.fa-subway:before {
  content: "";
}
.fa-suitcase:before {
  content: "";
}
.fa-sun-o:before {
  content: "";
}
.fa-superpowers:before {
  content: "";
}
.fa-superscript:before {
  content: "";
}
.fa-support:before {
  content: "";
}
.fa-table:before {
  content: "";
}
.fa-tablet:before {
  content: "";
}
.fa-tachometer:before {
  content: "";
}
.fa-tag:before {
  content: "";
}
.fa-tags:before {
  content: "";
}
.fa-tasks:before {
  content: "";
}
.fa-taxi:before {
  content: "";
}
.fa-telegram:before {
  content: "";
}
.fa-television:before {
  content: "";
}
.fa-tencent-weibo:before {
  content: "";
}
.fa-terminal:before {
  content: "";
}
.fa-text-height:before {
  content: "";
}
.fa-text-width:before {
  content: "";
}
.fa-th:before {
  content: "";
}
.fa-th-large:before {
  content: "";
}
.fa-th-list:before {
  content: "";
}
.fa-themeisle:before {
  content: "";
}
.fa-thermometer:before {
  content: "";
}
.fa-thermometer-0:before {
  content: "";
}
.fa-thermometer-1:before {
  content: "";
}
.fa-thermometer-2:before {
  content: "";
}
.fa-thermometer-3:before {
  content: "";
}
.fa-thermometer-4:before {
  content: "";
}
.fa-thermometer-empty:before {
  content: "";
}
.fa-thermometer-full:before {
  content: "";
}
.fa-thermometer-half:before {
  content: "";
}
.fa-thermometer-quarter:before {
  content: "";
}
.fa-thermometer-three-quarters:before {
  content: "";
}
.fa-thumb-tack:before {
  content: "";
}
.fa-thumbs-down:before {
  content: "";
}
.fa-thumbs-o-down:before {
  content: "";
}
.fa-thumbs-o-up:before {
  content: "";
}
.fa-thumbs-up:before {
  content: "";
}
.fa-ticket:before {
  content: "";
}
.fa-times:before {
  content: "";
}
.fa-times-circle:before {
  content: "";
}
.fa-times-circle-o:before {
  content: "";
}
.fa-times-rectangle:before {
  content: "";
}
.fa-times-rectangle-o:before {
  content: "";
}
.fa-tint:before {
  content: "";
}
.fa-toggle-down:before {
  content: "";
}
.fa-toggle-left:before {
  content: "";
}
.fa-toggle-off:before {
  content: "";
}
.fa-toggle-on:before {
  content: "";
}
.fa-toggle-right:before {
  content: "";
}
.fa-toggle-up:before {
  content: "";
}
.fa-trademark:before {
  content: "";
}
.fa-train:before {
  content: "";
}
.fa-transgender:before {
  content: "";
}
.fa-transgender-alt:before {
  content: "";
}
.fa-trash:before {
  content: "";
}
.fa-trash-o:before {
  content: "";
}
.fa-tree:before {
  content: "";
}
.fa-trello:before {
  content: "";
}
.fa-tripadvisor:before {
  content: "";
}
.fa-trophy:before {
  content: "";
}
.fa-truck:before {
  content: "";
}
.fa-try:before {
  content: "";
}
.fa-tty:before {
  content: "";
}
.fa-tumblr:before {
  content: "";
}
.fa-tumblr-square:before {
  content: "";
}
.fa-turkish-lira:before {
  content: "";
}
.fa-tv:before {
  content: "";
}
.fa-twitch:before {
  content: "";
}
.fa-twitter:before {
  content: "";
}
.fa-twitter-square:before {
  content: "";
}
.fa-umbrella:before {
  content: "";
}
.fa-underline:before {
  content: "";
}
.fa-undo:before {
  content: "";
}
.fa-universal-access:before {
  content: "";
}
.fa-university:before {
  content: "";
}
.fa-unlink:before {
  content: "";
}
.fa-unlock:before {
  content: "";
}
.fa-unlock-alt:before {
  content: "";
}
.fa-unsorted:before {
  content: "";
}
.fa-upload:before {
  content: "";
}
.fa-usb:before {
  content: "";
}
.fa-usd:before {
  content: "";
}
.fa-user:before {
  content: "";
}
.fa-user-circle:before {
  content: "";
}
.fa-user-circle-o:before {
  content: "";
}
.fa-user-md:before {
  content: "";
}
.fa-user-o:before {
  content: "";
}
.fa-user-plus:before {
  content: "";
}
.fa-user-secret:before {
  content: "";
}
.fa-user-times:before {
  content: "";
}
.fa-users:before {
  content: "";
}
.fa-vcard:before {
  content: "";
}
.fa-vcard-o:before {
  content: "";
}
.fa-venus:before {
  content: "";
}
.fa-venus-double:before {
  content: "";
}
.fa-venus-mars:before {
  content: "";
}
.fa-viacoin:before {
  content: "";
}
.fa-viadeo:before {
  content: "";
}
.fa-viadeo-square:before {
  content: "";
}
.fa-video-camera:before {
  content: "";
}
.fa-vimeo:before {
  content: "";
}
.fa-vimeo-square:before {
  content: "";
}
.fa-vine:before {
  content: "";
}
.fa-vk:before {
  content: "";
}
.fa-volume-control-phone:before {
  content: "";
}
.fa-volume-down:before {
  content: "";
}
.fa-volume-off:before {
  content: "";
}
.fa-volume-up:before {
  content: "";
}
.fa-warning:before {
  content: "";
}
.fa-wechat:before {
  content: "";
}
.fa-weibo:before {
  content: "";
}
.fa-weixin:before {
  content: "";
}
.fa-whatsapp:before {
  content: "";
}
.fa-wheelchair:before {
  content: "";
}
.fa-wheelchair-alt:before {
  content: "";
}
.fa-wifi:before {
  content: "";
}
.fa-wikipedia-w:before {
  content: "";
}
.fa-window-close:before {
  content: "";
}
.fa-window-close-o:before {
  content: "";
}
.fa-window-maximize:before {
  content: "";
}
.fa-window-minimize:before {
  content: "";
}
.fa-window-restore:before {
  content: "";
}
.fa-windows:before {
  content: "";
}
.fa-won:before {
  content: "";
}
.fa-wordpress:before {
  content: "";
}
.fa-wpbeginner:before {
  content: "";
}
.fa-wpexplorer:before {
  content: "";
}
.fa-wpforms:before {
  content: "";
}
.fa-wrench:before {
  content: "";
}
.fa-xing:before {
  content: "";
}
.fa-xing-square:before {
  content: "";
}
.fa-y-combinator:before {
  content: "";
}
.fa-y-combinator-square:before {
  content: "";
}
.fa-yahoo:before {
  content: "";
}
.fa-yc:before {
  content: "";
}
.fa-yc-square:before {
  content: "";
}
.fa-yelp:before {
  content: "";
}
.fa-yen:before {
  content: "";
}
.fa-yoast:before {
  content: "";
}
.fa-youtube:before {
  content: "";
}
.fa-youtube-play:before {
  content: "";
}
#main_load_container:has(.list-mode) {
  display: flex;
  max-width: 100%;
  gap: 10px;
  padding-top: 5px;
}
#main_load_container:has(.list-mode) .board-task-info-container {
  position: relative;
  height: -webkit-fill-available;
  border: 1px solid #ccc;
  border-radius: 7px;
  margin-right: 3px;
}
#main_load_container:has(.list-mode) .board-task-info-container .task-info {
  height: calc(100% - 50px);
  width: inherit;
}
.board-page-switcher {
  width: 100%;
  float: right;
  display: flex;
  padding-bottom: 15px;
  justify-content: space-between;
}
.board-page-switcher .wrapper {
  position: relative;
  overflow: hidden;
  width: 230px;
  display: flex;
  background: #FFF;
  border-radius: 9999px;
  border: 1px solid #E3E4E8;
  transition: background 0.2s ease;
}
.board-page-switcher .wrapper:hover {
  background: #E2E4E7;
}
.board-page-switcher .wrapper .switcher-indicator {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 40px;
  background: #135fff;
  border-radius: 20px;
  transition: left 0.3s ease;
  z-index: 0;
}
.board-page-switcher .wrapper .button {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  width: 50%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: flex;
  align-items: center;
  padding: 0;
}
.board-page-switcher .wrapper .button.active {
  color: #FFF;
  background: transparent;
}
.board-page-switcher .wrapper .switcher-visited.active ~ .switcher-indicator {
  left: 50%;
}
.board-page-switcher .change-view {
  position: relative;
  display: inline-flex;
  background: #FFFFFF;
  border: 1px solid #E3E4E8;
  border-radius: 9999px;
  gap: 0;
  overflow: hidden;
  transition: background 0.2s ease;
}
.board-page-switcher .change-view:hover {
  background: #E2E4E7;
}
.board-page-switcher .change-view .switch-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 50%;
  background: #135FFF;
  border-radius: 9999px;
  transition: left 0.3s;
  z-index: 0;
}
.board-page-switcher .change-view .button {
  height: 40px;
  width: 50px;
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: transparent;
  transition: color 0.2s;
  padding: 0;
}
.board-page-switcher .change-view .button svg {
  width: 25px;
  height: 25px;
}
.board-page-switcher .change-view .button svg path {
  transition: fill 0.2s;
}
.board-page-switcher .change-view .button svg rect {
  transition: stroke 0.2s;
}
.board-page-switcher .change-view .button.active svg path {
  fill: #FFF;
}
.board-page-switcher .change-view .button.active svg rect {
  stroke: #FFF;
}
.boards-view-header {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px !important;
}
.boards-view-header .choices {
  margin: 0 !important;
  width: 196px !important;
}
.boards-view-header .projects-filter-box {
  margin: 0 10px 0 0;
  width: 196px;
}
.boards-view-header .projects-filter-box .selected-items-box {
  width: 196px;
}
.boards-view-header .board-add-task-button {
  border-radius: 6px;
  background: #135fff;
  width: 141px;
  height: 40px;
  display: flex;
  align-items: center;
  transition: background 0.2s ease;
  color: white;
  font-size: 14px;
  font-weight: 400;
  padding: 0 15px;
}
.boards-view-header .board-add-task-button i {
  font-size: 20px;
  margin-bottom: 1px;
  margin-right: 4px;
}
.boards-view-header .board-add-task-button:hover {
  background: #0E28B0;
}
.boards-view-header.left-part {
  flex: 1;
}
.boards-view-header.left-part .filters-container {
  display: flex;
  max-width: 1095px;
  flex: 1;
}
.boards-view-header.left-part .filters-container .search-box {
  flex: 1;
}
.boards-view-header .choices {
  width: 215px;
  margin: 0 5px 0 10px;
}
.boards-view-header .choices .choices__inner {
  border: none;
  color: #135FFF;
  font-weight: 500;
}
.boards-view-header .choices[data-type*="select-one"]:after {
  border-color: #135FFF transparent transparent transparent;
}
.boards-view-header.right-part {
  gap: 5px;
}
.boards-view-header .list-grid-switcher {
  height: 40px;
  margin: 0 !important;
  padding: 2px;
  position: relative;
  display: inline-flex;
  background: #FFFFFF;
  border: 1px solid #E3E4E8;
  border-radius: 6px;
  transition: background 0.2s ease;
}
.boards-view-header .list-grid-switcher::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 32.3%;
  border-radius: 6px;
  background: #135FFF;
  transition: transform 0.3s ease;
  z-index: 0;
}
.boards-view-header .list-grid-switcher.view-mode-0::before {
  transform: translateX(0%);
}
.boards-view-header .list-grid-switcher.view-mode-1::before {
  transform: translateX(100%);
}
.boards-view-header .list-grid-switcher.view-mode-2::before {
  transform: translateX(200%);
}
.boards-view-header .list-grid-switcher .change-view-mode {
  flex: 1;
  position: relative;
  z-index: 1;
  width: 45px;
  height: 34px;
  background: transparent;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.boards-view-header .list-grid-switcher .change-view-mode svg {
  width: 20px;
  height: 20px;
  transition: stroke 0.3s;
}
.boards-view-header .list-grid-switcher .change-view-mode svg path, .boards-view-header .list-grid-switcher .change-view-mode svg line, .boards-view-header .list-grid-switcher .change-view-mode svg rect {
  transition: stroke 0.3s;
  stroke: #000;
}
.boards-view-header .list-grid-switcher .change-view-mode.active svg path, .boards-view-header .list-grid-switcher .change-view-mode.active svg line, .boards-view-header .list-grid-switcher .change-view-mode.active svg rect {
  stroke: #FFF;
}
.boards-view-header.right-part .button .left-icon {
  margin-right: 8px;
}
.boards-view-header .search-box {
  height: 40px;
  border: 1px solid #D3D3D5;
  border-radius: 8px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  background: #fff;
  position: relative;
}
.boards-view-header .search-box .search-label {
  width: 100%;
}
.boards-view-header .search-box .search-label .search-input {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.boards-view-header .search-box .search-label .search-input::placeholder {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.boards-view-header .search-box .search-icon {
  font-size: 18px;
  cursor: pointer;
}
.boards-view-header .search-box .search-input {
  width: 100%;
  border: none;
  flex: 1;
  padding: 8px;
  border-radius: 8px;
}
.boards-view-header .search-box .clear-search {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  cursor: pointer;
}
.boards-view-header .search-box .clear-search.hidden {
  display: none;
}
.boards-view-header .search-box .clear-search svg {
  width: 12px;
  height: 12px;
}
.boards-view-header .search-box .clear-search svg path {
  stroke: #D3D3D5;
}
.custom-filters-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 100px;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
}
.custom-filters-container.board-filters-container .right-part .save-filter-btn {
  margin-right: 0;
}
.custom-filters-container .left-part {
  display: flex;
  flex: 1;
  align-items: flex-start;
}
.custom-filters-container .left-part .filter-btn {
  width: 46px;
  min-width: 46px;
  height: 40px;
  border: 1px solid #E2E8F0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.custom-filters-container .left-part .filter-btn:active {
  background: #e8e8e8;
}
.custom-filters-container .left-part .filters-box {
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-left: 10px;
  gap: 10px;
}
.custom-filters-container .left-part .filters-box .custom-filter-box {
  margin-left: 0;
}
.custom-filters-container .left-part .filters-box .custom-filter-box .selected-items-box {
  width: 196px;
}
.custom-filters-container .left-part .statuses-filter-box .items-content {
  position: relative;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option {
  position: sticky;
  background: #FFFFFF;
  top: 0;
  font-weight: bold;
  border-top: 1px solid #e6e7ea;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option .checkbox-label .checkbox {
  opacity: 1;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option .checkbox-label.active {
  background: #e7ebf1 !important;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option .checkbox-label.active .checkbox {
  background-color: #135FFF;
  border-color: #135FFF;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option .checkbox-label.active .checkbox::before {
  content: "✓";
  font-size: 14px;
  font-weight: 700;
  color: white;
}
.custom-filters-container .left-part .search-box {
  width: 250px;
  height: 40px;
  border: 1px solid #D3D3D5;
  border-radius: 8px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  margin-left: 10px;
  background: #fff;
}
.custom-filters-container .left-part .search-box .search-label {
  width: 100%;
}
.custom-filters-container .left-part .search-box .search-icon {
  font-size: 18px;
  cursor: pointer;
}
.custom-filters-container .left-part .search-box .search-input {
  width: 100%;
  border: none;
  flex: 1;
  padding: 8px;
  border-radius: 8px;
}
.custom-filters-container .right-part {
  height: 100%;
  position: relative;
  margin-left: 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px;
}
.custom-filters-container .right-part .save-filter-btn, .custom-filters-container .right-part .action-button {
  width: 141px;
  height: 40px;
  border-radius: 6px;
  background: #F8F9FB;
  border: 1px solid #E3E4E8;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  padding: 0 15px;
}
.custom-filters-container .right-part .save-filter-btn svg, .custom-filters-container .right-part .action-button svg {
  margin-right: 6px;
  translate: 0 -1px;
  width: 16px;
  height: 16px;
}
.custom-filters-container .right-part .save-filter-btn .right-icon, .custom-filters-container .right-part .action-button .right-icon {
  margin: 0 4px;
}
.custom-filters-container .right-part .save-filter-btn.active, .custom-filters-container .right-part .action-button.active {
  background: #F6F6F6;
}
.custom-filters-container .right-part .save-filter-btn.active svg, .custom-filters-container .right-part .action-button.active svg {
  fill: transparent;
}
.custom-filters-container .right-part .save-filter-btn.active svg path, .custom-filters-container .right-part .action-button.active svg path {
  stroke: #000000;
}
.custom-filters-container .right-part .action-button {
  color: #135FFF;
  border-color: #135FFF42;
  background: #F4F7FE;
}
.custom-filters-container .right-part .save-filter-modal {
  position: absolute;
  top: calc(100% + 3px);
  right: 0;
  width: 460px;
  padding: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  background: white;
  border-radius: 7px;
  z-index: 9999;
}
.custom-filters-container .right-part .save-filter-modal.hidden {
  display: none;
}
.custom-filters-container .right-part .save-filter-modal .title {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid #E3E2E2;
  margin-bottom: 18px;
}
.custom-filters-container .right-part .save-filter-modal .input-field {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.custom-filters-container .right-part .save-filter-modal .input-field input.required {
  border: 1px solid #e12929;
}
.custom-filters-container .right-part .save-filter-modal .input-field .save-filter {
  margin-left: 10px;
  padding: 5px 20px;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-title {
  width: 100%;
  color: #90929A;
  font-size: 12px;
  margin-bottom: 10px;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-container {
  display: block;
  width: 100%;
  overflow: auto;
  max-height: 180px;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-container .saved-filter {
  padding: 5px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 6px;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-container .saved-filter span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90%;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-container .saved-filter.active, .custom-filters-container .right-part .save-filter-modal .saved-filters-container .saved-filter:hover {
  background: #ebebeb;
}
.board-content-container {
  height: calc(100% - 110px);
  display: flex;
}
.board-content-container .active-filters-box {
  width: 0;
  height: 100%;
  box-shadow: 0 0 27.2px 0 #0000001A;
  background: #fff;
  border-radius: 8px;
  transition: width 0.3s ease, min-width 0.3s ease, max-width 0.3s ease;
  overflow: auto;
}
.board-content-container .active-filters-box.open {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
.board-content-container .active-filters-box.open.enlarge {
  width: 286px;
  min-width: 286px;
  max-width: 286px;
}
.board-content-container .active-filters-box.open.enlarge .header {
  padding: 0 10px 0;
}
.board-content-container .active-filters-box.open.enlarge .title {
  display: block;
}
.board-content-container .active-filters-box.open.enlarge .clear-btn {
  display: flex;
}
.board-content-container .active-filters-box.open.enlarge .resize-btn {
  margin-left: 10px;
}
.board-content-container .active-filters-box.open.enlarge .resize-btn svg {
  transform: rotate(0);
}
.board-content-container .active-filters-box.open.enlarge .option {
  background: #F4F7FE;
}
.board-content-container .active-filters-box.open.enlarge .option .name, .board-content-container .active-filters-box.open.enlarge .option .expander {
  display: block !important;
}
.board-content-container .active-filters-box.open.enlarge .status .items, .board-content-container .active-filters-box.open.enlarge .tasks .items, .board-content-container .active-filters-box.open.enlarge .sprints .items, .board-content-container .active-filters-box.open.enlarge .epics .items {
  display: flex;
  flex-wrap: wrap;
}
.board-content-container .active-filters-box.open.enlarge .status .items .option, .board-content-container .active-filters-box.open.enlarge .tasks .items .option, .board-content-container .active-filters-box.open.enlarge .sprints .items .option, .board-content-container .active-filters-box.open.enlarge .epics .items .option {
  width: fit-content;
  border-radius: 5px;
  overflow: hidden;
  padding: 2px 26px 2px 8px;
  margin: 0 3px 3px;
}
.board-content-container .active-filters-box.open.enlarge .status .items .option .expander, .board-content-container .active-filters-box.open.enlarge .tasks .items .option .expander, .board-content-container .active-filters-box.open.enlarge .sprints .items .option .expander, .board-content-container .active-filters-box.open.enlarge .epics .items .option .expander {
  box-shadow: none !important;
  background: none !important;
}
.board-content-container .active-filters-box.open.enlarge .status .items .option .name, .board-content-container .active-filters-box.open.enlarge .tasks .items .option .name, .board-content-container .active-filters-box.open.enlarge .sprints .items .option .name, .board-content-container .active-filters-box.open.enlarge .epics .items .option .name {
  font-size: 12px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.board-content-container .active-filters-box.open:not(.enlarge) .status .items .option, .board-content-container .active-filters-box.open:not(.enlarge) .tasks .items .option, .board-content-container .active-filters-box.open:not(.enlarge) .sprints .items .option, .board-content-container .active-filters-box.open:not(.enlarge) .epics .items .option {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c5c9d6;
  margin: 0 auto 6px;
}
.board-content-container .active-filters-box.open:not(.enlarge) .status .items .option .expander, .board-content-container .active-filters-box.open:not(.enlarge) .tasks .items .option .expander, .board-content-container .active-filters-box.open:not(.enlarge) .sprints .items .option .expander, .board-content-container .active-filters-box.open:not(.enlarge) .epics .items .option .expander {
  box-shadow: none !important;
  background: none !important;
}
.board-content-container .active-filters-box.open:not(.enlarge) .status .items .option .name, .board-content-container .active-filters-box.open:not(.enlarge) .tasks .items .option .name, .board-content-container .active-filters-box.open:not(.enlarge) .sprints .items .option .name, .board-content-container .active-filters-box.open:not(.enlarge) .epics .items .option .name {
  display: none !important;
}
.board-content-container .active-filters-box.open:not(.enlarge) .status .items .option .status-first-letter, .board-content-container .active-filters-box.open:not(.enlarge) .tasks .items .option .status-first-letter, .board-content-container .active-filters-box.open:not(.enlarge) .sprints .items .option .status-first-letter, .board-content-container .active-filters-box.open:not(.enlarge) .epics .items .option .status-first-letter {
  display: block;
  color: #fff;
  font-size: 16px;
}
.board-content-container .active-filters-box .users, .board-content-container .active-filters-box .status, .board-content-container .active-filters-box .projects, .board-content-container .active-filters-box .sprints, .board-content-container .active-filters-box .tasks, .board-content-container .active-filters-box .epics, .board-content-container .active-filters-box .types, .board-content-container .active-filters-box .priorities {
  width: 100%;
  padding: 0 2px;
  margin-bottom: 10px;
}
.board-content-container .active-filters-box .users .title, .board-content-container .active-filters-box .status .title, .board-content-container .active-filters-box .projects .title, .board-content-container .active-filters-box .sprints .title, .board-content-container .active-filters-box .tasks .title, .board-content-container .active-filters-box .epics .title, .board-content-container .active-filters-box .types .title, .board-content-container .active-filters-box .priorities .title {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: #5F646F;
  margin: 8px 3px;
}
.board-content-container .active-filters-box .users .items::-webkit-scrollbar, .board-content-container .active-filters-box .status .items::-webkit-scrollbar, .board-content-container .active-filters-box .projects .items::-webkit-scrollbar, .board-content-container .active-filters-box .sprints .items::-webkit-scrollbar, .board-content-container .active-filters-box .tasks .items::-webkit-scrollbar, .board-content-container .active-filters-box .epics .items::-webkit-scrollbar, .board-content-container .active-filters-box .types .items::-webkit-scrollbar, .board-content-container .active-filters-box .priorities .items::-webkit-scrollbar {
  display: none;
}
.board-content-container .active-filters-box .users .items .option, .board-content-container .active-filters-box .status .items .option, .board-content-container .active-filters-box .projects .items .option, .board-content-container .active-filters-box .sprints .items .option, .board-content-container .active-filters-box .tasks .items .option, .board-content-container .active-filters-box .epics .items .option, .board-content-container .active-filters-box .types .items .option, .board-content-container .active-filters-box .priorities .items .option {
  position: relative;
  padding: 0 5px;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  border-radius: 15px;
}
.board-content-container .active-filters-box .users .items .option .image, .board-content-container .active-filters-box .status .items .option .image, .board-content-container .active-filters-box .projects .items .option .image, .board-content-container .active-filters-box .sprints .items .option .image, .board-content-container .active-filters-box .tasks .items .option .image, .board-content-container .active-filters-box .epics .items .option .image, .board-content-container .active-filters-box .types .items .option .image, .board-content-container .active-filters-box .priorities .items .option .image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.board-content-container .active-filters-box .users .items .option .name, .board-content-container .active-filters-box .status .items .option .name, .board-content-container .active-filters-box .projects .items .option .name, .board-content-container .active-filters-box .sprints .items .option .name, .board-content-container .active-filters-box .tasks .items .option .name, .board-content-container .active-filters-box .epics .items .option .name, .board-content-container .active-filters-box .types .items .option .name, .board-content-container .active-filters-box .priorities .items .option .name {
  display: none;
  font-size: 14px;
  font-weight: 400;
  color: #135FFF;
  margin-left: 10px;
}
.board-content-container .active-filters-box .users .items .option .expander, .board-content-container .active-filters-box .status .items .option .expander, .board-content-container .active-filters-box .projects .items .option .expander, .board-content-container .active-filters-box .sprints .items .option .expander, .board-content-container .active-filters-box .tasks .items .option .expander, .board-content-container .active-filters-box .epics .items .option .expander, .board-content-container .active-filters-box .types .items .option .expander, .board-content-container .active-filters-box .priorities .items .option .expander {
  display: none;
  position: absolute;
  right: 4.5px;
  left: initial;
  top: 50%;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #D9E5FF;
  color: #135FFF;
  font-size: 8px;
  cursor: pointer;
  transform: translate(0, -50%);
}
.board-content-container .active-filters-box .users .items .option .expander .close-icon, .board-content-container .active-filters-box .status .items .option .expander .close-icon, .board-content-container .active-filters-box .projects .items .option .expander .close-icon, .board-content-container .active-filters-box .sprints .items .option .expander .close-icon, .board-content-container .active-filters-box .tasks .items .option .expander .close-icon, .board-content-container .active-filters-box .epics .items .option .expander .close-icon, .board-content-container .active-filters-box .types .items .option .expander .close-icon, .board-content-container .active-filters-box .priorities .items .option .expander .close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  translate: 0 -1px;
}
.board-content-container .active-filters-box .users .items .option .status-first-letter, .board-content-container .active-filters-box .status .items .option .status-first-letter, .board-content-container .active-filters-box .projects .items .option .status-first-letter, .board-content-container .active-filters-box .sprints .items .option .status-first-letter, .board-content-container .active-filters-box .tasks .items .option .status-first-letter, .board-content-container .active-filters-box .epics .items .option .status-first-letter, .board-content-container .active-filters-box .types .items .option .status-first-letter, .board-content-container .active-filters-box .priorities .items .option .status-first-letter {
  display: none;
}
.board-content-container .active-filters-box .status .items .option, .board-content-container .active-filters-box .tasks .items .option, .board-content-container .active-filters-box .epics .items .option {
  background: #a3bfff;
}
.board-content-container .active-filters-box .status .items .option .name, .board-content-container .active-filters-box .tasks .items .option .name, .board-content-container .active-filters-box .epics .items .option .name {
  color: #fff;
}
.board-content-container .active-filters-box .status .items .option .expander, .board-content-container .active-filters-box .tasks .items .option .expander, .board-content-container .active-filters-box .epics .items .option .expander {
  color: #fff;
  padding: 0;
}
.board-content-container .active-filters-box .header {
  margin: 10px 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-content-container .active-filters-box .header .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.board-content-container .active-filters-box .header .title {
  display: none;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  transition: width 0.3s ease;
  flex: 1;
}
.board-content-container .active-filters-box .header .clear-btn {
  padding: 0 10px;
  display: none;
  align-items: center;
  height: 29px;
  border-radius: 15px;
  background: #F6F6F6;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  transition: width 0.3s ease;
}
.board-content-container .active-filters-box .header .clear-btn:active {
  background: #dcdcdc;
}
.board-content-container .active-filters-box .header .resize-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #F6F6F6;
  margin: 0;
}
.board-content-container .active-filters-box .header .resize-btn:active {
  background: #dcdcdc;
}
.board-content-container .active-filters-box .header .resize-btn svg {
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
.board-content-container .active-filters-box .expander {
  display: none;
}
.sprints-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}
.sprints-container.list-mode {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-y: auto;
  flex: 1;
}
.sprints-container.list-mode .sprints, .sprints-container.list-mode .folders {
  max-height: fit-content;
  min-height: fit-content;
  width: 100%;
  margin-bottom: 20px;
  margin-right: 0;
  margin-left: 0;
}
.sprints-container.list-mode .sprints .sprints-content, .sprints-container.list-mode .sprints .folders-content, .sprints-container.list-mode .folders .sprints-content, .sprints-container.list-mode .folders .folders-content {
  max-height: 100%;
}
.sprints-container.list-view {
  flex-direction: column;
  padding: 0 10px;
  width: 100%;
  overflow: auto;
}
.sprints-container.list-view .sprint-container {
  width: 100%;
  margin-bottom: 20px;
  max-width: 800px;
}
.sprints-container .sprints, .sprints-container .folders {
  overflow: auto;
  border-radius: 8px;
  background: #cddcff;
  padding: 0 4px;
  margin: 0 4px;
  height: 100%;
  flex: 1;
}
.sprints-container .sprints .folders-content, .sprints-container .sprints .sprints-content, .sprints-container .folders .folders-content, .sprints-container .folders .sprints-content {
  overflow: auto;
  height: calc(100% - 50px);
}
.sprints-container .sprints .sprints-header, .sprints-container .sprints .folders-header, .sprints-container .folders .sprints-header, .sprints-container .folders .folders-header {
  min-height: 50px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  text-underline-position: from-font;
  color: #000000;
}
.sprints-container .sprints .sprints-header .left-part, .sprints-container .sprints .folders-header .left-part, .sprints-container .folders .sprints-header .left-part, .sprints-container .folders .folders-header .left-part {
  position: relative;
  padding-left: 20px;
}
.sprints-container .sprints .sprints-header .left-part .expander, .sprints-container .sprints .folders-header .left-part .expander, .sprints-container .folders .sprints-header .left-part .expander, .sprints-container .folders .folders-header .left-part .expander {
  top: 50%;
  left: -8px;
}
.sprints-container .sprints .sprints-header .left-part .expander.close-list, .sprints-container .sprints .folders-header .left-part .expander.close-list, .sprints-container .folders .sprints-header .left-part .expander.close-list, .sprints-container .folders .folders-header .left-part .expander.close-list {
  transform: translate(0, -50%) rotate(-180deg);
}
.sprints-container .sprints .sprints-header .action-button, .sprints-container .sprints .folders-header .action-button, .sprints-container .folders .sprints-header .action-button, .sprints-container .folders .folders-header .action-button {
  width: 125px;
  font-size: 14px;
  height: 30px;
  background: #135FFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: background 0.2s ease;
}
.sprints-container .sprints .sprints-header .action-button i, .sprints-container .sprints .folders-header .action-button i, .sprints-container .folders .sprints-header .action-button i, .sprints-container .folders .folders-header .action-button i {
  font-size: 18px;
  margin-right: 5px;
}
.sprints-container .sprints .sprints-header .action-button:hover, .sprints-container .sprints .folders-header .action-button:hover, .sprints-container .folders .sprints-header .action-button:hover, .sprints-container .folders .folders-header .action-button:hover {
  background: #0E28B0;
}
.sprints-container .folders {
  background: #E3E4E8;
}
.sprints-container .folders .header {
  background: #F5F6F8 !important;
}
.sprints-container .folders .sprint-container {
  background: #F5F6F8;
}
.sprints-container .sprints .sprint-container .footer .create-task {
  background: #F5F6F8;
}
.sprints-container .sprint-container {
  position: relative;
  margin-bottom: 20px;
  border-radius: 8px;
  background: #E4EAF6;
  padding: 0;
  z-index: 1;
}
.sprints-container .sprint-container.backlog-container .subheader {
  margin-top: 5px;
}
.sprints-container .sprint-container.close-list .body {
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.sprints-container .sprint-container.close-list .footer {
  max-height: 0;
  margin: 0;
  padding: 0;
}
.sprints-container .sprint-container.close-list .footer .create-task {
  display: none;
}
.sprints-container .sprint-container.close-list .header .left-part .expander {
  transform: translate(0, -50%) rotate(-180deg);
}
.sprints-container .sprint-container .header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 14px 10px 7px 0;
  background: #E4EAF6;
  position: sticky;
  top: 0;
  z-index: 1;
}
.sprints-container .sprint-container .header .left-part {
  font-size: 16px;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #135FFF;
  position: relative;
  padding-left: 35px;
}
.sprints-container .sprint-container .header .left-part .count-issues {
  font-size: 13px;
  margin-left: 15px;
  font-weight: 400;
  color: #000;
}
.sprints-container .sprint-container .header .left-part .state {
  width: 61px;
  height: 23px;
  border-radius: 12.5px;
  background: #5DBE60;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-left: 13px;
}
.sprints-container .sprint-container .header .right-part {
  display: flex;
}
.sprints-container .sprint-container .header .right-part .estimates {
  display: flex;
  align-items: center;
  margin-right: 22px;
}
.sprints-container .sprint-container .header .right-part .estimates .estimate-time:not(:empty) {
  padding: 2px 7px;
  border-radius: 12px;
  margin-left: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.7px;
  user-select: none;
}
.sprints-container .sprint-container .header .right-part .export-btn, .sprints-container .sprint-container .header .right-part .start-sprint {
  margin-right: 6px;
}
.sprints-container .sprint-container .header .right-part .actions-trigger, .sprints-container .sprint-container .header .right-part .export-btn, .sprints-container .sprint-container .header .right-part .start-sprint {
  width: 30px;
  height: 30px;
  background: #D2D9E7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.sprints-container .sprint-container .header .right-part .actions-trigger .icon-export-arrow, .sprints-container .sprint-container .header .right-part .actions-trigger .icon-svg155, .sprints-container .sprint-container .header .right-part .export-btn .icon-export-arrow, .sprints-container .sprint-container .header .right-part .export-btn .icon-svg155, .sprints-container .sprint-container .header .right-part .start-sprint .icon-export-arrow, .sprints-container .sprint-container .header .right-part .start-sprint .icon-svg155 {
  translate: 0 -1px;
  font-weight: 700;
}
.sprints-container .sprint-container .header .right-part .actions-trigger svg, .sprints-container .sprint-container .header .right-part .export-btn svg, .sprints-container .sprint-container .header .right-part .start-sprint svg {
  width: 20px;
  height: 20px;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper {
  position: relative;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options {
  min-width: max(100%, 150px);
  width: fit-content;
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 #00000040;
  z-index: 100;
  max-height: 400px;
  overflow: auto;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option {
  padding: 10px 20px 10px 10px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option:hover {
  background: #eaeaea;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option svg, .sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option span {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option .pen {
  width: 15px;
  height: 15px;
  margin-right: 15px;
}
.sprints-container .sprint-container .header .employees {
  padding: 0 0 0 6px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
}
.sprints-container .sprint-container .header .employees .employee-image {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 50%;
  box-sizing: border-box;
  margin: 0 0 5px 5px;
}
.sprints-container .sprint-container .header .employees .employee-image.active {
  outline: 3px solid #bffeff;
}
.sprints-container .sprint-container .header .employees .employee-image.selected {
  outline: 2px solid #135FFF;
}
.sprints-container .sprint-container .header .employees .more-button {
  font-size: 16px;
  margin-left: 10px;
  color: #135FFF;
  cursor: pointer;
}
.sprints-container .sprint-container .header .subheader {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-btn {
  display: flex;
  align-items: center;
  background: white;
  padding: 7px 12px;
  border-radius: 32px;
  font-size: 14px;
  margin-top: 10px;
  border: 1px solid #E3E4E8;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-btn svg {
  margin-right: 5px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .choices {
  display: none;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .select-all-label {
  display: none;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box {
  width: 170px;
  height: 25px;
  border: none;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .selected-items .select-title {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .selected-items .select-title svg {
  margin-right: 5px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .selected-items .active-option {
  margin: 2px 2px 2px 0;
  height: 20px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .expander {
  position: relative;
  right: 20px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .count-box {
  font-size: 12px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .count-box .count {
  width: 25px;
  height: 25px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .items-list {
  top: 35px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .items-list .search-input {
  display: none;
}
.sprints-container .sprint-container .header .subheader .status-sort-container {
  display: flex;
}
.sprints-container .sprint-container .header .subheader .status-sort-container .sort-status-btn {
  background: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  width: max-content;
  padding: 0 5px;
  min-height: 25px;
  border-radius: 8px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI Bold, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  margin-left: 5px;
}
.sprints-container .sprint-container .header .subheader .status-sort-container .sort-status-btn.active {
  background: #3B7AFF;
  color: #FFFFFF;
}
.sprints-container .sprint-container .header .subheader .status-sort-container .sort-status-btn.active .fa-sort {
  color: #FFFFFF;
}
.sprints-container .sprint-container .header .subheader .status-sort-container .sort-status-btn .fa-sort {
  color: #3B7AFF;
}
.sprints-container .sprint-container .header .date-row {
  color: #505f79;
  font-size: 14px;
  padding: 8px;
}
.sprints-container .sprint-container .body {
  margin: 0 6px 0;
  transition: max-height 0.3s ease, margin-bottom 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.sprints-container .sprint-container .body .status-type-title {
  color: #135FFF;
  font-weight: 600;
  margin: 10px 0 0 0;
}
.sprints-container .sprint-container .body .task-wrapper {
  position: relative;
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 0;
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease, background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #D2D9E7;
  background: #FFF;
  min-height: 36px;
  height: auto;
}
.sprints-container .sprint-container .body .task-wrapper:hover {
  background: #ebecf0;
}
.sprints-container .sprint-container .body .task-wrapper.active {
  background: #deebff;
}
.sprints-container .sprint-container .body .task-wrapper.move {
  background: #d1f0ff;
}
.sprints-container .sprint-container .body .task-wrapper .left-part {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .type, .sprints-container .sprint-container .body .task-wrapper .left-part .priority {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .type .image, .sprints-container .sprint-container .body .task-wrapper .left-part .priority .image {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .key {
  margin-top: 1px;
  color: #2684ff;
  white-space: nowrap;
  font-size: 14px;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .name {
  font-size: 14px;
  font-weight: 400;
  color: #172b4d;
  overflow-wrap: anywhere;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  cursor: default;
  position: relative;
  margin: 1px 0 0 10px;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .name:hover {
  cursor: pointer;
}
.sprints-container .sprint-container .body .task-wrapper .right-part {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .epic {
  text-wrap: nowrap;
  margin-right: 10px;
  padding: 1px 4px;
  border-radius: 7px;
  min-width: fit-content;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .epic:empty {
  padding: 0;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .assignee-image {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 50%;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .assignee-image.hidden {
  display: none;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .assignee-image-placeholder {
  min-width: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0A0A0A;
  font-size: 30px;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .assignee-image-placeholder.hidden {
  display: none;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .estimate {
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0 6px;
  margin-left: 10px;
  white-space: nowrap;
  min-width: 15px;
  background: rgba(9, 30, 66, 0.13);
  color: #172b4d;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .estimate.editing {
  background: #E8F0FF;
  color: #333;
  border: 1px solid #AABDD1;
  cursor: text;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .status {
  color: white;
  border-radius: 4px;
  padding: 0 5px;
  margin-left: 10px;
}
.sprints-container .sprint-container .body .create-task-wrapper {
  display: flex;
  flex-direction: column;
}
.sprints-container .sprint-container .body .create-task-wrapper .content {
  align-items: center;
  margin-bottom: 5px;
}
.sprints-container .sprint-container .body .create-task-wrapper .content .task-name-input, .sprints-container .sprint-container .body .create-task-wrapper .content .task-estimate-input {
  border: none;
  padding: 5px;
  margin-left: 10px;
  flex: 1;
}
.sprints-container .sprint-container .body .create-task-wrapper .content .task-estimate-input {
  max-width: 60px;
}
.sprints-container .sprint-container .body .create-task-wrapper .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 5px;
  padding: 0;
}
.sprints-container .sprint-container .body .create-task-wrapper .footer .sprint {
  display: flex;
  align-items: center;
}
.sprints-container .sprint-container .body .create-task-wrapper .footer .sprint .title {
  margin-right: 10px;
}
.sprints-container .sprint-container .body .create-task-wrapper .footer .cancel {
  margin-left: 5px;
  color: #135FFF;
  padding: 5px 10px;
}
.sprints-container .sprint-container .footer {
  padding: 10px;
  margin: 0 25px;
}
.sprints-container .sprint-container .footer:empty {
  padding: 0;
}
.sprints-container .sprint-container .footer .create-task {
  width: 107px;
  height: 30px;
  border-radius: 6px;
  background: #E4EAF6;
  color: #135FFF;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 14.7px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.sprints-container .sprint-container .footer .create-task .icon {
  margin-right: 8px;
}
.sprints-container .task-wrapper.bulk-selected {
  background: #d1f0ff !important;
}
.move-sprint-popup {
  position: absolute;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 #00000040;
  width: 200px;
  z-index: 1000;
  font-family: Arial, sans-serif;
  color: #000;
}
.move-sprint-popup .popup-header {
  margin: 0 0 10px;
  font-size: 16px;
  padding-left: 3px;
  text-align: left;
  color: #333;
}
.move-sprint-popup .options-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.move-sprint-popup .options-container .sprints, .move-sprint-popup .options-container .folders {
  flex: 1;
  border-radius: 6px;
  max-height: 200px;
  overflow-y: auto;
  position: relative;
  margin: 0;
}
.move-sprint-popup .options-container .sprints .section-header, .move-sprint-popup .options-container .folders .section-header {
  width: 100%;
  position: sticky;
  top: 0;
  margin: 0;
  padding: 4px 12px;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  font-weight: bold;
  border-top: 1px solid #E3E4E8;
  display: flex;
  align-items: center;
  gap: 10px;
}
.move-sprint-popup .options-container .sprints .sprint-row, .move-sprint-popup .options-container .sprints .folder-row, .move-sprint-popup .options-container .folders .sprint-row, .move-sprint-popup .options-container .folders .folder-row {
  padding: 6px 12px 6px;
  background: white;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  text-align: left;
  font-size: 14px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.move-sprint-popup .options-container .sprints .sprint-row:hover, .move-sprint-popup .options-container .sprints .folder-row:hover, .move-sprint-popup .options-container .folders .sprint-row:hover, .move-sprint-popup .options-container .folders .folder-row:hover {
  background: #F4F5F7;
}
@media (max-width: 500px) {
  .move-sprint-popup {
    width: 90%;
    left: 5%;
    transform: none;
  }
  .move-sprint-popup .options-container {
    flex-direction: column;
  }
}
.edit-task-popup {
  position: absolute;
  background: #fff;
  border-radius: 8px;
  z-index: 10001;
  box-shadow: 0 4px 4px 0 #00000040;
  width: auto;
  font-family: Arial, sans-serif;
  color: #000;
}
.edit-task-popup .popup-header {
  position: sticky;
  top: 0;
  margin: 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background: inherit;
  border-radius: 8px;
  border-bottom: 1px solid #E3E4E8;
  border-top: 1px solid #E3E4E8;
}
.edit-task-popup .popup-header .header-name {
  margin: 0;
}
.edit-task-popup .popup-header .edit {
  width: 20px;
  height: 20px;
}
.edit-task-popup .popup-header .edit .square {
  stroke: #9599A1;
}
.edit-task-popup .popup-header .edit .pen {
  fill: #9599A1;
}
.edit-task-popup .popup-header .edit .pen-head {
  fill: #9599A1;
}
.edit-task-popup .options-container {
  margin-top: 10px;
  max-height: 200px;
  overflow-y: auto;
}
.edit-task-popup .options-container .search-input {
  width: 100%;
  padding: 0 8px;
  border: none;
  border-radius: 4px;
  margin-bottom: 5px;
}
.edit-task-popup .options-container .edit-task-option {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000000;
  padding: 3px 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background-color 0.2s, border-color 0.2s;
  background: white;
  border-radius: 4px;
  text-align: left;
  font-size: 14px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.edit-task-popup .options-container .edit-task-option .option-name {
  padding: 1px 5px;
  border-radius: 5px;
}
.edit-task-popup .options-container .edit-task-option .image {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 50%;
}
.edit-task-popup .options-container .edit-task-option .image.priority {
  width: 20px;
  height: 20px;
}
.edit-task-popup .options-container .edit-task-option:hover {
  background-color: #F4F5F7;
}
.active-filters-box .expander, .sprints-container .expander {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  position: absolute;
  top: 40%;
  left: 7px;
  transform: translate(0, -50%) rotate(-90deg);
  transition: transform 0.3s ease;
  border-radius: 50%;
}
.active-filters-box .expander:active, .sprints-container .expander:active {
  background: #d7e0ef;
}
.active-filters-box .expander path, .sprints-container .expander path {
  fill: #135FFF;
}
.add-sprint-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  min-height: 350px;
}
.add-sprint-content .sprint-name-input {
  width: 100%;
  border-radius: 8px;
  padding: 10px 16px;
  background: #fff;
  border: 1px solid #D3D3D5;
  outline: none;
  margin-bottom: 35px;
  font-size: 14px;
}
.add-sprint-content .sprint-name-input.required {
  outline: 1px solid #e12929;
}
.add-sprint-content .date-field {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.add-sprint-content .date-field label {
  width: 68px;
  margin-right: 19px;
  font-size: 14px;
  font-weight: 400;
}
.add-sprint-content .date-field input {
  width: 150px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.15px;
  padding: 12px 16px;
  border: 1px solid #D3D3D5;
  border-radius: 5px;
}
.add-sprint-content .date-field input.required {
  outline: 1px solid #e12929;
}
.custom-select-wrapper {
  position: relative;
  font-family: Arial, sans-serif;
}
.custom-select-wrapper .custom-select {
  position: relative;
  cursor: pointer;
  background-color: #E3E4E8;
  border-radius: 5px;
}
.custom-select-wrapper .custom-select .select-trigger {
  padding: 3px 10px 3px 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-select-wrapper .custom-select .select-trigger span {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.custom-select-wrapper .custom-select .select-trigger span img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: contain;
}
.custom-select-wrapper .custom-select .select-trigger .arrow {
  width: 8px;
  height: 8px;
  border: solid #666;
  border-width: 0 2px 2px 0;
  transform: translate(0, -2px) rotate(45deg);
}
.custom-select-wrapper .custom-select .options {
  width: fit-content;
  min-width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 100;
  max-height: 200px;
  overflow: auto;
}
.custom-select-wrapper .custom-select .options .option {
  padding: 10px;
  cursor: pointer;
  white-space: nowrap;
}
.custom-select-wrapper .custom-select .options .option:hover {
  background: #eaeaea;
}
.custom-select-wrapper .custom-select .options .option.selected {
  background: #eaeaea;
}
.custom-select-wrapper .custom-select .options .option .type-image {
  width: 20px;
  height: 20px;
}
.custom-select-wrapper .custom-select .options.visible {
  display: block;
}
.complete-sprint-modal-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.complete-sprint-modal-content .custom-select-wrapper {
  margin-left: 10px;
  flex: 1;
}
.complete-sprint-modal-content .custom-select-wrapper .custom-select {
  padding: 4px;
}
.complete-sprint-modal-content .custom-select-wrapper .custom-select .option {
  text-align: start;
}
.board-task-info-container {
  width: 400px;
  height: calc(100% - 80px);
  bottom: 0;
  right: 0;
  position: fixed;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  color: #031231;
  padding: 15px 15px 15px 25px;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  border-left: 5px solid #ccc;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  min-width: 400px;
  z-index: 1999;
}
.board-task-info-container .left-resizer {
  position: absolute;
  left: -10px;
  top: 12px;
  height: calc(100% - 24px);
  width: 15px;
  cursor: ew-resize;
  background: transparent;
  z-index: 10;
}
.board-task-info-container .task-info {
  width: 100%;
  height: calc(100% - 30px);
  overflow: auto;
  margin: 0;
}
.board-task-info-container .task-info .edit {
  display: flex;
  align-items: center;
  height: auto;
  margin-top: -4px;
  margin-left: auto;
  background: #E3E4E8;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  padding: 0 4px;
}
.board-task-info-container .task-info .row {
  display: flex;
  align-items: stretch;
}
.board-task-info-container .task-info .row .field {
  color: #6b778c;
  font-size: 14px;
  min-width: 120px;
}
.board-task-info-container .task-info .row.name .task-name {
  padding: 4px 0 4px 4px;
  word-break: break-all;
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: 14px;
}
.board-task-info-container .task-info .row.with-image {
  max-width: 100%;
  flex-wrap: nowrap;
}
.board-task-info-container .task-info .row.with-image .value {
  display: flex;
  cursor: pointer;
  max-width: 100%;
  flex-wrap: nowrap;
}
.board-task-info-container .task-info .row.with-image .value .container {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  gap: 10px;
  color: #fff;
  border-radius: 4px;
  height: 28px;
  max-width: calc(100% - 35px);
}
.board-task-info-container .task-info .row.with-image .value .container .info {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.board-task-info-container .task-info .row.with-image .value .container .info .name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: black;
  margin-left: 8px;
}
.board-task-info-container .task-info .row.with-image .value .container .img {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #B3B4B9;
  object-fit: cover;
}
.board-task-info-container .task-info .row.with-image .value .container .priority-image {
  width: 20px;
  height: 20px;
}
.board-task-info-container .task-info .row.with-image .value .container .icon {
  position: absolute;
  top: 50%;
  right: 15px;
  opacity: 0;
  transform: translate(0px, -50%) rotate(-90deg);
}
.board-task-info-container .task-info .row.with-image .value:hover .container .icon {
  opacity: 1;
}
.board-task-info-container .task-info .row.with-image .value .select {
  min-width: 100%;
  width: fit-content;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  background-color: white;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.board-task-info-container .task-info .row.with-image .value .select .option {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #333;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.board-task-info-container .task-info .row.with-image .value .select .option .img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.board-task-info-container .task-info .row.with-image .value .select .option:hover {
  background-color: #f0f0f0;
  color: #111;
}
.board-task-info-container .task-info .row.with-image .value .select .option:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.board-task-info-container .task-info .row.with-image .value .edit-btn {
  display: none;
  width: 10px;
  height: 10px;
}
.board-task-info-container .task-info .editable {
  display: flex;
  gap: 10px;
  border: 1px solid transparent;
  margin-top: -4px;
}
.board-task-info-container .task-info .editable.editing:hover .edit {
  opacity: 0;
}
.board-task-info-container .task-info .editable:hover {
  border: 1px solid #E3E4E8;
  cursor: pointer;
}
.board-task-info-container .task-info .editable:hover .edit {
  opacity: 1;
}
.board-task-info-container .task-info .section .row .value {
  display: flex;
  align-items: stretch;
  font-size: 14px;
  color: #172b4d;
}
.board-task-info-container .task-info .section .row .value .name {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board-task-info-container .task-info .section .row.reporter .name {
  width: calc(100% - 65px);
}
.board-task-info-container .task-info .section .title-bold {
  color: #172b4d;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.board-task-info-container .task-info .section .title {
  font-weight: 700;
}
.board-task-info-container .task-info .section.details .row {
  align-items: center;
}
.board-task-info-container .task-info .section.details .row .value span {
  padding: 4px;
}
.board-task-info-container .task-info .section.description {
  overflow: hidden;
  font-size: 14px;
  padding-right: 20px;
  width: 100%;
}
.board-task-info-container .task-info .section.description .description-container {
  margin-top: 9px;
  cursor: pointer;
}
.board-task-info-container .task-info .section.description .description-container .description .value {
  white-space: wrap;
}
.board-task-info-container .task-info .section.description .title {
  display: flex;
  align-items: center;
}
.board-task-info-container .task-info .section.description .title .icon {
  height: 12px;
}
.board-task-info-container .task-info .section.description .description {
  position: relative;
  max-width: 100%;
}
.board-task-info-container .task-info .section.description .description .value {
  width: 100%;
  margin: 0 1px;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-height: 30px;
}
.board-task-info-container .task-info .section.description .description .value .description-text {
  padding: 8px 0 0 8px;
  flex: 1;
  width: inherit;
  overflow: auto;
}
.board-task-info-container .task-info .section.description .description .value .description-text img {
  display: unset;
}
.board-task-info-container .task-info .section.description .description .value .edit {
  height: auto;
}
.board-task-info-container .task-info .section.description textarea {
  width: 100%;
  min-height: 200px;
}
.board-task-info-container .task-info .section.activity {
  width: 100%;
  min-width: 330px;
}
.board-task-info-container .task-info .section.activity .new-comment-section {
  min-height: 140px;
}
.board-task-info-container .task-info .section.activity .new-comment-section:has(.add-comment-block.hidden) {
  margin-bottom: 250px;
}
.board-task-info-container .task-info .section.activity .new-comment-section .new-comment-container {
  position: absolute;
  bottom: 0;
  border-top: 2px solid #ebecf0;
  z-index: 9999999999;
  background: #FFFFFF;
  min-width: 330px;
  width: calc(100% - 55px);
  margin-bottom: 0;
  padding-bottom: 10px;
}
.board-task-info-container .task-info .section.activity .new-comment-section .new-comment-container .task-comment-label {
  color: #6b778c;
  font-size: 12px;
  font-weight: 600;
}
.board-task-info-container .task-info .section.activity .new-comment .add-comment-block {
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #dfe1e5;
  border-radius: 3px;
  color: #999;
  text-decoration: none;
  cursor: text;
}
.board-task-info-container .task-info .section.activity .activity-wrapper {
  margin-bottom: 10px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment {
  border-bottom: 1px solid var(--ds-border, #c1c7d0);
  padding: 10px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author {
  position: relative;
  width: 100%;
  padding-left: 33px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .author-image {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #B3B4B9;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .name {
  color: #135FFF;
  font-size: 14px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .name span {
  color: #707070;
  font-size: 12px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .task-comment {
  font-size: 14px;
  min-height: 36px;
  overflow-x: auto;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .comment-actions .edit-btn {
  margin-right: 10px;
}
.board-task-info-container .task-info .section.activity .actions-con, .board-task-info-container .task-info .section.description .actions-con {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #f1f1f1;
}
.board-task-info-container .task-info .section.activity .actions-con .button, .board-task-info-container .task-info .section.description .actions-con .button {
  min-width: 80px;
  padding: 9px 15px;
  cursor: pointer;
  font-size: 16px;
  height: initial;
  max-height: initial;
  min-height: initial;
  margin: 3px 5px;
  line-height: 16px;
}
.board-task-info-container .task-info .section.activity .actions-con .button.save, .board-task-info-container .task-info .section.description .actions-con .button.save {
  background: #135FFF;
  color: #fff;
}
.board-task-info-container .task-info .section.activity .actions-con .button.cancel, .board-task-info-container .task-info .section.description .actions-con .button.cancel {
  color: #0052cc;
}
.board-task-info-container .row.name {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.board-task-info-container .row.name .field {
  width: fit-content;
  min-width: auto;
  margin-right: 15px;
  font-size: 14px;
}
.board-task-info-container .row.name .value {
  white-space: normal;
}
.board-task-info-container .row.status .value {
  cursor: pointer;
  gap: 20px;
  color: #fff;
  width: fit-content;
  flex: none;
}
.board-task-info-container .row.status .value .status-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  border-radius: 4px;
  height: 28px;
  cursor: pointer;
  white-space: nowrap;
  max-width: 300px;
}
.board-task-info-container .row.status .value .status-container .status-name {
  padding: 5px;
  max-width: 100%;
  border-radius: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board-task-info-container .row.status .value .select {
  width: fit-content;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  background-color: white;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.board-task-info-container .row.status .value .select .option {
  color: #333;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.board-task-info-container .row.status .value .select .option .option-text {
  padding: 10px 15px;
}
.board-task-info-container .row.status .value .select .option:hover {
  background-color: #f0f0f0;
  color: #111;
}
.board-task-info-container .row.status .value .select .option.selected {
  background-color: #e8e8e8;
  font-weight: 500;
}
.board-task-info-container .row.status .value .select .option:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.board-task-info-container .row.status .value .select .option:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.board-task-info-container .row.status .value .select .option:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.board-task-info-container .row.status .value .select .option.disabled {
  color: #aaa;
  cursor: not-allowed;
  background-color: #f9f9f9;
}
.board-task-info-container .row.status .value .select .option.disabled:hover {
  background-color: #f9f9f9;
  color: #aaa;
}
.board-task-info-container .row.estimate, .board-task-info-container .row.remaining, .board-task-info-container .row.name {
  position: relative;
}
.board-task-info-container .row.estimate .value.editable, .board-task-info-container .row.remaining .value.editable, .board-task-info-container .row.name .value.editable {
  cursor: pointer;
  width: fit-content;
  flex: none;
}
.board-task-info-container .row.estimate .value.editable:hover, .board-task-info-container .row.remaining .value.editable:hover, .board-task-info-container .row.name .value.editable:hover {
  cursor: pointer;
  outline: 1px solid #E3E4E8;
}
.board-task-info-container .row.estimate .value.editable.editing, .board-task-info-container .row.remaining .value.editable.editing, .board-task-info-container .row.name .value.editable.editing {
  flex: 1;
  display: flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  border-image: initial;
  border-radius: 3px;
  padding: 1px 10px;
}
.board-task-info-container .row.estimate .actions, .board-task-info-container .row.remaining .actions, .board-task-info-container .row.name .actions {
  position: absolute;
  right: 0;
  bottom: -27px;
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 3px;
  background: #fff;
  border-radius: 3px;
  z-index: 10;
}
.board-task-info-container .row.estimate .actions .action-button, .board-task-info-container .row.remaining .actions .action-button, .board-task-info-container .row.name .actions .action-button {
  background: #ecedf0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border-radius: 3px;
  color: #7a7a7a;
  font-size: 10px;
  cursor: pointer;
}
.board-task-info-container .name-container {
  margin-top: 0;
  margin-bottom: 10px;
  max-width: calc(100% - 124px);
  overflow: hidden;
}
.board-task-info-container .name-container .title {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.board-task-info-container .name-container .title .project-key {
  margin-left: 5px;
  overflow: hidden;
}
.board-task-info-container .name-container .title .project-image {
  height: 40px;
  margin-right: 5px;
}
.board-task-info-container .name-container .title .task-key {
  color: #0052cc;
}
.board-task-info-container .close-task-info {
  top: 16px !important;
  right: 17px !important;
}
.board-task-info-container .plan-task-btn {
  position: absolute;
  top: 20px;
  right: 64px;
  height: 26px;
  min-height: 26px;
  min-width: initial;
}
#main_load_container {
  flex: 1;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.board-statuses-container {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  overflow: auto;
  display: flex;
}
.board-statuses-container .status-column {
  min-width: 240px;
  max-width: 240px;
  background: #F4F7FE;
  border-radius: 7px;
  margin: 5px;
  box-shadow: 0 0 5px 0 #e1e1e1;
}
.board-statuses-container .status-column.active {
  outline: 2px solid #009dff;
}
.board-statuses-container .status-column .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  margin-bottom: 5px;
  padding: 0 5px 0 12px;
}
.board-statuses-container .status-column .header .header-title {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.board-statuses-container .status-column .header .export-btn {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D2D9E7;
  font-size: 14px;
}
.board-statuses-container .status-column .content {
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: calc(100% - 40px);
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.board-statuses-container .status-column .content::-webkit-scrollbar {
  display: none;
}
.board-statuses-container .status-column .content .task-wrapper {
  min-width: 100%;
  padding: 7px;
  border: 1px solid #D2D9E7;
  border-radius: 7px;
  margin-bottom: 5px;
  cursor: pointer;
  background: #fff;
}
.board-statuses-container .status-column .content .task-wrapper.move {
  background: #d1f0ff;
}
.board-statuses-container .status-column .content .task-wrapper .task-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .left-part {
  display: flex;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .left-part .type-image {
  width: 18px;
  height: 18px;
  object-fit: contain;
  margin-right: 7px;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .left-part .key {
  font-size: 14px;
  font-weight: 400;
  color: #135FFF;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 122px;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .right-part .estimate {
  padding: 0 10px;
  color: #fff;
  background: #81848A;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  white-space: nowrap;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .right-part .estimate .estimate-input {
  padding: 15px;
  width: 10px;
  border: none;
  background: transparent;
}
.board-statuses-container .status-column .content .task-wrapper .name {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  overflow-wrap: anywhere;
}
.board-statuses-container .status-column .content .task-wrapper .employee-con {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.board-statuses-container .status-column .content .task-wrapper .employee-con .assignee-image {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 7px;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button {
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #ACAEB5;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button svg {
  width: 20px;
  height: 20px;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button:hover svg .inner-svg {
  fill: #EAB308;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button.favorite svg .inner-svg {
  fill: #EAB308;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button.favorite:hover svg .inner-svg {
  fill: none;
}
.boards-list .table .table-row-group .table-row li:first-child span {
  margin-left: 25px;
}
.boards-list .table.card-view {
  background: red;
}
.no-items-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.no-items-wrapper .no-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 15px;
  height: 100%;
}
.no-items-wrapper .no-items .no-items-text {
  font-weight: 600;
  font-size: 24px;
  color: #1E1E1D;
}
.no-items-wrapper .no-items .no-items-subtext {
  font-size: 18px;
  color: #000;
}
.no-items-wrapper .no-items .go-to-all {
  display: flex;
  align-items: center;
  background-color: #F4F7FE;
  border: 1px solid #BAD0FE;
  border-radius: 999px;
  font-size: 14px;
  color: #1a48ff;
  cursor: pointer;
  transition: background-color 0.2s ease;
  padding: 2px;
  margin-top: 10px;
}
.no-items-wrapper .no-items .go-to-all .go-to-all-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  background-color: #2684FF;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 6px;
}
.no-items-wrapper .no-items .go-to-all .go-to-all-icon .arrow {
  width: 16px;
  height: 16px;
}
.no-items-wrapper .no-items .go-to-all .go-to-all-icon .arrow path {
  fill: #fff;
}
.no-items-wrapper .no-items .go-to-all .go-to-all-label {
  font-size: 16px;
  color: #1a48ff;
  padding-left: 10px;
  padding-right: 18px;
}
.boards-card .items-card-view {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 280px));
  row-gap: 20px;
  column-gap: 40px;
  align-items: start;
}
.boards-card .items-card-view .list-item {
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #E3E4E8;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 16px;
  width: 100%;
  max-width: 280px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 7px;
}
.boards-card .items-card-view .list-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease-in-out;
}
.boards-card .items-card-view .list-item .top-container .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  max-width: 100%;
  height: 40px;
}
.boards-card .items-card-view .list-item .top-container .card-header .project-info {
  display: flex;
  align-items: center;
  max-width: calc(100% - 20px);
}
.boards-card .items-card-view .list-item .top-container .card-header .project-info .project-logo {
  width: 40px;
  margin-right: 10px;
}
.boards-card .items-card-view .list-item .top-container .card-header .project-info .project-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}
.boards-card .items-card-view .list-item .top-container .card-header .is-favorite-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #ACAEB5;
  margin-right: -7px;
}
.boards-card .items-card-view .list-item .top-container .card-header .is-favorite-button svg {
  width: 20px;
  height: 20px;
}
.boards-card .items-card-view .list-item .top-container .card-header .is-favorite-button:hover svg .inner-svg {
  fill: #EAB308;
}
.boards-card .items-card-view .list-item .top-container .card-header .is-favorite-button.favorite svg .inner-svg {
  fill: #EAB308 !important;
}
.boards-card .items-card-view .list-item .top-container .row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin: 0 0 6px 0;
}
.boards-card .items-card-view .list-item .top-container .row .name {
  color: #7A7B80;
}
.boards-card .items-card-view .list-item .top-container .row .value {
  color: #000000;
  font-weight: 700;
}
.boards-card .items-card-view .list-item .top-container hr {
  margin: 12px 0;
  border: none;
  border-top: 1px solid #eee;
}
.boards-card .items-card-view .list-item .bottom-container {
  padding-top: 10px;
  border-top: 1px solid #E3E4E8;
}
.boards-card .items-card-view .list-item .bottom-container .row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #7A7B80;
  margin: 0 0 6px 0;
  justify-content: space-between;
}
.boards-card .items-card-view .list-item .bottom-container .row .value {
  color: #ffffff;
  font-weight: 400;
  padding: 2px 6px;
  border-radius: 12px;
}
.boards-card .items-card-view .list-item .bottom-container .row.estimated .progress-bar {
  height: 8px;
  background-color: #eee;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  flex: 1;
}
.boards-card .items-card-view .list-item .bottom-container .row.estimated .progress-bar .progress {
  height: 100%;
  background-color: #32E296;
}
.boards-card .items-card-view .list-item .bottom-container .row.estimated .progress-bar .progress.is-full {
  background-color: #FF4C4C;
}
.boards-card .items-card-view .list-item .bottom-container .row .progress-label {
  margin-top: 6px;
  font-size: 13px;
  color: #333;
  font-weight: 500;
}
.boards-card .items-card-view .list-item .bottom-container .task-status-overview {
  display: flex;
  align-items: center;
}
.boards-card .items-card-view .list-item .bottom-container .task-status-overview .task-icon {
  margin-right: 10px;
}
.boards-card .items-card-view .list-item .bottom-container .time-info {
  justify-content: flex-end;
}
.boards-card .items-card-view .list-item .bottom-container .time-info span {
  font-weight: 600;
}
.content-box {
  background: linear-gradient(to right, #F8F9FB 10%, #FFFFFF 90%);
}
.board-filters .epics-filter-box .items-list .items-content {
  margin-bottom: 30px;
}
.epics-filter-box.open .items-list {
  display: block;
}
.epics-filter-box .items-list.hidden {
  display: none;
}
.epics-filter-box .items-list .create-epic {
  position: absolute;
  bottom: 0;
  padding: 10px 5px;
  background: #FFFFFF;
  width: 85%;
  border-top: 1px solid #e6e7ea;
}
.epics-filter-box .items-list .create-epic .addItemBtn {
  padding: 1px;
  display: flex;
  align-items: center;
}
.epics-filter-box .items-list .create-epic .addItemBtn .image {
  width: 16px;
}
.epics-filter-box .items-list .create-epic .addItemBtn .create-epic-title {
  margin-left: 8px;
}
.epics-filter-box .items-list .create-epic .addItemBtn .create-epic-title:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1550px) {
  .boards-view-header .choices {
    width: 220px;
  }
  .custom-filter-box .selected-items-box {
    width: 196px !important;
  }
  .boards-view-header .search-box {
    width: clamp(200px, 100%, 780px);
  }
}
@media screen and (max-width: 1024px) {
  .boards-view-header .choices {
    width: 180px;
  }
  .custom-filter-box .selected-items-box {
    width: 180px !important;
  }
  .boards-view-header .search-box {
    width: clamp(200px, 100%, 560px);
  }
}
.vacation-requests-table .list-fields.dropdown {
  float: right;
}
.vacation-requests-table .list-fields.dropdown .action-open-button {
  width: 30px !important;
}
.vacation-requests-table .action-buttons-container {
  height: 40px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.vacation-requests-table .action-buttons-container button {
  width: 81px;
  height: 28px;
  border-radius: 14px;
}
.vacation-requests-table .action-buttons-container .accept {
  color: white;
  background: #135FFF;
}
.vacation-requests-table .action-buttons-container .accepted {
  background: #135FFF14;
  color: #135FFF;
}
.vacation-requests-table .action-buttons-container .reject {
  background: #E3E4E8;
}
.vacation-requests-table .action-buttons-container .rejected {
  background: #FF3B3B14;
  color: #FF3B3B;
}
.modal-content .form-text-control.required {
  border: 1px solid #ff6767;
}
.modal-content .requester-row {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.modal-content .requester-row .requester-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.modal-content .vacation-period {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #135FFF;
}
.modal-content .vacation-period .vacation-dates {
  font-weight: bold;
}
.modal-content .vacation-period, .modal-content .requester-row {
  background: #F6F6F6;
  padding: 10px;
  border-radius: 5px;
}
.toast-buttons .vacation-cancel-button {
  background: #E3ECFF;
  color: #135FFF;
  border: 1px solid #E3ECFF;
}
.toast-buttons .vacation-submit-button {
  background: #2C4AE1;
  color: white;
}
.toast-buttons button:has(+ .vacation-submit-button) {
  border: 1px solid #E3ECFF !important;
  background: #F4F7FE !important;
  color: #135FFF !important;
}
.toast-header-box.f_toast-header-box .content-title {
  padding-left: 10px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.toast-header-box.f_toast-header-box .content-title h4 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
}
.toast-header-box.f_toast-header-box .content-title svg {
  height: 24px;
  width: 24px;
  color: #135FFF;
}
#main_load_container:has(.list-mode) {
  display: flex;
  max-width: 100%;
  gap: 10px;
  padding-top: 5px;
}
#main_load_container:has(.list-mode) .board-task-info-container {
  position: relative;
  height: -webkit-fill-available;
  border: 1px solid #ccc;
  border-radius: 7px;
  margin-right: 3px;
}
#main_load_container:has(.list-mode) .board-task-info-container .task-info {
  height: calc(100% - 50px);
  width: inherit;
}
.board-page-switcher {
  width: 100%;
  float: right;
  display: flex;
  padding-bottom: 15px;
  justify-content: space-between;
}
.board-page-switcher .wrapper {
  position: relative;
  overflow: hidden;
  width: 230px;
  display: flex;
  background: #FFF;
  border-radius: 9999px;
  border: 1px solid #E3E4E8;
  transition: background 0.2s ease;
}
.board-page-switcher .wrapper:hover {
  background: #E2E4E7;
}
.board-page-switcher .wrapper .switcher-indicator {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 40px;
  background: #135fff;
  border-radius: 20px;
  transition: left 0.3s ease;
  z-index: 0;
}
.board-page-switcher .wrapper .button {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  width: 50%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: flex;
  align-items: center;
  padding: 0;
}
.board-page-switcher .wrapper .button.active {
  color: #FFF;
  background: transparent;
}
.board-page-switcher .wrapper .switcher-visited.active ~ .switcher-indicator {
  left: 50%;
}
.board-page-switcher .change-view {
  position: relative;
  display: inline-flex;
  background: #FFFFFF;
  border: 1px solid #E3E4E8;
  border-radius: 9999px;
  gap: 0;
  overflow: hidden;
  transition: background 0.2s ease;
}
.board-page-switcher .change-view:hover {
  background: #E2E4E7;
}
.board-page-switcher .change-view .switch-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 50%;
  background: #135FFF;
  border-radius: 9999px;
  transition: left 0.3s;
  z-index: 0;
}
.board-page-switcher .change-view .button {
  height: 40px;
  width: 50px;
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: transparent;
  transition: color 0.2s;
  padding: 0;
}
.board-page-switcher .change-view .button svg {
  width: 25px;
  height: 25px;
}
.board-page-switcher .change-view .button svg path {
  transition: fill 0.2s;
}
.board-page-switcher .change-view .button svg rect {
  transition: stroke 0.2s;
}
.board-page-switcher .change-view .button.active svg path {
  fill: #FFF;
}
.board-page-switcher .change-view .button.active svg rect {
  stroke: #FFF;
}
.boards-view-header {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px !important;
}
.boards-view-header .choices {
  margin: 0 !important;
  width: 196px !important;
}
.boards-view-header .projects-filter-box {
  margin: 0 10px 0 0;
  width: 196px;
}
.boards-view-header .projects-filter-box .selected-items-box {
  width: 196px;
}
.boards-view-header .board-add-task-button {
  border-radius: 6px;
  background: #135fff;
  width: 141px;
  height: 40px;
  display: flex;
  align-items: center;
  transition: background 0.2s ease;
  color: white;
  font-size: 14px;
  font-weight: 400;
  padding: 0 15px;
}
.boards-view-header .board-add-task-button i {
  font-size: 20px;
  margin-bottom: 1px;
  margin-right: 4px;
}
.boards-view-header .board-add-task-button:hover {
  background: #0E28B0;
}
.boards-view-header.left-part {
  flex: 1;
}
.boards-view-header.left-part .filters-container {
  display: flex;
  max-width: 1095px;
  flex: 1;
}
.boards-view-header.left-part .filters-container .search-box {
  flex: 1;
}
.boards-view-header .choices {
  width: 215px;
  margin: 0 5px 0 10px;
}
.boards-view-header .choices .choices__inner {
  border: none;
  color: #135FFF;
  font-weight: 500;
}
.boards-view-header .choices[data-type*="select-one"]:after {
  border-color: #135FFF transparent transparent transparent;
}
.boards-view-header.right-part {
  gap: 5px;
}
.boards-view-header .list-grid-switcher {
  height: 40px;
  margin: 0 !important;
  padding: 2px;
  position: relative;
  display: inline-flex;
  background: #FFFFFF;
  border: 1px solid #E3E4E8;
  border-radius: 6px;
  transition: background 0.2s ease;
}
.boards-view-header .list-grid-switcher::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 32.3%;
  border-radius: 6px;
  background: #135FFF;
  transition: transform 0.3s ease;
  z-index: 0;
}
.boards-view-header .list-grid-switcher.view-mode-0::before {
  transform: translateX(0%);
}
.boards-view-header .list-grid-switcher.view-mode-1::before {
  transform: translateX(100%);
}
.boards-view-header .list-grid-switcher.view-mode-2::before {
  transform: translateX(200%);
}
.boards-view-header .list-grid-switcher .change-view-mode {
  flex: 1;
  position: relative;
  z-index: 1;
  width: 45px;
  height: 34px;
  background: transparent;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.boards-view-header .list-grid-switcher .change-view-mode svg {
  width: 20px;
  height: 20px;
  transition: stroke 0.3s;
}
.boards-view-header .list-grid-switcher .change-view-mode svg path, .boards-view-header .list-grid-switcher .change-view-mode svg line, .boards-view-header .list-grid-switcher .change-view-mode svg rect {
  transition: stroke 0.3s;
  stroke: #000;
}
.boards-view-header .list-grid-switcher .change-view-mode.active svg path, .boards-view-header .list-grid-switcher .change-view-mode.active svg line, .boards-view-header .list-grid-switcher .change-view-mode.active svg rect {
  stroke: #FFF;
}
.boards-view-header.right-part .button .left-icon {
  margin-right: 8px;
}
.boards-view-header .search-box {
  height: 40px;
  border: 1px solid #D3D3D5;
  border-radius: 8px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  background: #fff;
  position: relative;
}
.boards-view-header .search-box .search-label {
  width: 100%;
}
.boards-view-header .search-box .search-label .search-input {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.boards-view-header .search-box .search-label .search-input::placeholder {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.boards-view-header .search-box .search-icon {
  font-size: 18px;
  cursor: pointer;
}
.boards-view-header .search-box .search-input {
  width: 100%;
  border: none;
  flex: 1;
  padding: 8px;
  border-radius: 8px;
}
.boards-view-header .search-box .clear-search {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  cursor: pointer;
}
.boards-view-header .search-box .clear-search.hidden {
  display: none;
}
.boards-view-header .search-box .clear-search svg {
  width: 12px;
  height: 12px;
}
.boards-view-header .search-box .clear-search svg path {
  stroke: #D3D3D5;
}
.custom-filters-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 100px;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
}
.custom-filters-container.board-filters-container .right-part .save-filter-btn {
  margin-right: 0;
}
.custom-filters-container .left-part {
  display: flex;
  flex: 1;
  align-items: flex-start;
}
.custom-filters-container .left-part .filter-btn {
  width: 46px;
  min-width: 46px;
  height: 40px;
  border: 1px solid #E2E8F0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.custom-filters-container .left-part .filter-btn:active {
  background: #e8e8e8;
}
.custom-filters-container .left-part .filters-box {
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-left: 10px;
  gap: 10px;
}
.custom-filters-container .left-part .filters-box .custom-filter-box {
  margin-left: 0;
}
.custom-filters-container .left-part .filters-box .custom-filter-box .selected-items-box {
  width: 196px;
}
.custom-filters-container .left-part .statuses-filter-box .items-content {
  position: relative;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option {
  position: sticky;
  background: #FFFFFF;
  top: 0;
  font-weight: bold;
  border-top: 1px solid #e6e7ea;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option .checkbox-label .checkbox {
  opacity: 1;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option .checkbox-label.active {
  background: #e7ebf1 !important;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option .checkbox-label.active .checkbox {
  background-color: #135FFF;
  border-color: #135FFF;
}
.custom-filters-container .left-part .statuses-filter-box .items-content .status-type-option .checkbox-label.active .checkbox::before {
  content: "✓";
  font-size: 14px;
  font-weight: 700;
  color: white;
}
.custom-filters-container .left-part .search-box {
  width: 250px;
  height: 40px;
  border: 1px solid #D3D3D5;
  border-radius: 8px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  margin-left: 10px;
  background: #fff;
}
.custom-filters-container .left-part .search-box .search-label {
  width: 100%;
}
.custom-filters-container .left-part .search-box .search-icon {
  font-size: 18px;
  cursor: pointer;
}
.custom-filters-container .left-part .search-box .search-input {
  width: 100%;
  border: none;
  flex: 1;
  padding: 8px;
  border-radius: 8px;
}
.custom-filters-container .right-part {
  height: 100%;
  position: relative;
  margin-left: 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px;
}
.custom-filters-container .right-part .save-filter-btn, .custom-filters-container .right-part .action-button {
  width: 141px;
  height: 40px;
  border-radius: 6px;
  background: #F8F9FB;
  border: 1px solid #E3E4E8;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  padding: 0 15px;
}
.custom-filters-container .right-part .save-filter-btn svg, .custom-filters-container .right-part .action-button svg {
  margin-right: 6px;
  translate: 0 -1px;
  width: 16px;
  height: 16px;
}
.custom-filters-container .right-part .save-filter-btn .right-icon, .custom-filters-container .right-part .action-button .right-icon {
  margin: 0 4px;
}
.custom-filters-container .right-part .save-filter-btn.active, .custom-filters-container .right-part .action-button.active {
  background: #F6F6F6;
}
.custom-filters-container .right-part .save-filter-btn.active svg, .custom-filters-container .right-part .action-button.active svg {
  fill: transparent;
}
.custom-filters-container .right-part .save-filter-btn.active svg path, .custom-filters-container .right-part .action-button.active svg path {
  stroke: #000000;
}
.custom-filters-container .right-part .action-button {
  color: #135FFF;
  border-color: #135FFF42;
  background: #F4F7FE;
}
.custom-filters-container .right-part .save-filter-modal {
  position: absolute;
  top: calc(100% + 3px);
  right: 0;
  width: 460px;
  padding: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  background: white;
  border-radius: 7px;
  z-index: 9999;
}
.custom-filters-container .right-part .save-filter-modal.hidden {
  display: none;
}
.custom-filters-container .right-part .save-filter-modal .title {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid #E3E2E2;
  margin-bottom: 18px;
}
.custom-filters-container .right-part .save-filter-modal .input-field {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.custom-filters-container .right-part .save-filter-modal .input-field input.required {
  border: 1px solid #e12929;
}
.custom-filters-container .right-part .save-filter-modal .input-field .save-filter {
  margin-left: 10px;
  padding: 5px 20px;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-title {
  width: 100%;
  color: #90929A;
  font-size: 12px;
  margin-bottom: 10px;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-container {
  display: block;
  width: 100%;
  overflow: auto;
  max-height: 180px;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-container .saved-filter {
  padding: 5px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 6px;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-container .saved-filter span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90%;
}
.custom-filters-container .right-part .save-filter-modal .saved-filters-container .saved-filter.active, .custom-filters-container .right-part .save-filter-modal .saved-filters-container .saved-filter:hover {
  background: #ebebeb;
}
.board-content-container {
  height: calc(100% - 110px);
  display: flex;
}
.board-content-container .active-filters-box {
  width: 0;
  height: 100%;
  box-shadow: 0 0 27.2px 0 #0000001A;
  background: #fff;
  border-radius: 8px;
  transition: width 0.3s ease, min-width 0.3s ease, max-width 0.3s ease;
  overflow: auto;
}
.board-content-container .active-filters-box.open {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
.board-content-container .active-filters-box.open.enlarge {
  width: 286px;
  min-width: 286px;
  max-width: 286px;
}
.board-content-container .active-filters-box.open.enlarge .header {
  padding: 0 10px 0;
}
.board-content-container .active-filters-box.open.enlarge .title {
  display: block;
}
.board-content-container .active-filters-box.open.enlarge .clear-btn {
  display: flex;
}
.board-content-container .active-filters-box.open.enlarge .resize-btn {
  margin-left: 10px;
}
.board-content-container .active-filters-box.open.enlarge .resize-btn svg {
  transform: rotate(0);
}
.board-content-container .active-filters-box.open.enlarge .option {
  background: #F4F7FE;
}
.board-content-container .active-filters-box.open.enlarge .option .name, .board-content-container .active-filters-box.open.enlarge .option .expander {
  display: block !important;
}
.board-content-container .active-filters-box.open.enlarge .status .items, .board-content-container .active-filters-box.open.enlarge .tasks .items, .board-content-container .active-filters-box.open.enlarge .sprints .items, .board-content-container .active-filters-box.open.enlarge .epics .items {
  display: flex;
  flex-wrap: wrap;
}
.board-content-container .active-filters-box.open.enlarge .status .items .option, .board-content-container .active-filters-box.open.enlarge .tasks .items .option, .board-content-container .active-filters-box.open.enlarge .sprints .items .option, .board-content-container .active-filters-box.open.enlarge .epics .items .option {
  width: fit-content;
  border-radius: 5px;
  overflow: hidden;
  padding: 2px 26px 2px 8px;
  margin: 0 3px 3px;
}
.board-content-container .active-filters-box.open.enlarge .status .items .option .expander, .board-content-container .active-filters-box.open.enlarge .tasks .items .option .expander, .board-content-container .active-filters-box.open.enlarge .sprints .items .option .expander, .board-content-container .active-filters-box.open.enlarge .epics .items .option .expander {
  box-shadow: none !important;
  background: none !important;
}
.board-content-container .active-filters-box.open.enlarge .status .items .option .name, .board-content-container .active-filters-box.open.enlarge .tasks .items .option .name, .board-content-container .active-filters-box.open.enlarge .sprints .items .option .name, .board-content-container .active-filters-box.open.enlarge .epics .items .option .name {
  font-size: 12px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.board-content-container .active-filters-box.open:not(.enlarge) .status .items .option, .board-content-container .active-filters-box.open:not(.enlarge) .tasks .items .option, .board-content-container .active-filters-box.open:not(.enlarge) .sprints .items .option, .board-content-container .active-filters-box.open:not(.enlarge) .epics .items .option {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c5c9d6;
  margin: 0 auto 6px;
}
.board-content-container .active-filters-box.open:not(.enlarge) .status .items .option .expander, .board-content-container .active-filters-box.open:not(.enlarge) .tasks .items .option .expander, .board-content-container .active-filters-box.open:not(.enlarge) .sprints .items .option .expander, .board-content-container .active-filters-box.open:not(.enlarge) .epics .items .option .expander {
  box-shadow: none !important;
  background: none !important;
}
.board-content-container .active-filters-box.open:not(.enlarge) .status .items .option .name, .board-content-container .active-filters-box.open:not(.enlarge) .tasks .items .option .name, .board-content-container .active-filters-box.open:not(.enlarge) .sprints .items .option .name, .board-content-container .active-filters-box.open:not(.enlarge) .epics .items .option .name {
  display: none !important;
}
.board-content-container .active-filters-box.open:not(.enlarge) .status .items .option .status-first-letter, .board-content-container .active-filters-box.open:not(.enlarge) .tasks .items .option .status-first-letter, .board-content-container .active-filters-box.open:not(.enlarge) .sprints .items .option .status-first-letter, .board-content-container .active-filters-box.open:not(.enlarge) .epics .items .option .status-first-letter {
  display: block;
  color: #fff;
  font-size: 16px;
}
.board-content-container .active-filters-box .users, .board-content-container .active-filters-box .status, .board-content-container .active-filters-box .projects, .board-content-container .active-filters-box .sprints, .board-content-container .active-filters-box .tasks, .board-content-container .active-filters-box .epics, .board-content-container .active-filters-box .types, .board-content-container .active-filters-box .priorities {
  width: 100%;
  padding: 0 2px;
  margin-bottom: 10px;
}
.board-content-container .active-filters-box .users .title, .board-content-container .active-filters-box .status .title, .board-content-container .active-filters-box .projects .title, .board-content-container .active-filters-box .sprints .title, .board-content-container .active-filters-box .tasks .title, .board-content-container .active-filters-box .epics .title, .board-content-container .active-filters-box .types .title, .board-content-container .active-filters-box .priorities .title {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: #5F646F;
  margin: 8px 3px;
}
.board-content-container .active-filters-box .users .items::-webkit-scrollbar, .board-content-container .active-filters-box .status .items::-webkit-scrollbar, .board-content-container .active-filters-box .projects .items::-webkit-scrollbar, .board-content-container .active-filters-box .sprints .items::-webkit-scrollbar, .board-content-container .active-filters-box .tasks .items::-webkit-scrollbar, .board-content-container .active-filters-box .epics .items::-webkit-scrollbar, .board-content-container .active-filters-box .types .items::-webkit-scrollbar, .board-content-container .active-filters-box .priorities .items::-webkit-scrollbar {
  display: none;
}
.board-content-container .active-filters-box .users .items .option, .board-content-container .active-filters-box .status .items .option, .board-content-container .active-filters-box .projects .items .option, .board-content-container .active-filters-box .sprints .items .option, .board-content-container .active-filters-box .tasks .items .option, .board-content-container .active-filters-box .epics .items .option, .board-content-container .active-filters-box .types .items .option, .board-content-container .active-filters-box .priorities .items .option {
  position: relative;
  padding: 0 5px;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  border-radius: 15px;
}
.board-content-container .active-filters-box .users .items .option .image, .board-content-container .active-filters-box .status .items .option .image, .board-content-container .active-filters-box .projects .items .option .image, .board-content-container .active-filters-box .sprints .items .option .image, .board-content-container .active-filters-box .tasks .items .option .image, .board-content-container .active-filters-box .epics .items .option .image, .board-content-container .active-filters-box .types .items .option .image, .board-content-container .active-filters-box .priorities .items .option .image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.board-content-container .active-filters-box .users .items .option .name, .board-content-container .active-filters-box .status .items .option .name, .board-content-container .active-filters-box .projects .items .option .name, .board-content-container .active-filters-box .sprints .items .option .name, .board-content-container .active-filters-box .tasks .items .option .name, .board-content-container .active-filters-box .epics .items .option .name, .board-content-container .active-filters-box .types .items .option .name, .board-content-container .active-filters-box .priorities .items .option .name {
  display: none;
  font-size: 14px;
  font-weight: 400;
  color: #135FFF;
  margin-left: 10px;
}
.board-content-container .active-filters-box .users .items .option .expander, .board-content-container .active-filters-box .status .items .option .expander, .board-content-container .active-filters-box .projects .items .option .expander, .board-content-container .active-filters-box .sprints .items .option .expander, .board-content-container .active-filters-box .tasks .items .option .expander, .board-content-container .active-filters-box .epics .items .option .expander, .board-content-container .active-filters-box .types .items .option .expander, .board-content-container .active-filters-box .priorities .items .option .expander {
  display: none;
  position: absolute;
  right: 4.5px;
  left: initial;
  top: 50%;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #D9E5FF;
  color: #135FFF;
  font-size: 8px;
  cursor: pointer;
  transform: translate(0, -50%);
}
.board-content-container .active-filters-box .users .items .option .expander .close-icon, .board-content-container .active-filters-box .status .items .option .expander .close-icon, .board-content-container .active-filters-box .projects .items .option .expander .close-icon, .board-content-container .active-filters-box .sprints .items .option .expander .close-icon, .board-content-container .active-filters-box .tasks .items .option .expander .close-icon, .board-content-container .active-filters-box .epics .items .option .expander .close-icon, .board-content-container .active-filters-box .types .items .option .expander .close-icon, .board-content-container .active-filters-box .priorities .items .option .expander .close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  translate: 0 -1px;
}
.board-content-container .active-filters-box .users .items .option .status-first-letter, .board-content-container .active-filters-box .status .items .option .status-first-letter, .board-content-container .active-filters-box .projects .items .option .status-first-letter, .board-content-container .active-filters-box .sprints .items .option .status-first-letter, .board-content-container .active-filters-box .tasks .items .option .status-first-letter, .board-content-container .active-filters-box .epics .items .option .status-first-letter, .board-content-container .active-filters-box .types .items .option .status-first-letter, .board-content-container .active-filters-box .priorities .items .option .status-first-letter {
  display: none;
}
.board-content-container .active-filters-box .status .items .option, .board-content-container .active-filters-box .tasks .items .option, .board-content-container .active-filters-box .epics .items .option {
  background: #a3bfff;
}
.board-content-container .active-filters-box .status .items .option .name, .board-content-container .active-filters-box .tasks .items .option .name, .board-content-container .active-filters-box .epics .items .option .name {
  color: #fff;
}
.board-content-container .active-filters-box .status .items .option .expander, .board-content-container .active-filters-box .tasks .items .option .expander, .board-content-container .active-filters-box .epics .items .option .expander {
  color: #fff;
  padding: 0;
}
.board-content-container .active-filters-box .header {
  margin: 10px 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-content-container .active-filters-box .header .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.board-content-container .active-filters-box .header .title {
  display: none;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  transition: width 0.3s ease;
  flex: 1;
}
.board-content-container .active-filters-box .header .clear-btn {
  padding: 0 10px;
  display: none;
  align-items: center;
  height: 29px;
  border-radius: 15px;
  background: #F6F6F6;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  transition: width 0.3s ease;
}
.board-content-container .active-filters-box .header .clear-btn:active {
  background: #dcdcdc;
}
.board-content-container .active-filters-box .header .resize-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #F6F6F6;
  margin: 0;
}
.board-content-container .active-filters-box .header .resize-btn:active {
  background: #dcdcdc;
}
.board-content-container .active-filters-box .header .resize-btn svg {
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
.board-content-container .active-filters-box .expander {
  display: none;
}
.sprints-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}
.sprints-container.list-mode {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-y: auto;
  flex: 1;
}
.sprints-container.list-mode .sprints, .sprints-container.list-mode .folders {
  max-height: fit-content;
  min-height: fit-content;
  width: 100%;
  margin-bottom: 20px;
  margin-right: 0;
  margin-left: 0;
}
.sprints-container.list-mode .sprints .sprints-content, .sprints-container.list-mode .sprints .folders-content, .sprints-container.list-mode .folders .sprints-content, .sprints-container.list-mode .folders .folders-content {
  max-height: 100%;
}
.sprints-container.list-view {
  flex-direction: column;
  padding: 0 10px;
  width: 100%;
  overflow: auto;
}
.sprints-container.list-view .sprint-container {
  width: 100%;
  margin-bottom: 20px;
  max-width: 800px;
}
.sprints-container .sprints, .sprints-container .folders {
  overflow: auto;
  border-radius: 8px;
  background: #cddcff;
  padding: 0 4px;
  margin: 0 4px;
  height: 100%;
  flex: 1;
}
.sprints-container .sprints .folders-content, .sprints-container .sprints .sprints-content, .sprints-container .folders .folders-content, .sprints-container .folders .sprints-content {
  overflow: auto;
  height: calc(100% - 50px);
}
.sprints-container .sprints .sprints-header, .sprints-container .sprints .folders-header, .sprints-container .folders .sprints-header, .sprints-container .folders .folders-header {
  min-height: 50px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  text-underline-position: from-font;
  color: #000000;
}
.sprints-container .sprints .sprints-header .left-part, .sprints-container .sprints .folders-header .left-part, .sprints-container .folders .sprints-header .left-part, .sprints-container .folders .folders-header .left-part {
  position: relative;
  padding-left: 20px;
}
.sprints-container .sprints .sprints-header .left-part .expander, .sprints-container .sprints .folders-header .left-part .expander, .sprints-container .folders .sprints-header .left-part .expander, .sprints-container .folders .folders-header .left-part .expander {
  top: 50%;
  left: -8px;
}
.sprints-container .sprints .sprints-header .left-part .expander.close-list, .sprints-container .sprints .folders-header .left-part .expander.close-list, .sprints-container .folders .sprints-header .left-part .expander.close-list, .sprints-container .folders .folders-header .left-part .expander.close-list {
  transform: translate(0, -50%) rotate(-180deg);
}
.sprints-container .sprints .sprints-header .action-button, .sprints-container .sprints .folders-header .action-button, .sprints-container .folders .sprints-header .action-button, .sprints-container .folders .folders-header .action-button {
  width: 125px;
  font-size: 14px;
  height: 30px;
  background: #135FFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: background 0.2s ease;
}
.sprints-container .sprints .sprints-header .action-button i, .sprints-container .sprints .folders-header .action-button i, .sprints-container .folders .sprints-header .action-button i, .sprints-container .folders .folders-header .action-button i {
  font-size: 18px;
  margin-right: 5px;
}
.sprints-container .sprints .sprints-header .action-button:hover, .sprints-container .sprints .folders-header .action-button:hover, .sprints-container .folders .sprints-header .action-button:hover, .sprints-container .folders .folders-header .action-button:hover {
  background: #0E28B0;
}
.sprints-container .folders {
  background: #E3E4E8;
}
.sprints-container .folders .header {
  background: #F5F6F8 !important;
}
.sprints-container .folders .sprint-container {
  background: #F5F6F8;
}
.sprints-container .sprints .sprint-container .footer .create-task {
  background: #F5F6F8;
}
.sprints-container .sprint-container {
  position: relative;
  margin-bottom: 20px;
  border-radius: 8px;
  background: #E4EAF6;
  padding: 0;
  z-index: 1;
}
.sprints-container .sprint-container.backlog-container .subheader {
  margin-top: 5px;
}
.sprints-container .sprint-container.close-list .body {
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.sprints-container .sprint-container.close-list .footer {
  max-height: 0;
  margin: 0;
  padding: 0;
}
.sprints-container .sprint-container.close-list .footer .create-task {
  display: none;
}
.sprints-container .sprint-container.close-list .header .left-part .expander {
  transform: translate(0, -50%) rotate(-180deg);
}
.sprints-container .sprint-container .header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 14px 10px 7px 0;
  background: #E4EAF6;
  position: sticky;
  top: 0;
  z-index: 1;
}
.sprints-container .sprint-container .header .left-part {
  font-size: 16px;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #135FFF;
  position: relative;
  padding-left: 35px;
}
.sprints-container .sprint-container .header .left-part .count-issues {
  font-size: 13px;
  margin-left: 15px;
  font-weight: 400;
  color: #000;
}
.sprints-container .sprint-container .header .left-part .state {
  width: 61px;
  height: 23px;
  border-radius: 12.5px;
  background: #5DBE60;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-left: 13px;
}
.sprints-container .sprint-container .header .right-part {
  display: flex;
}
.sprints-container .sprint-container .header .right-part .estimates {
  display: flex;
  align-items: center;
  margin-right: 22px;
}
.sprints-container .sprint-container .header .right-part .estimates .estimate-time:not(:empty) {
  padding: 2px 7px;
  border-radius: 12px;
  margin-left: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.7px;
  user-select: none;
}
.sprints-container .sprint-container .header .right-part .export-btn, .sprints-container .sprint-container .header .right-part .start-sprint {
  margin-right: 6px;
}
.sprints-container .sprint-container .header .right-part .actions-trigger, .sprints-container .sprint-container .header .right-part .export-btn, .sprints-container .sprint-container .header .right-part .start-sprint {
  width: 30px;
  height: 30px;
  background: #D2D9E7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.sprints-container .sprint-container .header .right-part .actions-trigger .icon-export-arrow, .sprints-container .sprint-container .header .right-part .actions-trigger .icon-svg155, .sprints-container .sprint-container .header .right-part .export-btn .icon-export-arrow, .sprints-container .sprint-container .header .right-part .export-btn .icon-svg155, .sprints-container .sprint-container .header .right-part .start-sprint .icon-export-arrow, .sprints-container .sprint-container .header .right-part .start-sprint .icon-svg155 {
  translate: 0 -1px;
  font-weight: 700;
}
.sprints-container .sprint-container .header .right-part .actions-trigger svg, .sprints-container .sprint-container .header .right-part .export-btn svg, .sprints-container .sprint-container .header .right-part .start-sprint svg {
  width: 20px;
  height: 20px;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper {
  position: relative;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options {
  min-width: max(100%, 150px);
  width: fit-content;
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 #00000040;
  z-index: 100;
  max-height: 400px;
  overflow: auto;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option {
  padding: 10px 20px 10px 10px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option:hover {
  background: #eaeaea;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option svg, .sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option span {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sprints-container .sprint-container .header .right-part .sprint-options-wrapper .options .option .pen {
  width: 15px;
  height: 15px;
  margin-right: 15px;
}
.sprints-container .sprint-container .header .employees {
  padding: 0 0 0 6px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
}
.sprints-container .sprint-container .header .employees .employee-image {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 50%;
  box-sizing: border-box;
  margin: 0 0 5px 5px;
}
.sprints-container .sprint-container .header .employees .employee-image.active {
  outline: 3px solid #bffeff;
}
.sprints-container .sprint-container .header .employees .employee-image.selected {
  outline: 2px solid #135FFF;
}
.sprints-container .sprint-container .header .employees .more-button {
  font-size: 16px;
  margin-left: 10px;
  color: #135FFF;
  cursor: pointer;
}
.sprints-container .sprint-container .header .subheader {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-btn {
  display: flex;
  align-items: center;
  background: white;
  padding: 7px 12px;
  border-radius: 32px;
  font-size: 14px;
  margin-top: 10px;
  border: 1px solid #E3E4E8;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-btn svg {
  margin-right: 5px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .choices {
  display: none;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .select-all-label {
  display: none;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box {
  width: 170px;
  height: 25px;
  border: none;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .selected-items .select-title {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .selected-items .select-title svg {
  margin-right: 5px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .selected-items .active-option {
  margin: 2px 2px 2px 0;
  height: 20px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .expander {
  position: relative;
  right: 20px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .count-box {
  font-size: 12px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .sort-filter-box .selected-items-box .count-box .count {
  width: 25px;
  height: 25px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .items-list {
  top: 35px;
}
.sprints-container .sprint-container .header .subheader .filter-container.sortBy .items-list .search-input {
  display: none;
}
.sprints-container .sprint-container .header .subheader .status-sort-container {
  display: flex;
}
.sprints-container .sprint-container .header .subheader .status-sort-container .sort-status-btn {
  background: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  width: max-content;
  padding: 0 5px;
  min-height: 25px;
  border-radius: 8px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI Bold, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  margin-left: 5px;
}
.sprints-container .sprint-container .header .subheader .status-sort-container .sort-status-btn.active {
  background: #3B7AFF;
  color: #FFFFFF;
}
.sprints-container .sprint-container .header .subheader .status-sort-container .sort-status-btn.active .fa-sort {
  color: #FFFFFF;
}
.sprints-container .sprint-container .header .subheader .status-sort-container .sort-status-btn .fa-sort {
  color: #3B7AFF;
}
.sprints-container .sprint-container .header .date-row {
  color: #505f79;
  font-size: 14px;
  padding: 8px;
}
.sprints-container .sprint-container .body {
  margin: 0 6px 0;
  transition: max-height 0.3s ease, margin-bottom 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.sprints-container .sprint-container .body .status-type-title {
  color: #135FFF;
  font-weight: 600;
  margin: 10px 0 0 0;
}
.sprints-container .sprint-container .body .task-wrapper {
  position: relative;
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 0;
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease, background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #D2D9E7;
  background: #FFF;
  min-height: 36px;
  height: auto;
}
.sprints-container .sprint-container .body .task-wrapper:hover {
  background: #ebecf0;
}
.sprints-container .sprint-container .body .task-wrapper.active {
  background: #deebff;
}
.sprints-container .sprint-container .body .task-wrapper.move {
  background: #d1f0ff;
}
.sprints-container .sprint-container .body .task-wrapper .left-part {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .type, .sprints-container .sprint-container .body .task-wrapper .left-part .priority {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .type .image, .sprints-container .sprint-container .body .task-wrapper .left-part .priority .image {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .key {
  margin-top: 1px;
  color: #2684ff;
  white-space: nowrap;
  font-size: 14px;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .name {
  font-size: 14px;
  font-weight: 400;
  color: #172b4d;
  overflow-wrap: anywhere;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  cursor: default;
  position: relative;
  margin: 1px 0 0 10px;
}
.sprints-container .sprint-container .body .task-wrapper .left-part .name:hover {
  cursor: pointer;
}
.sprints-container .sprint-container .body .task-wrapper .right-part {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .epic {
  text-wrap: nowrap;
  margin-right: 10px;
  padding: 1px 4px;
  border-radius: 7px;
  min-width: fit-content;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .epic:empty {
  padding: 0;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .assignee-image {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 50%;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .assignee-image.hidden {
  display: none;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .assignee-image-placeholder {
  min-width: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0A0A0A;
  font-size: 30px;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .assignee-image-placeholder.hidden {
  display: none;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .estimate {
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0 6px;
  margin-left: 10px;
  white-space: nowrap;
  min-width: 15px;
  background: rgba(9, 30, 66, 0.13);
  color: #172b4d;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .estimate.editing {
  background: #E8F0FF;
  color: #333;
  border: 1px solid #AABDD1;
  cursor: text;
}
.sprints-container .sprint-container .body .task-wrapper .right-part .status {
  color: white;
  border-radius: 4px;
  padding: 0 5px;
  margin-left: 10px;
}
.sprints-container .sprint-container .body .create-task-wrapper {
  display: flex;
  flex-direction: column;
}
.sprints-container .sprint-container .body .create-task-wrapper .content {
  align-items: center;
  margin-bottom: 5px;
}
.sprints-container .sprint-container .body .create-task-wrapper .content .task-name-input, .sprints-container .sprint-container .body .create-task-wrapper .content .task-estimate-input {
  border: none;
  padding: 5px;
  margin-left: 10px;
  flex: 1;
}
.sprints-container .sprint-container .body .create-task-wrapper .content .task-estimate-input {
  max-width: 60px;
}
.sprints-container .sprint-container .body .create-task-wrapper .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 5px;
  padding: 0;
}
.sprints-container .sprint-container .body .create-task-wrapper .footer .sprint {
  display: flex;
  align-items: center;
}
.sprints-container .sprint-container .body .create-task-wrapper .footer .sprint .title {
  margin-right: 10px;
}
.sprints-container .sprint-container .body .create-task-wrapper .footer .cancel {
  margin-left: 5px;
  color: #135FFF;
  padding: 5px 10px;
}
.sprints-container .sprint-container .footer {
  padding: 10px;
  margin: 0 25px;
}
.sprints-container .sprint-container .footer:empty {
  padding: 0;
}
.sprints-container .sprint-container .footer .create-task {
  width: 107px;
  height: 30px;
  border-radius: 6px;
  background: #E4EAF6;
  color: #135FFF;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 14.7px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.sprints-container .sprint-container .footer .create-task .icon {
  margin-right: 8px;
}
.sprints-container .task-wrapper.bulk-selected {
  background: #d1f0ff !important;
}
.move-sprint-popup {
  position: absolute;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 #00000040;
  width: 200px;
  z-index: 1000;
  font-family: Arial, sans-serif;
  color: #000;
}
.move-sprint-popup .popup-header {
  margin: 0 0 10px;
  font-size: 16px;
  padding-left: 3px;
  text-align: left;
  color: #333;
}
.move-sprint-popup .options-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.move-sprint-popup .options-container .sprints, .move-sprint-popup .options-container .folders {
  flex: 1;
  border-radius: 6px;
  max-height: 200px;
  overflow-y: auto;
  position: relative;
  margin: 0;
}
.move-sprint-popup .options-container .sprints .section-header, .move-sprint-popup .options-container .folders .section-header {
  width: 100%;
  position: sticky;
  top: 0;
  margin: 0;
  padding: 4px 12px;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  font-weight: bold;
  border-top: 1px solid #E3E4E8;
  display: flex;
  align-items: center;
  gap: 10px;
}
.move-sprint-popup .options-container .sprints .sprint-row, .move-sprint-popup .options-container .sprints .folder-row, .move-sprint-popup .options-container .folders .sprint-row, .move-sprint-popup .options-container .folders .folder-row {
  padding: 6px 12px 6px;
  background: white;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  text-align: left;
  font-size: 14px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.move-sprint-popup .options-container .sprints .sprint-row:hover, .move-sprint-popup .options-container .sprints .folder-row:hover, .move-sprint-popup .options-container .folders .sprint-row:hover, .move-sprint-popup .options-container .folders .folder-row:hover {
  background: #F4F5F7;
}
@media (max-width: 500px) {
  .move-sprint-popup {
    width: 90%;
    left: 5%;
    transform: none;
  }
  .move-sprint-popup .options-container {
    flex-direction: column;
  }
}
.edit-task-popup {
  position: absolute;
  background: #fff;
  border-radius: 8px;
  z-index: 10001;
  box-shadow: 0 4px 4px 0 #00000040;
  width: auto;
  font-family: Arial, sans-serif;
  color: #000;
}
.edit-task-popup .popup-header {
  position: sticky;
  top: 0;
  margin: 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background: inherit;
  border-radius: 8px;
  border-bottom: 1px solid #E3E4E8;
  border-top: 1px solid #E3E4E8;
}
.edit-task-popup .popup-header .header-name {
  margin: 0;
}
.edit-task-popup .popup-header .edit {
  width: 20px;
  height: 20px;
}
.edit-task-popup .popup-header .edit .square {
  stroke: #9599A1;
}
.edit-task-popup .popup-header .edit .pen {
  fill: #9599A1;
}
.edit-task-popup .popup-header .edit .pen-head {
  fill: #9599A1;
}
.edit-task-popup .options-container {
  margin-top: 10px;
  max-height: 200px;
  overflow-y: auto;
}
.edit-task-popup .options-container .search-input {
  width: 100%;
  padding: 0 8px;
  border: none;
  border-radius: 4px;
  margin-bottom: 5px;
}
.edit-task-popup .options-container .edit-task-option {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000000;
  padding: 3px 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background-color 0.2s, border-color 0.2s;
  background: white;
  border-radius: 4px;
  text-align: left;
  font-size: 14px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.edit-task-popup .options-container .edit-task-option .option-name {
  padding: 1px 5px;
  border-radius: 5px;
}
.edit-task-popup .options-container .edit-task-option .image {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 50%;
}
.edit-task-popup .options-container .edit-task-option .image.priority {
  width: 20px;
  height: 20px;
}
.edit-task-popup .options-container .edit-task-option:hover {
  background-color: #F4F5F7;
}
.active-filters-box .expander, .sprints-container .expander {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  position: absolute;
  top: 40%;
  left: 7px;
  transform: translate(0, -50%) rotate(-90deg);
  transition: transform 0.3s ease;
  border-radius: 50%;
}
.active-filters-box .expander:active, .sprints-container .expander:active {
  background: #d7e0ef;
}
.active-filters-box .expander path, .sprints-container .expander path {
  fill: #135FFF;
}
.add-sprint-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  min-height: 350px;
}
.add-sprint-content .sprint-name-input {
  width: 100%;
  border-radius: 8px;
  padding: 10px 16px;
  background: #fff;
  border: 1px solid #D3D3D5;
  outline: none;
  margin-bottom: 35px;
  font-size: 14px;
}
.add-sprint-content .sprint-name-input.required {
  outline: 1px solid #e12929;
}
.add-sprint-content .date-field {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.add-sprint-content .date-field label {
  width: 68px;
  margin-right: 19px;
  font-size: 14px;
  font-weight: 400;
}
.add-sprint-content .date-field input {
  width: 150px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.15px;
  padding: 12px 16px;
  border: 1px solid #D3D3D5;
  border-radius: 5px;
}
.add-sprint-content .date-field input.required {
  outline: 1px solid #e12929;
}
.custom-select-wrapper {
  position: relative;
  font-family: Arial, sans-serif;
}
.custom-select-wrapper .custom-select {
  position: relative;
  cursor: pointer;
  background-color: #E3E4E8;
  border-radius: 5px;
}
.custom-select-wrapper .custom-select .select-trigger {
  padding: 3px 10px 3px 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-select-wrapper .custom-select .select-trigger span {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.custom-select-wrapper .custom-select .select-trigger span img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: contain;
}
.custom-select-wrapper .custom-select .select-trigger .arrow {
  width: 8px;
  height: 8px;
  border: solid #666;
  border-width: 0 2px 2px 0;
  transform: translate(0, -2px) rotate(45deg);
}
.custom-select-wrapper .custom-select .options {
  width: fit-content;
  min-width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 100;
  max-height: 200px;
  overflow: auto;
}
.custom-select-wrapper .custom-select .options .option {
  padding: 10px;
  cursor: pointer;
  white-space: nowrap;
}
.custom-select-wrapper .custom-select .options .option:hover {
  background: #eaeaea;
}
.custom-select-wrapper .custom-select .options .option.selected {
  background: #eaeaea;
}
.custom-select-wrapper .custom-select .options .option .type-image {
  width: 20px;
  height: 20px;
}
.custom-select-wrapper .custom-select .options.visible {
  display: block;
}
.complete-sprint-modal-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.complete-sprint-modal-content .custom-select-wrapper {
  margin-left: 10px;
  flex: 1;
}
.complete-sprint-modal-content .custom-select-wrapper .custom-select {
  padding: 4px;
}
.complete-sprint-modal-content .custom-select-wrapper .custom-select .option {
  text-align: start;
}
.board-task-info-container {
  width: 400px;
  height: calc(100% - 80px);
  bottom: 0;
  right: 0;
  position: fixed;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  color: #031231;
  padding: 15px 15px 15px 25px;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  border-left: 5px solid #ccc;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  min-width: 400px;
  z-index: 1999;
}
.board-task-info-container .left-resizer {
  position: absolute;
  left: -10px;
  top: 12px;
  height: calc(100% - 24px);
  width: 15px;
  cursor: ew-resize;
  background: transparent;
  z-index: 10;
}
.board-task-info-container .task-info {
  width: 100%;
  height: calc(100% - 30px);
  overflow: auto;
  margin: 0;
}
.board-task-info-container .task-info .edit {
  display: flex;
  align-items: center;
  height: auto;
  margin-top: -4px;
  margin-left: auto;
  background: #E3E4E8;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  padding: 0 4px;
}
.board-task-info-container .task-info .row {
  display: flex;
  align-items: stretch;
}
.board-task-info-container .task-info .row .field {
  color: #6b778c;
  font-size: 14px;
  min-width: 120px;
}
.board-task-info-container .task-info .row.name .task-name {
  padding: 4px 0 4px 4px;
  word-break: break-all;
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: 14px;
}
.board-task-info-container .task-info .row.with-image {
  max-width: 100%;
  flex-wrap: nowrap;
}
.board-task-info-container .task-info .row.with-image .value {
  display: flex;
  cursor: pointer;
  max-width: 100%;
  flex-wrap: nowrap;
}
.board-task-info-container .task-info .row.with-image .value .container {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  gap: 10px;
  color: #fff;
  border-radius: 4px;
  height: 28px;
  max-width: calc(100% - 35px);
}
.board-task-info-container .task-info .row.with-image .value .container .info {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.board-task-info-container .task-info .row.with-image .value .container .info .name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: black;
  margin-left: 8px;
}
.board-task-info-container .task-info .row.with-image .value .container .img {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #B3B4B9;
  object-fit: cover;
}
.board-task-info-container .task-info .row.with-image .value .container .priority-image {
  width: 20px;
  height: 20px;
}
.board-task-info-container .task-info .row.with-image .value .container .icon {
  position: absolute;
  top: 50%;
  right: 15px;
  opacity: 0;
  transform: translate(0px, -50%) rotate(-90deg);
}
.board-task-info-container .task-info .row.with-image .value:hover .container .icon {
  opacity: 1;
}
.board-task-info-container .task-info .row.with-image .value .select {
  min-width: 100%;
  width: fit-content;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  background-color: white;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.board-task-info-container .task-info .row.with-image .value .select .option {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #333;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.board-task-info-container .task-info .row.with-image .value .select .option .img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.board-task-info-container .task-info .row.with-image .value .select .option:hover {
  background-color: #f0f0f0;
  color: #111;
}
.board-task-info-container .task-info .row.with-image .value .select .option:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.board-task-info-container .task-info .row.with-image .value .edit-btn {
  display: none;
  width: 10px;
  height: 10px;
}
.board-task-info-container .task-info .editable {
  display: flex;
  gap: 10px;
  border: 1px solid transparent;
  margin-top: -4px;
}
.board-task-info-container .task-info .editable.editing:hover .edit {
  opacity: 0;
}
.board-task-info-container .task-info .editable:hover {
  border: 1px solid #E3E4E8;
  cursor: pointer;
}
.board-task-info-container .task-info .editable:hover .edit {
  opacity: 1;
}
.board-task-info-container .task-info .section .row .value {
  display: flex;
  align-items: stretch;
  font-size: 14px;
  color: #172b4d;
}
.board-task-info-container .task-info .section .row .value .name {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board-task-info-container .task-info .section .row.reporter .name {
  width: calc(100% - 65px);
}
.board-task-info-container .task-info .section .title-bold {
  color: #172b4d;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.board-task-info-container .task-info .section .title {
  font-weight: 700;
}
.board-task-info-container .task-info .section.details .row {
  align-items: center;
}
.board-task-info-container .task-info .section.details .row .value span {
  padding: 4px;
}
.board-task-info-container .task-info .section.description {
  overflow: hidden;
  font-size: 14px;
  padding-right: 20px;
  width: 100%;
}
.board-task-info-container .task-info .section.description .description-container {
  margin-top: 9px;
  cursor: pointer;
}
.board-task-info-container .task-info .section.description .description-container .description .value {
  white-space: wrap;
}
.board-task-info-container .task-info .section.description .title {
  display: flex;
  align-items: center;
}
.board-task-info-container .task-info .section.description .title .icon {
  height: 12px;
}
.board-task-info-container .task-info .section.description .description {
  position: relative;
  max-width: 100%;
}
.board-task-info-container .task-info .section.description .description .value {
  width: 100%;
  margin: 0 1px;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-height: 30px;
}
.board-task-info-container .task-info .section.description .description .value .description-text {
  padding: 8px 0 0 8px;
  flex: 1;
  width: inherit;
  overflow: auto;
}
.board-task-info-container .task-info .section.description .description .value .description-text img {
  display: unset;
}
.board-task-info-container .task-info .section.description .description .value .edit {
  height: auto;
}
.board-task-info-container .task-info .section.description textarea {
  width: 100%;
  min-height: 200px;
}
.board-task-info-container .task-info .section.activity {
  width: 100%;
  min-width: 330px;
}
.board-task-info-container .task-info .section.activity .new-comment-section {
  min-height: 140px;
}
.board-task-info-container .task-info .section.activity .new-comment-section:has(.add-comment-block.hidden) {
  margin-bottom: 250px;
}
.board-task-info-container .task-info .section.activity .new-comment-section .new-comment-container {
  position: absolute;
  bottom: 0;
  border-top: 2px solid #ebecf0;
  z-index: 9999999999;
  background: #FFFFFF;
  min-width: 330px;
  width: calc(100% - 55px);
  margin-bottom: 0;
  padding-bottom: 10px;
}
.board-task-info-container .task-info .section.activity .new-comment-section .new-comment-container .task-comment-label {
  color: #6b778c;
  font-size: 12px;
  font-weight: 600;
}
.board-task-info-container .task-info .section.activity .new-comment .add-comment-block {
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #dfe1e5;
  border-radius: 3px;
  color: #999;
  text-decoration: none;
  cursor: text;
}
.board-task-info-container .task-info .section.activity .activity-wrapper {
  margin-bottom: 10px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment {
  border-bottom: 1px solid var(--ds-border, #c1c7d0);
  padding: 10px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author {
  position: relative;
  width: 100%;
  padding-left: 33px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .author-image {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #B3B4B9;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .name {
  color: #135FFF;
  font-size: 14px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .name span {
  color: #707070;
  font-size: 12px;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .task-comment {
  font-size: 14px;
  min-height: 36px;
  overflow-x: auto;
}
.board-task-info-container .task-info .section.activity .activity-wrapper .comment .author .comment-actions .edit-btn {
  margin-right: 10px;
}
.board-task-info-container .task-info .section.activity .actions-con, .board-task-info-container .task-info .section.description .actions-con {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #f1f1f1;
}
.board-task-info-container .task-info .section.activity .actions-con .button, .board-task-info-container .task-info .section.description .actions-con .button {
  min-width: 80px;
  padding: 9px 15px;
  cursor: pointer;
  font-size: 16px;
  height: initial;
  max-height: initial;
  min-height: initial;
  margin: 3px 5px;
  line-height: 16px;
}
.board-task-info-container .task-info .section.activity .actions-con .button.save, .board-task-info-container .task-info .section.description .actions-con .button.save {
  background: #135FFF;
  color: #fff;
}
.board-task-info-container .task-info .section.activity .actions-con .button.cancel, .board-task-info-container .task-info .section.description .actions-con .button.cancel {
  color: #0052cc;
}
.board-task-info-container .row.name {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.board-task-info-container .row.name .field {
  width: fit-content;
  min-width: auto;
  margin-right: 15px;
  font-size: 14px;
}
.board-task-info-container .row.name .value {
  white-space: normal;
}
.board-task-info-container .row.status .value {
  cursor: pointer;
  gap: 20px;
  color: #fff;
  width: fit-content;
  flex: none;
}
.board-task-info-container .row.status .value .status-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  border-radius: 4px;
  height: 28px;
  cursor: pointer;
  white-space: nowrap;
  max-width: 300px;
}
.board-task-info-container .row.status .value .status-container .status-name {
  padding: 5px;
  max-width: 100%;
  border-radius: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board-task-info-container .row.status .value .select {
  width: fit-content;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  background-color: white;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.board-task-info-container .row.status .value .select .option {
  color: #333;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.board-task-info-container .row.status .value .select .option .option-text {
  padding: 10px 15px;
}
.board-task-info-container .row.status .value .select .option:hover {
  background-color: #f0f0f0;
  color: #111;
}
.board-task-info-container .row.status .value .select .option.selected {
  background-color: #e8e8e8;
  font-weight: 500;
}
.board-task-info-container .row.status .value .select .option:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.board-task-info-container .row.status .value .select .option:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.board-task-info-container .row.status .value .select .option:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.board-task-info-container .row.status .value .select .option.disabled {
  color: #aaa;
  cursor: not-allowed;
  background-color: #f9f9f9;
}
.board-task-info-container .row.status .value .select .option.disabled:hover {
  background-color: #f9f9f9;
  color: #aaa;
}
.board-task-info-container .row.estimate, .board-task-info-container .row.remaining, .board-task-info-container .row.name {
  position: relative;
}
.board-task-info-container .row.estimate .value.editable, .board-task-info-container .row.remaining .value.editable, .board-task-info-container .row.name .value.editable {
  cursor: pointer;
  width: fit-content;
  flex: none;
}
.board-task-info-container .row.estimate .value.editable:hover, .board-task-info-container .row.remaining .value.editable:hover, .board-task-info-container .row.name .value.editable:hover {
  cursor: pointer;
  outline: 1px solid #E3E4E8;
}
.board-task-info-container .row.estimate .value.editable.editing, .board-task-info-container .row.remaining .value.editable.editing, .board-task-info-container .row.name .value.editable.editing {
  flex: 1;
  display: flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  border-image: initial;
  border-radius: 3px;
  padding: 1px 10px;
}
.board-task-info-container .row.estimate .actions, .board-task-info-container .row.remaining .actions, .board-task-info-container .row.name .actions {
  position: absolute;
  right: 0;
  bottom: -27px;
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 3px;
  background: #fff;
  border-radius: 3px;
  z-index: 10;
}
.board-task-info-container .row.estimate .actions .action-button, .board-task-info-container .row.remaining .actions .action-button, .board-task-info-container .row.name .actions .action-button {
  background: #ecedf0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border-radius: 3px;
  color: #7a7a7a;
  font-size: 10px;
  cursor: pointer;
}
.board-task-info-container .name-container {
  margin-top: 0;
  margin-bottom: 10px;
  max-width: calc(100% - 124px);
  overflow: hidden;
}
.board-task-info-container .name-container .title {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.board-task-info-container .name-container .title .project-key {
  margin-left: 5px;
  overflow: hidden;
}
.board-task-info-container .name-container .title .project-image {
  height: 40px;
  margin-right: 5px;
}
.board-task-info-container .name-container .title .task-key {
  color: #0052cc;
}
.board-task-info-container .close-task-info {
  top: 16px !important;
  right: 17px !important;
}
.board-task-info-container .plan-task-btn {
  position: absolute;
  top: 20px;
  right: 64px;
  height: 26px;
  min-height: 26px;
  min-width: initial;
}
#main_load_container {
  flex: 1;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.board-statuses-container {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  overflow: auto;
  display: flex;
}
.board-statuses-container .status-column {
  min-width: 240px;
  max-width: 240px;
  background: #F4F7FE;
  border-radius: 7px;
  margin: 5px;
  box-shadow: 0 0 5px 0 #e1e1e1;
}
.board-statuses-container .status-column.active {
  outline: 2px solid #009dff;
}
.board-statuses-container .status-column .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  margin-bottom: 5px;
  padding: 0 5px 0 12px;
}
.board-statuses-container .status-column .header .header-title {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.board-statuses-container .status-column .header .export-btn {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D2D9E7;
  font-size: 14px;
}
.board-statuses-container .status-column .content {
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: calc(100% - 40px);
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.board-statuses-container .status-column .content::-webkit-scrollbar {
  display: none;
}
.board-statuses-container .status-column .content .task-wrapper {
  min-width: 100%;
  padding: 7px;
  border: 1px solid #D2D9E7;
  border-radius: 7px;
  margin-bottom: 5px;
  cursor: pointer;
  background: #fff;
}
.board-statuses-container .status-column .content .task-wrapper.move {
  background: #d1f0ff;
}
.board-statuses-container .status-column .content .task-wrapper .task-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .left-part {
  display: flex;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .left-part .type-image {
  width: 18px;
  height: 18px;
  object-fit: contain;
  margin-right: 7px;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .left-part .key {
  font-size: 14px;
  font-weight: 400;
  color: #135FFF;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 122px;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .right-part .estimate {
  padding: 0 10px;
  color: #fff;
  background: #81848A;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  white-space: nowrap;
}
.board-statuses-container .status-column .content .task-wrapper .task-header .right-part .estimate .estimate-input {
  padding: 15px;
  width: 10px;
  border: none;
  background: transparent;
}
.board-statuses-container .status-column .content .task-wrapper .name {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  overflow-wrap: anywhere;
}
.board-statuses-container .status-column .content .task-wrapper .employee-con {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.board-statuses-container .status-column .content .task-wrapper .employee-con .assignee-image {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 7px;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button {
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #ACAEB5;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button svg {
  width: 20px;
  height: 20px;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button:hover svg .inner-svg {
  fill: #EAB308;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button.favorite svg .inner-svg {
  fill: #EAB308;
}
.boards-list .table .table-row-group .table-row li:first-child .is-favorite-button.favorite:hover svg .inner-svg {
  fill: none;
}
.boards-list .table .table-row-group .table-row li:first-child span {
  margin-left: 25px;
}
.boards-list .table.card-view {
  background: red;
}
.no-items-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.no-items-wrapper .no-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 15px;
  height: 100%;
}
.no-items-wrapper .no-items .no-items-text {
  font-weight: 600;
  font-size: 24px;
  color: #1E1E1D;
}
.no-items-wrapper .no-items .no-items-subtext {
  font-size: 18px;
  color: #000;
}
.no-items-wrapper .no-items .go-to-all {
  display: flex;
  align-items: center;
  background-color: #F4F7FE;
  border: 1px solid #BAD0FE;
  border-radius: 999px;
  font-size: 14px;
  color: #1a48ff;
  cursor: pointer;
  transition: background-color 0.2s ease;
  padding: 2px;
  margin-top: 10px;
}
.no-items-wrapper .no-items .go-to-all .go-to-all-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  background-color: #2684FF;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 6px;
}
.no-items-wrapper .no-items .go-to-all .go-to-all-icon .arrow {
  width: 16px;
  height: 16px;
}
.no-items-wrapper .no-items .go-to-all .go-to-all-icon .arrow path {
  fill: #fff;
}
.no-items-wrapper .no-items .go-to-all .go-to-all-label {
  font-size: 16px;
  color: #1a48ff;
  padding-left: 10px;
  padding-right: 18px;
}
.boards-card .items-card-view {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 280px));
  row-gap: 20px;
  column-gap: 40px;
  align-items: start;
}
.boards-card .items-card-view .list-item {
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #E3E4E8;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 16px;
  width: 100%;
  max-width: 280px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 7px;
}
.boards-card .items-card-view .list-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease-in-out;
}
.boards-card .items-card-view .list-item .top-container .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  max-width: 100%;
  height: 40px;
}
.boards-card .items-card-view .list-item .top-container .card-header .project-info {
  display: flex;
  align-items: center;
  max-width: calc(100% - 20px);
}
.boards-card .items-card-view .list-item .top-container .card-header .project-info .project-logo {
  width: 40px;
  margin-right: 10px;
}
.boards-card .items-card-view .list-item .top-container .card-header .project-info .project-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}
.boards-card .items-card-view .list-item .top-container .card-header .is-favorite-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #ACAEB5;
  margin-right: -7px;
}
.boards-card .items-card-view .list-item .top-container .card-header .is-favorite-button svg {
  width: 20px;
  height: 20px;
}
.boards-card .items-card-view .list-item .top-container .card-header .is-favorite-button:hover svg .inner-svg {
  fill: #EAB308;
}
.boards-card .items-card-view .list-item .top-container .card-header .is-favorite-button.favorite svg .inner-svg {
  fill: #EAB308 !important;
}
.boards-card .items-card-view .list-item .top-container .row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin: 0 0 6px 0;
}
.boards-card .items-card-view .list-item .top-container .row .name {
  color: #7A7B80;
}
.boards-card .items-card-view .list-item .top-container .row .value {
  color: #000000;
  font-weight: 700;
}
.boards-card .items-card-view .list-item .top-container hr {
  margin: 12px 0;
  border: none;
  border-top: 1px solid #eee;
}
.boards-card .items-card-view .list-item .bottom-container {
  padding-top: 10px;
  border-top: 1px solid #E3E4E8;
}
.boards-card .items-card-view .list-item .bottom-container .row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #7A7B80;
  margin: 0 0 6px 0;
  justify-content: space-between;
}
.boards-card .items-card-view .list-item .bottom-container .row .value {
  color: #ffffff;
  font-weight: 400;
  padding: 2px 6px;
  border-radius: 12px;
}
.boards-card .items-card-view .list-item .bottom-container .row.estimated .progress-bar {
  height: 8px;
  background-color: #eee;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  flex: 1;
}
.boards-card .items-card-view .list-item .bottom-container .row.estimated .progress-bar .progress {
  height: 100%;
  background-color: #32E296;
}
.boards-card .items-card-view .list-item .bottom-container .row.estimated .progress-bar .progress.is-full {
  background-color: #FF4C4C;
}
.boards-card .items-card-view .list-item .bottom-container .row .progress-label {
  margin-top: 6px;
  font-size: 13px;
  color: #333;
  font-weight: 500;
}
.boards-card .items-card-view .list-item .bottom-container .task-status-overview {
  display: flex;
  align-items: center;
}
.boards-card .items-card-view .list-item .bottom-container .task-status-overview .task-icon {
  margin-right: 10px;
}
.boards-card .items-card-view .list-item .bottom-container .time-info {
  justify-content: flex-end;
}
.boards-card .items-card-view .list-item .bottom-container .time-info span {
  font-weight: 600;
}
.content-box {
  background: linear-gradient(to right, #F8F9FB 10%, #FFFFFF 90%);
}
.board-filters .epics-filter-box .items-list .items-content {
  margin-bottom: 30px;
}
.epics-filter-box.open .items-list {
  display: block;
}
.epics-filter-box .items-list.hidden {
  display: none;
}
.epics-filter-box .items-list .create-epic {
  position: absolute;
  bottom: 0;
  padding: 10px 5px;
  background: #FFFFFF;
  width: 85%;
  border-top: 1px solid #e6e7ea;
}
.epics-filter-box .items-list .create-epic .addItemBtn {
  padding: 1px;
  display: flex;
  align-items: center;
}
.epics-filter-box .items-list .create-epic .addItemBtn .image {
  width: 16px;
}
.epics-filter-box .items-list .create-epic .addItemBtn .create-epic-title {
  margin-left: 8px;
}
.epics-filter-box .items-list .create-epic .addItemBtn .create-epic-title:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1550px) {
  .boards-view-header .choices {
    width: 220px;
  }
  .custom-filter-box .selected-items-box {
    width: 196px !important;
  }
  .boards-view-header .search-box {
    width: clamp(200px, 100%, 780px);
  }
}
@media screen and (max-width: 1024px) {
  .boards-view-header .choices {
    width: 180px;
  }
  .custom-filter-box .selected-items-box {
    width: 180px !important;
  }
  .boards-view-header .search-box {
    width: clamp(200px, 100%, 560px);
  }
}
.custom-filter-box {
  position: relative;
  margin-left: 10px;
}
.custom-filter-box.open .selected-items-box .right-box .expander {
  transform: rotate(90deg);
}
.custom-filter-box.open .items-list {
  display: block;
}
.custom-filter-box.epics-filter-box .option .checkbox-label .name {
  flex: 1;
}
.custom-filter-box.epics-filter-box .option .select-all-label:hover, .custom-filter-box.epics-filter-box .option .checkbox-label:hover {
  background: inherit !important;
  opacity: 0.8;
}
.custom-filter-box .selected-items-box {
  width: 250px;
  height: 40px;
  border: 1px solid #D3D3D5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  cursor: pointer;
  background: #fff;
}
.custom-filter-box .selected-items-box .selected-items {
  display: flex;
  align-items: center;
  max-width: 70%;
  flex-wrap: wrap;
  height: 100%;
  overflow: hidden;
}
.custom-filter-box .selected-items-box .selected-items .placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #000;
  margin-left: 15px;
}
.custom-filter-box .selected-items-box .selected-items .active-option {
  display: flex;
  align-items: center;
  position: relative;
  margin: 5px 9px 0 0;
  user-select: none;
}
.custom-filter-box .selected-items-box .selected-items .active-option.text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #E4EAF6;
  min-width: 81px;
  border-radius: 5px;
  padding: 0 8px;
  margin: 5px 5px 10px 0;
  height: 28px;
}
.custom-filter-box .selected-items-box .selected-items .active-option.text .close-icon {
  position: initial;
  box-shadow: none;
}
.custom-filter-box .selected-items-box .selected-items .active-option .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  user-select: none;
  color: #135FFF;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}
.custom-filter-box .selected-items-box .selected-items .active-option .image {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
  box-sizing: border-box;
}
.custom-filter-box .selected-items-box .selected-items .active-option .close-icon {
  position: absolute;
  top: -1px;
  right: -7px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #D9E5FF;
  color: #135FFF;
  font-size: 8px;
  cursor: pointer;
  box-shadow: 0 4px 4px 0 #0000001F;
}
.custom-filter-box .selected-items-box .right-box {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.custom-filter-box .selected-items-box .right-box .count-box {
  display: flex;
  align-items: center;
}
.custom-filter-box .selected-items-box .right-box .count-box .count {
  width: 30px;
  height: 30px;
  background: #D9E5FF;
  color: #135FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}
.custom-filter-box .selected-items-box .right-box .expander {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
  border-radius: 50%;
}
.custom-filter-box .selected-items-box .right-box .expander:active {
  background: #d7e0ef;
}
.custom-filter-box .selected-items-box .right-box .expander path {
  fill: #656565;
}
.custom-filter-box .items-list {
  width: 100%;
  border-radius: 8px;
  padding: 16px 10px;
  position: absolute;
  font-size: 14px;
  top: 45px;
  z-index: 10000;
  background: #fff;
  box-shadow: 0 0 13.9px 0 #0000002B;
}
.custom-filter-box .items-list .search-input {
  padding: 5px 10px;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #eee;
  outline: none;
  margin-bottom: 3px;
}
.custom-filter-box .items-list .select-all-label {
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  border-radius: 8px;
  margin-bottom: 5px;
}
.custom-filter-box .items-list .select-all-label.hidden {
  display: none;
}
.custom-filter-box .items-list .select-all-label .title {
  user-select: none;
  margin-left: 10px;
}
.custom-filter-box .items-list .select-all-label:hover {
  background: #e7ebf1;
}
.custom-filter-box .items-list .items-content {
  padding-right: 5px;
  overflow: auto;
  max-height: 350px;
}
.custom-filter-box .items-list .option:last-child .checkbox-label {
  margin-bottom: 0;
}
.custom-filter-box .items-list .option.searched .checkbox-label {
  background: #e7ebf1;
}
.custom-filter-box .items-list .option .checkbox-label {
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 5px;
  cursor: pointer;
}
.custom-filter-box .items-list .option .checkbox-label:hover {
  background: #e7ebf1 !important;
  opacity: 1;
}
.custom-filter-box .items-list .option .checkbox-label .image {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  object-fit: cover;
  margin-left: 10px;
}
.custom-filter-box .items-list .option .checkbox-label .image.task-type, .custom-filter-box .items-list .option .checkbox-label .image.task-priority {
  width: 20px;
  height: 20px;
}
.custom-filter-box .items-list .option .checkbox-label .name {
  margin-left: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  user-select: none;
}
.custom-filter-box input[type="checkbox"] {
  min-width: 16px;
  height: 16px;
  border: 1px solid #E1E2E5;
  border-radius: 3px;
  cursor: pointer;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-filter-box input[type="checkbox"]:checked {
  background-color: #135FFF;
  border-color: #135FFF;
}
.custom-filter-box input[type="checkbox"]:checked::before {
  content: "✓";
  font-size: 14px;
  font-weight: 700;
  color: white;
}
.reports-header {
  width: 100%;
  min-height: 50px;
  border-radius: 10px;
  background: #ffffff;
  margin-bottom: 5px;
  padding: 10px;
  position: relative;
  z-index: 1000;
}
.reports-header .reports-filter-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.reports-header .reports-filter-container .left-box {
  display: flex;
  gap: 10px;
  align-items: center;
}
.reports-header .reports-filter-container .right-box .export-excel {
  background: #031231;
  width: 96px;
  height: 38px;
  border: none;
  border-radius: 7px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.reports-header .reports-filter-container .right-box .export-excel svg {
  margin: 0 11px 0 16px;
  fill: white;
  color: white;
}
.reports-header .reports-filter-container .right-box .export-excel svg path {
  fill: white;
  color: white;
}
.reports-header .reports-filter-container .right-box .view-type .choices .choices__inner {
  border: 1px solid #ababab;
}
.reports-header .reports-filter-container .choices {
  min-width: 180px;
  max-width: 180px;
}
.reports-header .reports-filter-container .date-container {
  margin-left: 0 !important;
  height: 38px;
  min-width: 250px;
  position: relative;
}
.reports-header .reports-filter-container .date-container .flatpickr-input {
  width: 100%;
  margin: 0;
  padding: 0 28px 0 60px;
  height: 100%;
  border-radius: 8px;
  border: none;
  background: #F6F6F6;
  font-size: 13px;
}
.reports-header .reports-filter-container .date-container .button {
  padding: 7px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  min-width: 10px;
  min-height: 10px;
}
.reports-header .reports-filter-container .date-container .button:active svg {
  fill: #2C4AE1;
}
.reports-header .reports-filter-container .date-container .button.previous {
  left: 0;
}
.reports-header .reports-filter-container .date-container .button.next {
  right: 0;
}
.reports-header .reports-filter-container .date-container .button svg {
  width: 20px;
  height: 20px;
}
.reports-header .reports-filter-container .date-container .icon {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translate(0, -55%);
  color: #2C4AE1;
}
.reports-header .reports-filter-container .left-box, .reports-header .reports-filter-container .right-box {
  display: flex;
  justify-content: start;
}
.reports-header .reports-filter-container .left-box div[class$="container"], .reports-header .reports-filter-container .right-box div[class$="container"] {
  margin-left: 5px;
}
.reports-header .reports-filter-container .right-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.reports-header .reports-filter-container .right-box .buttons-container {
  width: 236px;
  height: 38px;
  border-radius: 7px;
  background: #F6F6F6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.reports-header .reports-filter-container .right-box .buttons-container button {
  flex: 1;
  height: 100%;
  transition: background 0.2s ease;
  font-size: 14px;
}
.reports-header .reports-filter-container .right-box .buttons-container button.active {
  color: #fff;
  background: #135FFF;
}
.reports-header .reports-filter-container .right-box .tasks-button {
  width: 96px;
  height: 38px;
  border: none;
  border-radius: 7px;
  background: #a4a4a4;
  color: #fff;
  font-size: 14px;
  margin: 5px 0 0 20px;
  cursor: inherit;
  display: flex;
  align-items: center;
}
.reports-header .reports-filter-container .right-box .tasks-button .icon {
  margin: 0 11px 0 16px;
}
.reports-header .reports-filter-container .right-box .tasks-button span {
  transform: translate(0, 1px);
}
.reports-header .reports-filter-container .right-box .tasks-button.active {
  background: #031231;
  cursor: pointer;
}
.reports-load-content {
  height: calc(100% - 74px) !important;
}
.reports-calendar {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow: auto;
  position: relative;
  height: 100%;
  width: 100%;
}
.reports-calendar .calendar-header {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: row;
  width: 100%;
  min-width: 100%;
  min-height: 40px;
  position: sticky;
  top: 0;
  z-index: 10;
}
.reports-calendar .calendar-header.list .header-content {
  width: 100%;
  height: 100%;
}
.reports-calendar .calendar-header .header-content {
  display: flex;
  height: auto;
  flex: 1;
}
.reports-calendar .calendar-header .header-content .fields-wrapper {
  height: auto;
}
.reports-calendar .calendar-header .fields-wrapper {
  display: flex;
  background-color: #F6F6F6;
  border: 1px solid #ececec;
  max-width: 500px;
  min-width: 500px;
  height: 100%;
  align-items: center;
  padding: 0 15px;
  border-top: none;
  border-left: none;
  z-index: 10;
  position: sticky;
  left: 0;
}
.reports-calendar .calendar-header .fields-wrapper .groupBy, .reports-calendar .calendar-header .fields-wrapper .reports-key, .reports-calendar .calendar-header .fields-wrapper .logged {
  font-size: 16px;
  white-space: nowrap;
  color: black;
  display: inline-block;
  border-radius: 4px;
  font-weight: 600;
}
.reports-calendar .calendar-header .fields-wrapper .logged {
  max-width: 15%;
  min-width: 15%;
}
.reports-calendar .calendar-header .fields-wrapper .reports-key {
  max-width: 25%;
  min-width: 25%;
}
.reports-calendar .calendar-header .fields-wrapper .logged {
  text-align: center;
}
.reports-calendar .calendar-header .fields-wrapper .groupBy {
  text-transform: capitalize;
  min-width: 60%;
  max-width: 60%;
}
.reports-calendar .calendar-header .days {
  height: 100%;
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 10px;
}
.reports-calendar .calendar-header .days .calendar-days {
  min-width: 100%;
  width: fit-content;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.reports-calendar .calendar-header .days .calendar-days .calendar-day {
  width: auto;
  max-width: initial;
  min-width: 80px;
  padding: 5px;
  background: #E7EFFF;
  font-size: 14px;
  border-right: 1px solid #CBDCFF;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.reports-calendar .calendar-header .days .calendar-days .calendar-day .calendar-day-week {
  margin-top: -5px;
}
.reports-calendar .calendar-header .days .calendar-days .calendar-day.holiday-day {
  color: #eb0303;
}
.reports-calendar .calendar-header .days .calendar-days .calendar-day:hover {
  background-color: #e2e6ea;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.reports-calendar .calendar-header .dates {
  min-width: 20%;
  max-width: 20%;
  display: none;
}
.reports-calendar .calendar-header.list .fields-wrapper {
  min-width: 80%;
  max-width: 80%;
}
.reports-calendar .calendar-header.list .days {
  display: none;
}
.reports-calendar .calendar-header.list .dates {
  display: flex;
  justify-content: center;
  background-color: #F6F6F6;
  border: 1px solid #ececec;
  height: 100%;
  align-items: center;
  color: black;
  font-size: 16px;
}
.reports-calendar .worklog-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #f9f9f9;
  position: relative;
}
.reports-calendar .worklog-body .report-section {
  display: flex;
  flex-direction: column;
  width: fit-content;
  min-width: 100%;
}
.reports-calendar .worklog-body .report-section .worklog {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  margin: 0;
  position: relative;
  width: fit-content;
  min-width: 100%;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info {
  align-items: center;
  display: flex;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  max-width: 500px;
  min-width: 500px;
  height: 100%;
  padding: 0 15px;
  position: sticky;
  left: 0;
  background-color: #f9f9f9;
  z-index: 3;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info:hover {
  background: #E7EFFF;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .group-by-item-data {
  min-height: 40px;
  height: 40px;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .group-by-item-data, .reports-calendar .worklog-body .report-section .worklog .worklog-info .key, .reports-calendar .worklog-body .report-section .worklog .worklog-info .logged-time {
  font-size: 14px;
  white-space: nowrap;
  color: black;
  display: inline-block;
  border-radius: 4px;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .logged-time {
  max-width: 15%;
  min-width: 15%;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .key {
  max-width: 25%;
  min-width: 25%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  cursor: pointer;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .key:hover {
  opacity: 0.8;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .logged-time {
  font-weight: 500;
  text-align: center;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .group-by-item-data {
  max-width: 60%;
  min-width: 60%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .group-by-item-data a {
  display: flex;
  align-items: center;
  max-width: 100%;
  gap: 5px;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .group-by-item-data .worklog-name {
  font-size: 14px;
  margin-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .group-by-item-data .key {
  border: 1px solid #ececec;
  text-transform: capitalize;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .group-by-item-data .worklog-image {
  border: 1px solid #ececec;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  object-fit: cover;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-info .group-by-item-data .worklog-image.task {
  width: 20px;
  height: 20px;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-log-hours {
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 10px;
  height: 100%;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-log-hours .worklog-log-hours-list {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-log-hours .worklog-log-hours-list .hours-logged {
  padding: 5px 6px;
  font-size: 14px;
  min-width: 80px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-bottom: 1px solid #CBDCFF;
  border-right: 1px solid #CBDCFF;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-log-hours .worklog-log-hours-list .hours-logged.non-workday {
  background: #e2e3e9;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-log-hours .worklog-log-hours-list .hours-logged.clickable {
  cursor: pointer;
}
.reports-calendar .worklog-body .report-section .worklog .worklog-log-hours .worklog-log-hours-list .hours-logged.clickable:hover {
  background: #E7EFFF;
  opacity: 0.7;
}
.reports-calendar .worklog-body .report-section .worklog .dates-for-list-view {
  display: none;
}
.reports-calendar .worklog-body .report-section.total {
  position: sticky;
  bottom: 0;
  z-index: 10;
  background: #FFFFFF;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.reports-calendar .worklog-body .report-section.total .worklog .worklog-info .group-by-item-data .worklog-name {
  padding-left: 40px;
}
.reports-calendar .worklog-body .report-section.total .worklog .worklog-info .worklog-info:hover {
  scale: unset;
  cursor: auto;
}
.reports-calendar .worklog-body .report-section.total .worklog .worklog-log-hours .worklog-log-hours-list {
  background: #FFFFFF;
}
.reports-calendar .worklog-body .report-section.total .worklog .worklog-log-hours .worklog-log-hours-list .hours-logged {
  border-bottom: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.reports-calendar .worklog-body .report-section.bold .worklog[data-depth="0"] .worklog-info .group-by-item-data .worklog-name {
  font-weight: bold;
}
.reports-calendar .worklog-body .report-section.bold .worklog[data-depth="0"] .worklog-info .group-by-item-data :hover {
  opacity: 0.7;
}
.reports-calendar .worklog-body .report-section.bold .worklog[data-depth="0"] .worklog-info .key, .reports-calendar .worklog-body .report-section.bold .worklog[data-depth="0"] .worklog-info .logged-time {
  font-weight: bold;
}
.reports-calendar .worklog-body .report-section.bold .worklog[data-depth="0"] .worklog-log-hours .worklog-log-hours-list .hours-logged {
  font-weight: bold;
}
.reports-calendar .worklog-body .report-section.bold .worklog[data-depth="0"] .dates-for-list-view span {
  font-weight: bold;
}
.reports-calendar .worklog-body.list .report-section .worklog .worklog-info {
  min-width: 80%;
  max-width: 80%;
}
.reports-calendar .worklog-body.list .report-section .worklog .worklog-log-hours {
  display: none;
}
.reports-calendar .worklog-body.list .report-section .worklog .dates-for-list-view {
  display: flex;
  min-width: 20%;
  max-width: 20%;
  align-items: center;
  justify-content: center;
  border: 1px solid #ececec;
  height: 100%;
  padding: 0 15px;
  cursor: pointer;
}
.reports-calendar .worklog-body.list .report-section .worklog .dates-for-list-view :hover {
  opacity: 0.8;
}
.reports-calendar .worklog-body.list .report-section .worklog .dates-for-list-view span {
  font-size: 14px;
}
.reports-calendar .cell-log-info {
  position: absolute;
  background-color: white;
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  max-height: 400px;
  scrollbar-width: none;
  z-index: 100;
}
.reports-calendar .cell-log-info .cell-log-info-header {
  display: flex;
  gap: 10px;
  border-bottom: 1px #f1f1f1 solid;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 0;
}
.reports-calendar .cell-log-info .cell-log-info-header div {
  font-size: 17px;
  color: #000000;
}
.reports-calendar .cell-log-info .cell-log-info-header .date {
  min-width: 100px;
  max-width: 100px;
}
.reports-calendar .cell-log-info .cell-log-info-header .user {
  min-width: 200px;
  max-width: 200px;
}
.reports-calendar .cell-log-info .cell-log-info-header .task {
  min-width: 180px;
  max-width: 180px;
  margin-right: 30px;
}
.reports-calendar .cell-log-info .cell-log-info-header .description {
  min-width: 300px;
  max-width: 300px;
  margin-right: 30px;
}
.reports-calendar .cell-log-info .cell-log-info-header .logged {
  min-width: 100px;
  max-width: 100px;
}
.reports-calendar .cell-log-info .cell-log-info-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.reports-calendar .cell-log-info .cell-log-info-row .date {
  min-width: 100px;
  max-width: 100px;
}
.reports-calendar .cell-log-info .cell-log-info-row .user {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 200px;
  max-width: 200px;
}
.reports-calendar .cell-log-info .cell-log-info-row .user span {
  font-size: 14px;
}
.reports-calendar .cell-log-info .cell-log-info-row .user img {
  object-fit: cover;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.reports-calendar .cell-log-info .cell-log-info-row .task {
  min-width: 180px;
  max-width: 180px;
  margin-right: 30px;
  max-height: 60px;
  white-space: normal;
}
.reports-calendar .cell-log-info .cell-log-info-row .task a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.reports-calendar .cell-log-info .cell-log-info-row .task a span {
  font-size: 14px;
  max-height: 60px;
  overflow: auto;
}
.reports-calendar .cell-log-info .cell-log-info-row .task a img {
  object-fit: cover;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.reports-calendar .cell-log-info .cell-log-info-row .description {
  min-width: 300px;
  max-width: 300px;
  max-height: 60px;
  white-space: normal;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 30px;
}
.reports-calendar .cell-log-info .cell-log-info-row .logged {
  min-width: 100px;
  max-width: 100px;
}
.release-page-form {
  background: url("//gtasks.armdev.am/img/releases-background.svg") center no-repeat;
  margin-top: -15px;
  background-size: 37%;
}
.release-page-form .form-content-item:has(> div > div.release-header-container) {
  margin-top: 10px;
}
.release-page-form .form-content-item:has(> div > div.release-header-container):first-child {
  height: 200px;
  background: transparent;
  box-shadow: unset;
  margin-bottom: 0;
  margin-top: 0;
}
.release-page-form .form-content-item:has(> div > div.release-header-container):first-child .form-items-container {
  padding: 0;
}
.release-page-form .form-content-item:has(> div > div.release-header-container):first-child .form-item-group-name {
  display: none;
}
.release-page-form .form-content-item:has(> div > div.release-header-container) .release-header-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  min-height: 200px;
  align-items: center;
  justify-content: center;
}
.release-page-form .form-content-item:has(> div > div.release-header-container) .release-header-container .new-release-title {
  font-size: 30px;
  font-weight: 900;
  margin-bottom: 11.5px;
  color: #3E7CFE;
  height: 40px;
  line-height: 1;
}
.release-page-form .form-content-item:has(> div > div.release-header-container) .release-header-container .new-release-version {
  font-size: 12px;
  font-weight: 700;
  height: 16px;
  line-height: 1;
}
.release-page-form .form-content-item:has(> div > div.release-header-container) .release-header-container .new-release-description {
  height: 24px;
  line-height: 1;
  margin-bottom: 7px;
}
.release-page-form .release-box {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 25px 10px 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  max-width: 240px;
  height: 64px;
  display: inline-block;
  cursor: pointer;
  background: #F8F9FB;
  color: black;
  position: relative;
}
.release-page-form .release-box p {
  margin-bottom: 5px;
}
.release-page-form .release-box i {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.release-page-form .release-box .new-release-version {
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 700;
}
.release-page-form .release-box .new-release-date {
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
}
.release-page-form .release-box:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.release-page-form .new-release-description {
  font-size: 18px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
}
.release-page-form #item-old-versions-group .form-items-container {
  justify-content: flex-start;
}
.release-page-form #item-new-features-group, .release-page-form #item-bug-fixes-group {
  margin: 0 0 25px;
}
.release-page-form #item-new-features-group .form-item.view-mode, .release-page-form #item-bug-fixes-group .form-item.view-mode {
  background: unset !important;
  border-left: unset !important;
}
.release-page-form .release-iframe {
  width: 100%;
  height: auto;
  overflow: hidden;
  border: none;
}
.release-page-form .release-iframe * {
  font-family: inherit !important;
}
.icons-box:has(.date-icon) {
  top: 36px !important;
}
.cron-jobs-timeline-height {
  height: calc(100% - 58px) !important;
}
.cron-timeline-header {
  display: flex;
  background: white;
  width: 100%;
  position: relative;
  z-index: 1000;
  border-radius: 10px;
  margin-bottom: 10px;
}
.cron-timeline-header .cron-timeline-filter-container {
  display: flex;
  flex: 1;
  gap: 20px;
  align-items: center;
  padding: 10px;
}
.cron-timeline-header .cron-timeline-filter-container .date-container {
  margin-left: 0 !important;
  height: 100%;
  min-width: 250px;
  position: relative;
}
.cron-timeline-header .cron-timeline-filter-container .date-container .flatpickr-input {
  width: 100%;
  margin: 0;
  padding: 0 28px 0 60px;
  height: 100%;
  border-radius: 8px;
  border: none;
  background: #F6F6F6;
  font-size: 13px;
}
.cron-timeline-header .cron-timeline-filter-container .date-container .button {
  padding: 7px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  min-width: 10px;
  min-height: 10px;
}
.cron-timeline-header .cron-timeline-filter-container .date-container .button:active svg {
  fill: #2C4AE1;
}
.cron-timeline-header .cron-timeline-filter-container .date-container .button.previous {
  left: 0;
}
.cron-timeline-header .cron-timeline-filter-container .date-container .button.next {
  right: 0;
}
.cron-timeline-header .cron-timeline-filter-container .date-container .button svg {
  width: 20px;
  height: 20px;
}
.cron-timeline-header .cron-timeline-filter-container .date-container .icon {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translate(0, -55%);
  color: #2C4AE1;
}
.cron-timeline-header .cron-timeline-filter-container .filter-by-hours {
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: "Arial", sans-serif;
}
.cron-timeline-header .cron-timeline-filter-container .filter-by-hours .f_search-input {
  width: 180px;
  padding: 10px;
  font-size: 16px;
  border: 2px solid #ddd;
  border-radius: 8px;
  background-color: #f9f9f9;
  transition: border-color 0.3s, box-shadow 0.3s;
  text-align: center;
}
.cron-timeline-header .cron-timeline-filter-container .filter-by-hours .f_search-input::placeholder {
  color: #aaa;
}
.cron-timeline-header .cron-timeline-filter-container .filter-by-hours .f_search-input:focus {
  border-color: #007BFF;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
  outline: none;
}
.cron-timeline-header .cron-timeline-filter-container .filter-by-hours .f_search-input:disabled {
  background-color: #f1f1f1;
}
.cron-timeline-header .cron-timeline-filter-container .filter-by-hours .f_search-input:hover {
  border-color: #007BFF;
}
.timeline-calendar {
  position: relative;
  width: 100%;
  overflow: scroll;
  height: 100%;
  z-index: 2;
  border: 1px solid #D3D3D5;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}
.timeline-calendar .timeline-header {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: row;
  width: 100%;
  min-width: 100%;
  min-height: 40px;
  position: sticky;
  top: 0;
  z-index: 10;
}
.timeline-calendar .timeline-header .header-content {
  display: flex;
  height: auto;
  flex: 1;
}
.timeline-calendar .timeline-header .header-content .left-sticky {
  display: flex;
  position: sticky;
  left: 0;
}
.timeline-calendar .timeline-header .header-content .left-sticky .date {
  min-width: 60px;
  max-width: 60px;
  height: 100%;
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  background-color: white;
  padding: 20px;
}
.timeline-calendar .timeline-header .header-content .left-sticky .cron-job-rows {
  max-width: 300px;
  min-width: 300px;
  height: 100%;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  background: #f4f5f9;
  border-right: 1px solid #d3d3d5;
}
.timeline-calendar .timeline-header .header-content .time-intervals {
  height: 100%;
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 10px;
}
.timeline-calendar .timeline-header .header-content .time-intervals .time-interval-cells {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.timeline-calendar .timeline-header .header-content .time-intervals .time-interval-cells .timeline-time-cell {
  font-size: 14px;
  font-weight: bold;
  min-width: 45px;
  max-width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  background: #F4F5F9;
  border-right: 1px solid #D3D3D5;
  flex: 1 1 0%;
  gap: 5px;
}
.timeline-calendar .timeline-header .header-content .time-intervals .time-interval-cells .timeline-time-cell .time {
  display: flex;
}
.timeline-calendar .jobs-done {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
}
.timeline-calendar .jobs-done .jobs-done-in-day {
  display: flex;
  border-bottom: 1px solid #D3D3D5;
  width: fit-content;
}
.timeline-calendar .jobs-done .jobs-done-in-day .left-sticky {
  display: flex;
  position: sticky;
  left: 0;
  z-index: 5;
}
.timeline-calendar .jobs-done .jobs-done-in-day .left-sticky .date-header {
  min-width: 60px;
  max-width: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: #E7EFFF;
  padding: 5px;
}
.timeline-calendar .jobs-done .jobs-done-in-day .left-sticky .date-header .day {
  font-weight: bold;
}
.timeline-calendar .jobs-done .jobs-done-in-day .left-sticky .cron-job-list {
  min-width: 300px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-calendar .jobs-done .jobs-done-in-day .left-sticky .cron-job-list .cron-job-list-item {
  height: 40px;
  max-width: 300px;
  min-width: 300px;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 5px;
  background: #f4f5f9;
  border: 1px solid #d3d3d5;
}
.timeline-calendar .jobs-done .jobs-done-in-day .left-sticky .cron-job-list .cron-job-list-item a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container {
  display: flex;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container {
  font-size: 14px;
  min-width: 45px;
  max-width: 45px;
  display: flex;
  background: #ffffff;
  border-right: 1px solid #D3D3D5;
  flex: 1 1 0%;
  height: 100%;
  position: relative;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link {
  position: absolute;
  width: 100%;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container {
  cursor: pointer;
  display: flex;
  align-items: center;
  min-width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #D3D3D5;
  border-left: 6px solid #135FFF;
  background: #E2EAFB;
  padding: 5px;
  z-index: 1;
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  position: absolute;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background: #d0dbf9;
  z-index: 3;
  width: fit-content;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container .job-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container .job-info-popup-container {
  position: relative;
  display: none;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container .job-info-popup-container .job-info-popup {
  position: absolute;
  top: 15px;
  border-radius: 15px;
  z-index: 3;
  background-color: white;
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  max-height: 400px;
  scrollbar-width: none;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container .job-info-popup-container .job-info-popup span {
  white-space: nowrap;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container .job-info-popup-container .job-info-popup .name {
  line-height: 200%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #D3D3D3;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container:hover {
  z-index: 3;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container:hover .job-info-popup-container {
  display: flex;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container.pending {
  border-left: 6px solid #FFB968;
  background: #FEF0E1;
}
.timeline-calendar .jobs-done .jobs-done-in-day .jobs-row-container .interval-container .cron-job-link .job-container.highlighted {
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 255, 0.7);
  background-color: #8787ff;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search1:before {
  content: "";
}
.icon-magnifier:before {
  content: "";
}
.icon-lookup:before {
  content: "";
}
.icon-find:before {
  content: "";
}
.icon-bell-notify:before {
  content: "";
}
.icon-drag-handle:before {
  content: "";
}
.icon-export-arrow:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-arrows-up-down-feel:before {
  content: "";
}
.icon-arrows-up-feel:before {
  content: "";
}
.icon-arrows-down-feel:before {
  content: "";
}
.icon-atom:before {
  content: "";
}
.icon-dollar:before {
  content: "";
}
.icon-clone:before {
  content: "";
}
.icon-up-arrow:before {
  content: "";
}
.icon-delete-trash:before {
  content: "";
}
.icon-truck:before {
  content: "";
}
.icon-regenerate1:before {
  content: "";
}
.icon-import-arrows:before {
  content: "";
}
.icon-close1:before {
  content: "";
}
.icon-check-mark:before {
  content: "";
}
.icon-question-1:before {
  content: "";
}
.icon-translate:before {
  content: "";
}
.icon-customers:before {
  content: "";
}
.icon-products:before {
  content: "";
}
.icon-delivery:before {
  content: "";
}
.icon-companies:before {
  content: "";
}
.icon-user:before {
  content: "";
}
.icon-calendar:before {
  content: "";
}
.icon-vendor:before {
  content: "";
}
.icon-warehouse:before {
  content: "";
}
.icon-contract:before {
  content: "";
}
.icon-shopping-bag:before {
  content: "";
}
.icon-import:before {
  content: "";
}
.icon-export:before {
  content: "";
}
.icon-long-arrow-left:before {
  content: "";
}
.icon-history:before {
  content: "";
}
.icon-language:before {
  content: "";
}
.icon-notifi:before {
  content: "";
}
.icon-sage-logo-svg:before {
  content: "";
}
.icon-cancel:before {
  content: "";
}
.icon-success:before {
  content: "";
}
.icon-message-icon:before {
  content: "";
}
.icon-phone:before {
  content: "✆";
}
.icon-email:before {
  content: "✉";
}
.icon-new_releases:before {
  content: "";
}
.icon-svg0:before {
  content: "";
}
.icon-svg1:before {
  content: "";
}
.icon-svg2:before {
  content: "";
}
.icon-svg4:before {
  content: "";
}
.icon-svg5:before {
  content: "";
}
.icon-svg6:before {
  content: "";
}
.icon-svg7:before {
  content: "";
}
.icon-svg8:before {
  content: "";
}
.icon-svg9:before {
  content: "";
}
.icon-svg11:before {
  content: "";
}
.icon-svg12:before {
  content: "";
}
.icon-svg13:before {
  content: "";
}
.icon-svg14:before {
  content: "";
}
.icon-svg15:before {
  content: "";
}
.icon-svg16:before {
  content: "";
}
.icon-svg3:before {
  content: "";
}
.icon-svg17:before {
  content: "";
}
.icon-svg17l:before {
  content: "";
}
.icon-svg68:before {
  content: "";
}
.icon-arrows-top-bottom:before {
  content: "";
}
.icon-svg20:before {
  content: "";
}
.icon-svg21:before {
  content: "";
}
.icon-svg22:before {
  content: "";
}
.icon-svg23:before {
  content: "";
}
.icon-svg24:before {
  content: "";
}
.icon-edit:before {
  content: "";
}
.icon-svg26:before {
  content: "";
}
.icon-svg27:before {
  content: "";
}
.icon-svg28:before {
  content: "";
}
.icon-svg29:before {
  content: "";
}
.icon-svg30:before {
  content: "";
}
.icon-svg31:before {
  content: "";
}
.icon-svg32:before {
  content: "";
}
.icon-svg33:before {
  content: "";
}
.icon-svg34:before {
  content: "";
}
.icon-svg35:before {
  content: "";
}
.icon-svg36:before {
  content: "";
}
.icon-svg37:before {
  content: "";
}
.icon-svg38:before {
  content: "";
}
.icon-svg39:before {
  content: "";
}
.icon-svg40:before {
  content: "";
}
.icon-svg41:before {
  content: "";
}
.icon-svg42:before {
  content: "";
}
.icon-svg43:before {
  content: "";
}
.icon-svg44:before {
  content: "";
}
.icon-svg45:before {
  content: "";
}
.icon-svg46:before {
  content: "";
}
.icon-svg47:before {
  content: "";
}
.icon-svg48:before {
  content: "";
}
.icon-svg49:before {
  content: "";
}
.icon-svg50:before {
  content: "";
}
.icon-svg51:before {
  content: "";
}
.icon-svg52:before {
  content: "";
}
.icon-svg53:before {
  content: "";
}
.icon-svg54:before {
  content: "";
}
.icon-svg55:before {
  content: "";
}
.icon-svg56:before {
  content: "";
}
.icon-svg57:before {
  content: "";
}
.icon-svg58:before {
  content: "";
}
.icon-svg59:before {
  content: "";
}
.icon-svg60:before {
  content: "";
}
.icon-svg61:before {
  content: "";
}
.icon-svg62:before {
  content: "";
}
.icon-svg63:before {
  content: "";
}
.icon-svg64:before {
  content: "";
}
.icon-svg65:before {
  content: "";
}
.icon-svg66:before {
  content: "";
}
.icon-svg67:before {
  content: "";
}
.icon-svg69:before {
  content: "";
}
.icon-svg70:before {
  content: "";
}
.icon-svg71:before {
  content: "";
}
.icon-svg72:before {
  content: "";
}
.icon-svg73:before {
  content: "";
}
.icon-svg74:before {
  content: "";
}
.icon-svg75:before {
  content: "";
}
.icon-svg76:before {
  content: "";
}
.icon-svg77:before {
  content: "";
}
.icon-svg78:before {
  content: "";
}
.icon-svg79:before {
  content: "";
}
.icon-svg80:before {
  content: "";
}
.icon-svg81:before {
  content: "";
}
.icon-svg82:before {
  content: "";
}
.icon-svg83:before {
  content: "";
}
.icon-svg84:before {
  content: "";
}
.icon-svg85:before {
  content: "";
}
.icon-svg86:before {
  content: "";
}
.icon-svg87:before {
  content: "";
}
.icon-svg88:before {
  content: "";
}
.icon-svg89:before {
  content: "";
}
.icon-svg90:before {
  content: "";
}
.icon-svg91:before {
  content: "";
}
.icon-svg92:before {
  content: "";
}
.icon-svg93:before {
  content: "";
}
.icon-svg94:before {
  content: "";
}
.icon-svg95:before {
  content: "";
}
.icon-svg96:before {
  content: "";
}
.icon-svg97:before {
  content: "";
}
.icon-svg98:before {
  content: "";
}
.icon-svg99:before {
  content: "";
}
.icon-svg100:before {
  content: "";
}
.icon-svg101:before {
  content: "";
}
.icon-svg102:before {
  content: "";
}
.icon-svg103:before {
  content: "";
}
.icon-filter:before {
  content: "";
}
.icon-svg105:before {
  content: "";
}
.icon-svg106:before {
  content: "";
}
.icon-svg107:before {
  content: "";
}
.icon-svg108:before {
  content: "";
}
.icon-svg109:before {
  content: "";
}
.icon-svg110:before {
  content: "";
}
.icon-svg111:before {
  content: "";
}
.icon-svg112:before {
  content: "";
}
.icon-svg113:before {
  content: "";
}
.icon-svg114:before {
  content: "";
}
.icon-svg115:before {
  content: "";
}
.icon-svg116:before {
  content: "";
}
.icon-svg117:before {
  content: "";
}
.icon-svg118:before {
  content: "";
}
.icon-svg119:before {
  content: "";
}
.icon-svg120:before {
  content: "";
}
.icon-svg121:before {
  content: "";
}
.icon-heart:before {
  content: "";
}
.icon-svg123:before {
  content: "";
}
.icon-svg124:before {
  content: "";
}
.icon-svg125:before {
  content: "";
}
.icon-svg126:before {
  content: "";
}
.icon-svg127:before {
  content: "";
}
.icon-svg128:before {
  content: "";
}
.icon-svg129:before {
  content: "";
}
.icon-svg130:before {
  content: "";
}
.icon-svg131:before {
  content: "";
}
.icon-svg132:before {
  content: "";
}
.icon-svg133:before {
  content: "";
}
.icon-svg134:before {
  content: "";
}
.icon-svg135:before {
  content: "";
}
.icon-svg136:before {
  content: "";
}
.icon-svg137:before {
  content: "";
}
.icon-svg138:before {
  content: "";
}
.icon-svg139:before {
  content: "";
}
.icon-svg140:before {
  content: "";
}
.icon-svg141:before {
  content: "";
}
.icon-svg142:before {
  content: "";
}
.icon-svg143:before {
  content: "";
}
.icon-svg144:before {
  content: "";
}
.icon-svg145:before {
  content: "";
}
.icon-svg146:before {
  content: "";
}
.icon-svg147:before {
  content: "";
}
.icon-svg148:before {
  content: "";
}
.icon-svg149:before {
  content: "";
}
.icon-svg150:before {
  content: "";
}
.icon-svg151:before {
  content: "";
}
.icon-svg152:before {
  content: "";
}
.icon-svg153:before {
  content: "";
}
.icon-svg154:before {
  content: "";
}
.icon-svg155:before {
  content: "";
}
.icon-svg156:before {
  content: "";
}
.icon-svg157:before {
  content: "";
}
.icon-svg158:before {
  content: "";
}
.icon-svg159:before {
  content: "";
}
.icon-svg160:before {
  content: "";
}
.icon-svg161:before {
  content: "";
}
.icon-svg162:before {
  content: "";
}
.icon-svg163:before {
  content: "";
}
.icon-svg164:before {
  content: "";
}
.icon-svg165:before {
  content: "";
}
.icon-svg166:before {
  content: "";
}
.icon-svg167:before {
  content: "";
}
.icon-svg168:before {
  content: "";
}
.icon-svg169:before {
  content: "";
}
.icon-svg170:before {
  content: "";
}
.icon-svg171:before {
  content: "";
}
.icon-svg172:before {
  content: "";
}
.icon-svg173:before {
  content: "";
}
.icon-svg174:before {
  content: "";
}
.icon-svg175:before {
  content: "";
}
.icon-svg176:before {
  content: "";
}
.icon-svg177:before {
  content: "";
}
.icon-svg178:before {
  content: "";
}
.icon-svg179:before {
  content: "";
}
.icon-svg180:before {
  content: "";
}
.icon-svg181:before {
  content: "";
}
.icon-svg182:before {
  content: "";
}
.icon-svg183:before {
  content: "";
}
.icon-svg184:before {
  content: "";
}
.icon-svg185:before {
  content: "";
}
.icon-svg186:before {
  content: "";
}
.icon-svg187:before {
  content: "";
}
.icon-svg188:before {
  content: "";
}
.icon-svg189:before {
  content: "";
}
.icon-svg190:before {
  content: "";
}
.icon-svg191:before {
  content: "";
}
.icon-svg192:before {
  content: "";
}
.icon-svg193:before {
  content: "";
}
.icon-svg194:before {
  content: "";
}
.icon-svg195:before {
  content: "";
}
.icon-svg196:before {
  content: "";
}
.icon-svg197:before {
  content: "";
}
.icon-svg198:before {
  content: "";
}
.icon-svg199:before {
  content: "";
}
.icon-svg200:before {
  content: "";
}
.icon-svg201:before {
  content: "";
}
.icon-svg202:before {
  content: "";
}
.icon-svg203:before {
  content: "";
}
.icon-svg204:before {
  content: "";
}
.icon-svg205:before {
  content: "";
}
.icon-svg206:before {
  content: "";
}
.icon-svg207:before {
  content: "";
}
.icon-svg208:before {
  content: "";
}
.icon-svg209:before {
  content: "";
}
.icon-svg210:before {
  content: "";
}
.icon-svg211:before {
  content: "";
}
.icon-favorite:before {
  content: "";
}
.icon-svg213:before {
  content: "";
}
.icon-svg214:before {
  content: "";
}
.icon-svg215:before {
  content: "";
}
.icon-svg216:before {
  content: "";
}
.icon-svg217:before {
  content: "";
}
.icon-svg218:before {
  content: "";
}
.icon-svg219:before {
  content: "";
}
.icon-svg220:before {
  content: "";
}
.icon-svg221:before {
  content: "";
}
.icon-svg222:before {
  content: "";
}
.icon-svg223:before {
  content: "";
}
.icon-svg224:before {
  content: "";
}
.icon-svg225:before {
  content: "";
}
.icon-svg226:before {
  content: "";
}
.icon-trash:before {
  content: "";
}
.icon-delete:before {
  content: "";
}
.icon-svg229:before {
  content: "";
}
.icon-svg230:before {
  content: "";
}
.icon-svg231:before {
  content: "";
}
.icon-svg232:before {
  content: "";
}
.icon-svg233:before {
  content: "";
}
.icon-svg234:before {
  content: "";
}
.icon-svg235:before {
  content: "";
}
.icon-svg236:before {
  content: "";
}
.icon-svg237:before {
  content: "";
}
.icon-svg238:before {
  content: "";
}
.icon-svg239:before {
  content: "";
}
.icon-svg240:before {
  content: "";
}
.icon-svg241:before {
  content: "";
}
.icon-svg242:before {
  content: "";
}
.icon-svg243:before {
  content: "";
}
.icon-svg244:before {
  content: "";
}
.icon-svg245:before {
  content: "";
}
.icon-svg246:before {
  content: "";
}
.icon-svg247:before {
  content: "";
}
.icon-svg248:before {
  content: "";
}
.icon-svg249:before {
  content: "";
}
.icon-svg250:before {
  content: "";
}
.icon-svg251:before {
  content: "";
}
.icon-svg252:before {
  content: "";
}
.icon-svg253:before {
  content: "";
}
.icon-svg254:before {
  content: "";
}
.icon-svg255:before {
  content: "";
}
.icon-svg256:before {
  content: "";
}
.icon-svg257:before {
  content: "";
}
.icon-svg258:before {
  content: "";
}
.icon-svg259:before {
  content: "";
}
.icon-svg260:before {
  content: "";
}
.icon-svg261:before {
  content: "";
}
.icon-svg262:before {
  content: "";
}