@import "icons.css";
@import "bootstrap.css";
@import "bootstrap-responsive.css";
@import "fullcalendar.css";
@import "ui.css";
@import "select2.css";
@import "uniform.default.css";
@import "validation.css";
@import "mCustomScrollbar.css";
@import "cleditor.css";
@import "fancybox/jquery.fancybox.css";
@import "../js/plugins/plupload/jquery.plupload.queue/css/jquery.plupload.queue.css";
@import "elfinder.min.css";
@import "elfinder.css";
@import "multi-select.css";
@import "pnotify.css";
@import "ibutton.css";
@import "login.css";
@import "stepy.css";
@import "tagsinput.css";
@import "stylesheet.css";
@import "styling.css";

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-family: "Inter", serif;
  /* min-height: 100%;
  font-size: 12px;
  letter-spacing: 1.5px;
  line-height: 22px;
  position: relative;
  background: url("../img/backgrounds/body.jpg") left top repeat; */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: #fcfcfc !important;
}

/* 10-01-25 */
.main-wrapper {
  height: 100vh;
  background-color: #fcfcfc;
  position: relative;
}

header:has(.login-header) {
  height: 10vh;
}

.main-wrapper .logo-wrapper {
  width: fit-content;
}

.main-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10vh;
  left: 0;
  background: linear-gradient(180deg,
      rgba(169, 134, 241, 0.62) 0%,
      rgba(223, 208, 254, 0.81) 0.01%,
      rgba(218, 206, 242, 0.887164) 0.02%,
      #faf8ff 48%,
      rgba(250, 248, 255, 0) 99.5%);
  transform: rotateX(180deg);
}

/* body .wrapper .menu {
  height: calc(100vh - 80px);
}

@media only screen and (max-width: 1350px) {
  body .wrapper .menu {
    display: block;
  }
} */

/* @media only screen and (max-width: 1024px) {
  body .wrapper .menu {
    display: block;
  }
} */

@media (max-width: 979px) {

  .navbar .nav>.active>a,
  .navbar .nav>.active>a:hover,
  .navbar .nav>.active>a:focus,
  .navbar .nav li.dropdown.open>.dropdown-toggle,
  .navbar .nav li.dropdown.active>.dropdown-toggle,
  .navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background: none;
    color: #333;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar .nav>li>a,
  .navbar .nav>li>a:focus,
  .navbar .nav>li>a:hover {
    color: #333;
    text-shadow: none;
    background: none;
  }

  .navbar .nav li.dropdown>.dropdown-toggle .caret,
  .navbar .nav li.dropdown.open>.dropdown-toggle .caret,
  .navbar .nav li.dropdown.active>.dropdown-toggle .caret,
  .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #333;
    border-bottom-color: #333;
  }

  .dropdown-menu li>a:hover,
  .dropdown-menu li>a:focus,
  .dropdown-submenu:hover>a {
    background: none;
    color: #777777;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  body .wrapper .menu {
    display: none;
    position: absolute;
    left: 50%;
    margin-top: 0px;
    margin-left: -110px !important;
    top: 15px;
    z-index: 2000;
    height: auto;
    min-height: auto;
  }

  body .wrapper .menu .breadLine .arrow {
    display: block;
  }

  body .wrapper .content {
    margin-left: 0px;
  }

  .header .header_menu li.list_icon {
    display: block;
  }
}

@media only screen and (min-width: 481px) {}

@media only screen and (max-width: 768px) {
  .wBlock.auto {
    width: auto;
    float: left;
  }

  .wBlock.auto .dSpace {
    padding: 3px;
  }

  .wBlock .dSpace {
    width: 100%;
    padding: 3px 0px;
  }

  .wBlock .rSpace {
    float: left;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {}

/* @media only screen and (min-width: 769px) and (max-width: 980px) {
  body .wrapper .menu {
    display: none;
    position: absolute;
    left: 50%;
    margin-top: 0px;
    margin-left: -110px !important;
    top: 15px;
    z-index: 2000;
    height: auto;
    min-height: auto;
  }
  body .wrapper .menu .breadLine .arrow { 
    display: block;
  }
  body .wrapper .content {
    margin-left: 0px;
  }
  .header .header_menu li.list_icon {   
    display: block;
  }
} */

#testfield {
  color: green;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  body .wrapper .menu {
    display: none;
    position: absolute;
    left: 50%;
    margin-top: 24px;
    margin-left: -90px !important;
    top: 15px;
    z-index: 2000;
    height: auto;
    min-height: auto;
  }

  /*margin-top: 0px;*/
  body .wrapper .menu .breadLine .arrow {
    display: block;
  }

  body .wrapper .content {
    margin-left: 0px;
  }

  .header .header_menu li.list_icon {
    display: block;
  }

  .block,
  .block-fluid {
    overflow: hidden;
    overflow-x: auto;
  }
}

@media only screen and (max-width: 319px) {
  body .wrapper .menu {
    display: none;
    position: absolute;
    left: 50%;
    margin-top: 0px;
    margin-left: -110px !important;
    top: 15px;
    z-index: 2000;
    height: auto;
    min-height: auto;
  }

  body .wrapper .menu .breadLine .arrow {
    display: block;
  }

  body .wrapper .content {
    margin-left: 0px;
  }

  .header .header_menu li.list_icon {
    display: block;
  }

  .block,
  .block-fluid {
    overflow: hidden;
    overflow-x: auto;
  }
}

.error-message {
  color: red;
}

/*   New css starts from here -------------   */

.clear {
  clear: left;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.dr {
  height: 5px;
  margin: 0px 0px 20px;
  width: 100%;
  clear: left;
  background: url("../img/backgrounds/divider.png") left center repeat-x;
}

.dr span {
  background: url("../img/backgrounds/divider_span.png") center center no-repeat;
  width: 100%;
  height: 5px;
  display: block;
}

.menu .dr {
  float: left;
  margin: 10px 0px;
}

.wrapper {
  margin: 0px auto;
  height: 100vh;
}

.wrapper.overlay-gradient {
  position: relative;
  overflow: hidden;
}

.wrapper.overlay-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  background: linear-gradient(180deg,
      rgba(169, 134, 241, 0.62) 0%,
      rgba(223, 208, 254, 0.81) 0.01%,
      rgba(218, 206, 242, 0.887164) 0.02%,
      #faf8ff 48%,
      rgba(250, 248, 255, 0) 99.5%);
  width: 100%;
  height: 262px;
  top: -70px;
  z-index: -1;
}

/* header start */
.header {
  display: block;
  min-height: 95px;
  width: 100%;
  position: absolute;
  z-index: 2;
  /* background: url("../img/styles/default/backgrounds/header.jpg") left top
    repeat-x; */
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.header .hamburder-bnt svg {
  width: 45px;
  height: 45px;
}

.hamburder-bnt {
  display: none;
}

.header .logo {
  display: block;
  padding: 0 3px;
  width: 164px;
  height: auto;
}

.header .logo img {
  width: 100%;
  height: auto;
}

.header .header-right {
  width: calc(100% - 164px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header .user-rightHeader,
.header .user-profile-name {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .user-rightHeader {
  position: relative;
}

.header .user-rightHeader .bell-icon {
  width: 53px;
  height: 55px;
  background-color: #f9faff;
  border: 1px solid #d7dcf7;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  cursor: pointer;
}

.header .user-profile-name {
  gap: 15px;
  cursor: pointer;
}

.header .user-profile-name .profile-img {
  width: 44px;
  height: 44px;
  background-color: #744ecc;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 18.15px;
  font-family: "Inter", serif;
  text-decoration: none;
}

.header .profileName-wrapper {
  padding-right: 33px;
  position: relative;
}

.header .profileName-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE4LjZDMTUuMDI1OCAxOC42IDE5LjEgMTQuNTI1OCAxOS4xIDkuNUMxOS4xIDQuNDc0MjEgMTUuMDI1OCAwLjQgMTAgMC40QzQuOTc0MjEgMC40IDAuOSA0LjQ3NDIxIDAuOSA5LjVDMC45IDE0LjUyNTggNC45NzQyMSAxOC42IDEwIDE4LjZaIiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMC4yIi8+CjxwYXRoIGQ9Ik0xMCAxMC4yOTI5TDcuNzMxNjIgNy42NDY0NUM3LjU2NDI1IDcuNDUxMTggNy4yOTI4OSA3LjQ1MTE4IDcuMTI1NTMgNy42NDY0NUM2Ljk1ODE2IDcuODQxNzEgNi45NTgxNiA4LjE1ODI5IDcuMTI1NTMgOC4zNTM1NUw5LjY5Njk1IDExLjM1MzZDOS44NjQzMiAxMS41NDg4IDEwLjEzNTcgMTEuNTQ4OCAxMC4zMDMgMTEuMzUzNkwxMi44NzQ1IDguMzUzNTVDMTMuMDQxOCA4LjE1ODI5IDEzLjA0MTggNy44NDE3MSAxMi44NzQ1IDcuNjQ2NDVDMTIuNzA3MSA3LjQ1MTE4IDEyLjQzNTggNy40NTExOCAxMi4yNjg0IDcuNjQ2NDVMMTAgMTAuMjkyOVoiIGZpbGw9IiM1NjY4N0EiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMzBfMzg4NyIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjciIHk9IjciIHdpZHRoPSI2IiBoZWlnaHQ9IjUiPgo8cGF0aCBkPSJNMTAgMTAuMjkyOUw3LjczMTYyIDcuNjQ2NDVDNy41NjQyNSA3LjQ1MTE4IDcuMjkyODkgNy40NTExOCA3LjEyNTUzIDcuNjQ2NDVDNi45NTgxNiA3Ljg0MTcxIDYuOTU4MTYgOC4xNTgyOSA3LjEyNTUzIDguMzUzNTVMOS42OTY5NSAxMS4zNTM2QzkuODY0MzIgMTEuNTQ4OCAxMC4xMzU3IDExLjU0ODggMTAuMzAzIDExLjM1MzZMMTIuODc0NSA4LjM1MzU1QzEzLjA0MTggOC4xNTgyOSAxMy4wNDE4IDcuODQxNzEgMTIuODc0NSA3LjY0NjQ1QzEyLjcwNzEgNy40NTExOCAxMi40MzU4IDcuNDUxMTggMTIuMjY4NCA3LjY0NjQ1TDEwIDEwLjI5MjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTAzMF8zODg3KSI+CjwvZz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}

.header .profileName-wrapper h6,
.header .profileName-wrapper p {
  margin-bottom: unset;
}

.header .profileName-wrapper h6 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  color: #0e2741;
}

.header .profileName-wrapper p {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #56687a;
}

.header .header_menu {
  display: block;
  float: right;
  padding: 3px 20px;
  margin: 0px;
  list-style: none;
}

.header .header_menu li {
  display: block;
  float: left;
  padding: 0px;
  margin: 4px 5px 4px 0px;
}

.header .header_menu li a {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  text-decoration: none;
}

.header .header_menu li:last-child {
  margin-right: 127px;
}

/*margin-right: 0px;*/

.header .header_menu li.list_icon {
  background: url("../img/styles/default/header_menu_list.png") left top no-repeat;
  display: none;
}

.header .header_menu li.settings_icon {
  background: url("../img/styles/default/header_menu_settings.png") left top no-repeat;
}

.header .header_menu li .popup {
  right: 14px;
  top: 40px;
}

.header .header_menu li .popup .head .arrow {
  width: 17px;
  height: 12px;
  left: auto;
  right: 10px !important;
  top: -11px;
  background: url("../img/styles/default/arrow-top.png") left top no-repeat transparent;
}

.header .header_menu li .popup .checker {
  padding-left: 0px;
  cursor: pointer;
}

.header .header_menu li .popup .checker input[type="checkbox"] {
  margin: 0px;
  margin-top: -10px;
}

.header .header_menu li .popup .row-fluid {
  margin-bottom: 0px;
}

.header .header_menu li .popup .row-fluid div[class^="span"] {
  font-size: 11px;
  line-height: 30px;
}

.notification-wrapper {
  /* max-height: 85vh;
  overflow-y: auto;
  scrollbar-width: none; */
  position: absolute;
  width: 322px;
  top: 100%;
  right: 100%;
  transform: translate(50px, 18px);
  padding: 30px 21px;
  background-color: #ffffff;
  box-shadow: 6px 6px 54px 0px #0000000d;
  border-radius: 14px;
  opacity: 0;
  visibility: hidden;
  /* transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;   */
  height: 0;
  padding: 0;
}

.notification-wrapper.open {
  opacity: 1;
  height: auto;
  padding: 30px 21px;
  visibility: visible;
}

.notification-wrapper .notification-inner {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.notification-wrapper .notification-inner h5 {
  color: #000000;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.63px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.notifications {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: unset;
  padding: unset;
  max-height: 65vh;
  overflow-y: auto;
  scrollbar-width: none;
}

.notifications .notification {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 19px;
  border-bottom: 0.5px solid #cacaca;
  cursor: pointer;
}

.notification p,
.notification a {
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0e2741;
  margin: unset;
}

.notification span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0e2741;
  padding-right: 4px;
}

.notification .time p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #56687a;
}

/* header end */

.main-content {
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
  padding: 0 30px;
  margin-top: 95px;
  height: calc(100vh - 96px);
}

/* side menu start */
.menu {
  max-width: 219px;
  width: 100%;
  padding: 37px 29px;
  background-color: #f5f5f5;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  height: 100%;
  /* transition: all ease-in-out 0.3s; */
  /* position: absolute; */
  /* margin-top: 80px; */
  /* z-index: 999; */
  /* background: url("../img/backgrounds/menu.jpg") left top repeat;
  border-bottom: 1px solid #cccccc;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; */
  /* border-right\*: 1px solid #dddddd; */
  /* border-left: 1px solid #dddddd;
  padding-bottom: 1px; */
}

.menu .breadLine {
  border-right: 0px;
  border-left: 0px;
}

.menu .breadLine .arrow {
  position: absolute;
  left: 122px;
  top: -12px;
  background: url("../img/menu-arrow-top.png") left top no-repeat;
  width: 17px;
  height: 12px;
  display: none;
}

/* ~ADMIN~ */
/*left: 110px;*/
/*top: -12px;*/
/*url("../img/menu-arrow-right.png")*/

.adminControl {
  padding: 1px 10px 0px;
  float: left;
  font-size: 11px;
  color: #333;
  background: url("../img/styles/default/arrow_down.png") right center no-repeat;
  width: 194px;
  cursor: pointer;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}

.adminControl.active {
  background: url("../img/arrow_up.png") right center no-repeat;
}

.admin {
  display: none;
  float: left;
  position: relative;
  padding: 5px;
  width: 209px;
  -moz-box-shadow: inset 0 0 5px #ccc;
  -webkit-box-shadow: inset 0 0 5px #ccc;
  box-shadow: inset 0 0 5px #ccc;
}

.admin .image {
  float: left;
  width: 62px;
  margin-right: 5px;
}

.admin ul.control,
.headInfo ul.control {
  display: block;
  float: left;
  width: 142px;
  list-style: none;
  margin: 0px;
}

.admin ul.control li a,
.headInfo ul.control li a {
  font-size: 11px;
  color: #333;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}

.admin ul.control li .caption {
  display: block;
  float: right;
  font-size: 10px;
  background-color: #333;
  color: #fff;
  padding: 2px 4px 2px 3px;
  line-height: 13px;
  margin: 3px 0px 3px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  text-shadow: none;
}

.admin ul.control li .caption.red {
  background-color: #a5302c;
}

.admin ul.control li .caption.green {
  background-color: #225b15;
}

.admin ul.control li .caption.yellow {
  background-color: #fbb450;
}

.admin .info {
  float: left;
  padding: 5px;
  font-size: 10px;
  color: #666;
  line-height: 14px;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}

/* ~NAVIGATION~ */
.navigation {
  list-style: none;
  position: relative;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* float: left; */
}

.navigation .menu-collapse {
  display: flex;
  justify-content: flex-end;
}

.navigation .menu-collapse .collapse-btn {
  background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjMGUyNzQxIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+Cg08cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjIyIDE0LjQ3TDkuNjkgMTIgNy4yMiA5LjUzYS43NS43NSAwIDExMS4wNi0xLjA2bDMgM2EuNzUuNzUgMCAwMTAgMS4wNmwtMyAzYS43NS43NSAwIDAxLTEuMDYtMS4wNnoiLz4KDTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNzUgMkExLjc1IDEuNzUgMCAwMDIgMy43NXYxNi41YzAgLjk2Ni43ODQgMS43NSAxLjc1IDEuNzVoMTYuNUExLjc1IDEuNzUgMCAwMDIyIDIwLjI1VjMuNzVBMS43NSAxLjc1IDAgMDAyMC4yNSAySDMuNzV6TTMuNSAzLjc1YS4yNS4yNSAwIDAxLjI1LS4yNUgxNXYxN0gzLjc1YS4yNS4yNSAwIDAxLS4yNS0uMjVWMy43NXptMTMgMTYuNzV2LTE3aDMuNzVhLjI1LjI1IDAgMDEuMjUuMjV2MTYuNWEuMjUuMjUgMCAwMS0uMjUuMjVIMTYuNXoiLz4KDTwvZz4KDTwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.nav-collapsed .menu ul.navigation>li a span.text,
.nav-collapsed .logout .btn {
  display: none;
  opacity: 0;
  width: 0;
}

.nav-collapsed .menu {
  max-width: 62px;
  padding: 37px 17px;
}

.nav-collapsed .content {
  width: calc(100% - 104px);
}

/* .navigation li {
  border-top: 1px solid #5a87b5;
  border-bottom: 1px solid #335a85;
  border-right: 1px solid #335a85;
  background: url("../img/styles/default/backgrounds/menu-item.jpg") left top
    repeat-x;
  padding: 0px;
  margin: 0px;
  display: block;
  float: left;
  width: 218px;
  position: relative;
} */

/* .menu .navigation li:hover,
.menu .navigation li.active {
  border-color: #143d6b;
  border-top-color: #5a87b5;
  background: url("../img/styles/default/backgrounds/menu-item-active.jpg") left
    top repeat-x;
} */

/* .navigation li.openable {
  background: url("../img/styles/default/menu_arrow_down.png") 198px 12px
      no-repeat,
    url("../img/styles/default/backgrounds/menu-item.jpg") left top repeat-x;
}
.navigation li.openable.active {
  background: url("../img/styles/default/menu_arrow_down.png") 198px 12px
      no-repeat,
    url("../img/styles/default/backgrounds/menu-item-active.jpg") left top
      repeat-x;
}
.navigation li.openable:hover {
  background: url("../img/styles/default/menu_arrow_down.png") 198px 12px
      no-repeat,
    url("../img/styles/default/backgrounds/menu-item-active.jpg") left top
      repeat-x;
}
.navigation li.openable.active {
  background: url("../img/styles/default/menu_arrow_up.png") 198px 12px
      no-repeat,
    url("../img/styles/default/backgrounds/menu-item-active.jpg") left top
      repeat-x;
} */

/* .navigation li > a {
  color: #fff;
  text-decoration: none;
  padding: 0px;
  display: block;
  float: left;
  width: 218px;
  position: relative;
  -moz-text-shadow: 0 1px 1px #333;
  -webkit-text-shadow: 0 1px 1px #333;
  text-shadow: 0 1px 1px #333;
} */

/* .navigation li > a span.text {
  width: 182px;
  padding: 9px 0px;
  display: block;
  margin-left: 10px;
  float: left;
  overflow: hidden;
} */

/* .navigation li.openable > ul {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 219px;
  display: none;
} */
.navigation li.active>ul {
  /* display: block !important; */
  padding: unset;
}

.navigation li>a {
  text-decoration: none;
  padding: unset;
}

.listactive a {
  font-weight: 600;
  color: #744ecc;
  font-size: 14px;
  line-height: 16.94px;
  font-family: "Inter", sans-serif;
}

.navigation li>ul>li.listactive a span.text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.94px;
  color: #744ecc;
}

/* .navigation li > ul > li {
  display: block;
  float: left;
  width: 219px;
  background: #f2f2f2;
  border-top: 1px solid #fcfcfc !important;
  border-bottom: 1px solid #e4e8ed !important;
  border-right-color: #e4e8ed !important;
}
.navigation li > ul > li {
  background: #f2f2f2 none repeat scroll 0 0;
  border-bottom: 1px solid #e4e8ed;
  border-right-color: #e4e8ed;
  border-top: 1px solid #fcfcfc;
  display: block;
  float: left;
  width: 100%;
} */

.navigation li>ul {
  list-style: none;
}

/* .navigation li > ul > li:hover,
.navigation li > ul > li.active {
  background: #ededed !important;
} */

/* .navigation li > ul > li > a {
  display: block;
  float: left;
  padding-left: 10px;
  width: 175px;
} */

.navigation li>ul>li>a span.text {
  /* color: #292d32; */
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #142d4f;
  /* padding: 6px 0px; */
  /* width: 140px; */
  /* -moz-text-shadow: 0 1px 0 #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff; */
}

.navigation li a .isw-folder {
  background: unset;
  margin: unset;
  padding: unset;
  width: unset;
  height: unset;
}

.navigation .listactive a .icon svg path {
  stroke: #744ecc;
}

.navigation .listactive a .icon.form-builder svg path,
.navigation .listactive a .icon.certificate svg path {
  fill: #744ecc;
  stroke: unset;
}

/* .navigation li > ul > li > a [class*="icon-"] {
  margin: 9px 0px 7px 10px;
  display: block;
  float: left;
} */

/* .navigation li > ul > li > a.caption {
  float: right;
  width: auto;
  background-color: #fff;
  color: #335a85;
  text-align: center;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  padding: 0px 5px;
  margin: 6px 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  margin-right: 5px;
  border: 1px solid #143d6b;
  background: #143d6b;
  background: -moz-linear-gradient(top, #335a85 0%, #143d6b 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #335a85),
    color-stop(100%, #143d6b)
  );
  background: -webkit-linear-gradient(top, #335a85 0%, #143d6b 100%);
  background: -o-linear-gradient(top, #335a85 0%, #143d6b 100%);
  background: -ms-linear-gradient(top, #335a85 0%, #143d6b 100%);
  background: linear-gradient(top, #335a85 0%, #143d6b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335A85', endColorstr='#143D6B',GradientType=0 );
} */

/* .listactive {
  background-color: #5b7ea4 !important;
  color: #fff !important;
}
.listactive a span {
  color: #fff !important;
} */

/* .navigation li > ul > li > a [class*="icon-"] {
  display: block;
  float: left;
  margin: 11px 0 7px 10px;
} */

/* .navigation li > ul > li > a {
  display: block;
  float: left;
  padding-left: 10px;
  width: 95%;
} */

.menu .navigation .navigation-inner,
.menu .navigation .navigation-inner ul,
.menu .navigation li ul.navigation-inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.navigation li ul {
  padding: unset;
}

.navigation li a {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* .navigation li > ul > li > a span.text {
  color: #333;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 9px 0;
  text-shadow: 0 1px 0 #ffffff;
  width: auto;
} */

.navigation li a span.text {
  margin-left: unset;
}

.navigation li>ul>li>a.red {
  border: 1px solid #772e2c;
  background: #a5302c;
  background: -moz-linear-gradient(top, #c93934 0%, #a5302c 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #c93934),
      color-stop(100%, #a5302c));
  background: -webkit-linear-gradient(top, #c93934 0%, #a5302c 100%);
  background: -o-linear-gradient(top, #c93934 0%, #a5302c 100%);
  background: -ms-linear-gradient(top, #c93934 0%, #a5302c 100%);
  background: linear-gradient(top, #c93934 0%, #a5302c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c93934', endColorstr='#a5302c', GradientType=0);
}

.navigation li>ul>li>a.green {
  border: 1px solid #225b15;
  background: #2e801e;
  background: -moz-linear-gradient(top, #55ab2d 0%, #2e801e 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #55ab2d),
      color-stop(100%, #2e801e));
  background: -webkit-linear-gradient(top, #55ab2d 0%, #2e801e 100%);
  background: -o-linear-gradient(top, #55ab2d 0%, #2e801e 100%);
  background: -ms-linear-gradient(top, #55ab2d 0%, #2e801e 100%);
  background: linear-gradient(top, #55ab2d 0%, #2e801e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55AB2D', endColorstr='#2E801E', GradientType=0);
}

.navigation li>ul>li>a.yellow {
  border: 1px solid #ad6704;
  background: #fbb450;
  background: -moz-linear-gradient(top, #fbb450 0%, #f89406 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #fbb450),
      color-stop(100%, #f89406));
  background: -webkit-linear-gradient(top, #fbb450 0%, #f89406 100%);
  background: -o-linear-gradient(top, #fbb450 0%, #f89406 100%);
  background: -ms-linear-gradient(top, #fbb450 0%, #f89406 100%);
  background: linear-gradient(top, #fbb450 0%, #f89406 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBB450', endColorstr='#F89406', GradientType=0);
}

/* .navigation .listactive:hover {
  background: #5b7ea4 !important;
} */

/* ~NAVIGATION~ */

.menu .widget,
.menu .widget-fluid {
  display: block;
  float: left;
  width: 200px;
  padding: 0px 10px;
}

.menu .widget-fluid {
  padding: 0px;
  width: 219px;
}

.menu .widget .input-append,
.menu .widget-fluid .input-append {
  margin-bottom: 0px;
}

.menu .popup {
  right: -415px;
}

.popup {
  position: absolute;
  top: 0px;
  z-index: 3;
  width: 400px;
  background-color: #ffffff;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
  display: none;
}

.popup .head {
  background: url("../img/styles/default/backgrounds/box-head.jpg") left top repeat-x;
  background-clip: padding-box;
  position: relative;
}

.popup .head .arrow {
  position: absolute;
  left: -12px;
  top: 10px;
  width: 12px;
  height: 17px;
  background: url("../img/styles/default/arrow.png") left top no-repeat transparent;
}

.popup .head .name {
  font-size: 12px;
  color: #fff;
  float: left;
  display: block;
  padding: 10px;
  line-height: 18px;
  font-weight: bold;
}

.popup .body {
  padding: 10px;
  position: relative;
  border-right
  /*|**/
  : 1px solid #d5d5d5;
  border-left
  /*|**/
  : 1px solid #d5d5d5;
}

.popup .body-fluid {
  position: relative;
  padding: 0px;
  border-right
  /*|**/
  : 1px solid #d5d5d5;
  border-left
  /*|**/
  : 1px solid #d5d5d5;
}

.popup .messages .item,
.block.messages .item {
  border-bottom: 1px solid #e4e8ed;
  border-top: 1px solid #fff;
  position: relative;
}

.popup .messages .item .image,
.block.messages .item .image {
  display: inline-block;
  width: 60px;
  padding: 5px 0px 5px 0px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.popup .messages .item .info,
.block.messages .item .info {
  padding: 5px 5px 5px 70px;
  font-size: 11px;
}

.popup .messages .item .info .name,
.block.messages .item .info .name {
  font-size: 11px;
  color: #005580;
  font-weight: bold;
}

.popup .messages .item .info p,
.block.messages .item .info p {
  margin: 0px;
  font-size: 11px;
  color: #333;
  line-height: 17px;
}

.popup .messages .item .info>span,
.block.messages .item .info>span {
  color: #999;
  font-size: 11px;
}

.popup .messages .item:last-child,
.block.messages .item:last-child {
  border-bottom: 0px;
}

.block.messages .item:first-child {
  border-top: 0px;
}

.popup .messages .item:first-child .image,
.block.messages .item:first-child .image,
.popup .messages .item:first-child .info,
.block.messages .item:first-child .info {
  padding-top: 0px;
}

.popup .footer,
.block .footer {
  background-color: #f2f2f2;
  border-top: 1px solid #dae1e8;
  padding: 8px 5px 7px;
  text-align: right;
}

.popup .footer {
  border-right
  /*|**/
  : 1px solid #d5d5d5;
  border-left
  /*|**/
  : 1px solid #d5d5d5;
  border-bottom
  /*|**/
  : 1px solid #d5d5d5;
}

.popup .search {
  position: relative;
}

.popup .search input[type="text"],
.popup .search input[type="password"],
.popup .search input textarea {
  width: 100%;
  font-size: 11px;
  color: #454545;
  padding: 7px 7px 5px;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: inline-block;
  background: #fdfdfd;
  height: 26px;
  margin: 0px;
}

/* BLOCK NEWS */
.block.news .item {
  border-bottom: 1px solid #e4e8ed;
  border-top: 1px solid #fff;
  position: relative;
  padding-bottom: 5px;
}

.block.news .item:first-child {
  border-top: 0px;
}

.block.news .item:last-child {
  border-bottom: 0px;
}

.block.news .item>a {
  font-size: 12px;
  font-weight: bold;
}

.block.news .item>p {
  font-size: 11px;
  color: #333;
  margin: 0px 10px;
}

.block.news .item>span.date {
  font-size: 11px;
  color: #999;
}

.block.news .item .controls {
  position: absolute;
  right: 5px;
  bottom: 5px;
  opacity: 0.5;
}

.block.news .item .controls:hover {
  opacity: 0.8;
}

/* BLOCK NEWS */

.breadLine {
  height: 23px;
  background: url("../img/backgrounds/nav.jpg") left top repeat-x;
  border: 1px solid #ccc;
  border-top: 0px;
}

.breadLine .breadcrumb {
  float: left;
}

.breadLine .breadcrumb,
.breadLine .breadcrumb li,
.breadLine .breadcrumb a {
  font-size: 11px;
}

.breadLine .buttons {
  display: block;
  float: right;
  padding: 0px;
  margin: 0px 20px 0px 0px;
  list-style: none;
  border-right: 1px solid #d5d5d5;
}

.breadLine .buttons li {
  display: block;
  float: left;
  padding: 0px;
  margin: 0px;
  border-left: 1px solid #d5d5d5;
  position: relative;
}

.breadLine .buttons li>a {
  display: block;
  float: left;
  padding: 1px 5px 2px 10px;
  margin: 0px;
  font-size: 11px;
  color: #333;
}

.breadLine .buttons li>a span {
  margin-right: 5px;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}

.breadLine .buttons li>a:hover {
  text-decoration: none;
  background: #e6e6e6;
}

.breadLine .buttons li .popup {
  right: 0px;
  top: 35px;
}

.breadLine .buttons li .popup .head .arrow {
  width: 17px;
  height: 12px;
  left: auto;
  right: 10px !important;
  top: -11px;
  background: url("../img/styles/default/arrow-top.png") left top no-repeat transparent;
}

.content {
  /* position: relative;
  margin-left: 220px; */
  /* padding-top: 80px; */
  width: calc(100% - 261px);
  height: calc(100vh - 80px);
}

/* .content .workplace {
  position: relative;
  padding: 20px;
} */


/* ~BOXES~ */

.workplace {
  height: calc(100vh - 95px);
}

.workplace .row-fluid {
  /* height: calc(100vh - 178px); */
  height: calc(100vh - 218px) !important;
}

.content .workplace .head {
  background: url("../img/styles/default/backgrounds/box-head.jpg") left top repeat-x;
  background-clip: padding-box;
  border: 1px solid #335a85;
  -moz-border-top-left-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -o-border-top-left-radius: 3px;
  -o-border-top-right-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -ms-border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.content .workplace .head h1,
.content .workplace .head h2,
.content .workplace .head h3,
.content .workplace .head h4,
.content .workplace .head h5,
.content .workplace .head h6 {
  font-size: 12px;
  color: #fff;
  line-height: 22px;
  padding: 8px 0px;
  margin: 0px;
  font-weight: bold;
  margin-left: 10px;
  display: block;
  float: left;
  -moz-text-shadow: 0 1px 0 #333;
  -webkit-text-shadow: 0 1px 0 #333;
  text-shadow: 0 1px 0 #333;
}

.content .workplace .head .buttons {
  float: right;
  background: none;
  position: relative;
  list-style: none;
  margin: 0px;
}

.content .workplace .head .buttons>li {
  display: block;
  float: left;
}

.content .workplace .head .buttons li:active,
.content .workplace .head .buttons li.active {
  background: url("../img/styles/default/backgrounds/box-head-active.jpg") left center repeat-x;
}

.content .workplace .head .buttons li>a {
  outline: none;
}

.content .workplace .head .buttons [class*="isw-"],
.content .workplace .head .button [class*="isb-"] {
  margin: 0px;
  padding: 11px 10px;
  border-left: 1px solid #335a85;
}

.content .workplace .head .buttons li .dd-list {
  display: none;
  position: absolute;
  z-index: 2;
  right: -1px;
  min-width: 150px;
  list-style: none;
  padding: 0px;
  margin: 0px;
  top: 100%;
  background-color: #395e88;
  border: 1px solid #143d6b;
}

.content .workplace .head .buttons li .dd-list li {
  display: block;
  clear: left;
  border-top: 1px solid #507298;
  border-bottom: 1px solid #143d6b;
}

.content .workplace .head .buttons li .dd-list li:last-child {
  border-bottom: 0px;
}

.content .workplace .head .buttons li .dd-list li a {
  line-height: 38px;
  color: #fff;
  font-size: 11px;
  display: block;
  text-decoration: none;
}

.content .workplace .head .buttons li .dd-list li a:hover {
  background-color: #2c517a;
}

.content .workplace .head .buttons li .dd-list li [class*="isw-"],
.content .workplace .head .button .dd-list li [class*="isb-"] {
  border: 0px;
}

.content .workplace .head .buttons>li.s_loader,
.content .workplace .head .buttons>li.w_loader,
.content .workplace .head .buttons>li.c_loader,
.content .workplace .head .buttons>li.loader {
  border: 0px;
}

.content .workplace .head .buttons>li.s_loader {
  padding: 9px 13px;
}

.content .workplace .head .buttons>li.c_loader {
  padding: 3px 4px 4px 5px;
}

.content .workplace .head .buttons>li.w_loader,
.content .workplace .head .buttons>li.loader {
  padding: 3px 5px;
}

.content .workplace .head .buttons>li.toggle a {
  background: url("../img/styles/default/menu_arrow_up.png") center center no-repeat;
  display: block;
  float: left;
  width: 30px;
  height: 38px;
  border-left: 1px solid #315680;
}

.content .workplace .head .buttons>li.toggle {
  background: none;
}

.content .workplace .head .buttons>li.toggle.active a {
  background: url("../img/styles/default/menu_arrow_down.png") center center no-repeat;
}

.content .workplace .headInfo {
  background-color: #f1f1f1;
  border: 1px solid #d5d5d5;
  padding: 5px;
  position: relative;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

.content .workplace .headInfo .arrow_down {
  width: 17px;
  height: 12px;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: -12px;
  background: url("../img/menu-arrow-down.png") left top no-repeat;
  z-index: 1;
}

.content .workplace .headInfo .image {
  margin: 0px 10px 5px 5px;
  float: left;
}

.content .workplace .headInfo .image a {
  display: block;
  font-weight: bold;
  text-align: center;
}

.content .workplace .headInfo .info {
  float: left;
  font-size: 11px;
  color: #333;
}

.content .workplace .headInfo .info address {
  margin-bottom: 0px;
}

.content .workplace .headInfo .input-append {
  text-align: right;
}

.content .workplace .headInfo .input-append,
.content .workplace .headInfo .input-append button {
  margin-bottom: 0px;
}

.content .workplace .headInfo .actions {
  text-align: right;
  margin: 5px 0px 0px;
}

.content .workplace .headInfo .actions .btn-group .btn {
  margin: 0px;
}

/* .block,
.block-fluid {
  border: 1px solid #ccc;
  border-top: 0px;
  background-color: #ededed;
  margin-bottom: 20px;
  -moz-border-bottom-left-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
} */

.block-fluid.without-head,
.block.without-head {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-top: 1px solid #ccc;
}

.block {
  padding: 10px;
}

/* bootstrap navbar */
.navbar-inner {
  background: url("../img/styles/default/backgrounds/box-head.jpg") left top repeat-x;
  background-clip: padding-box;
  border: 1px solid #335a85;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 38px;
}

.navbar .brand {
  color: #fff !important;
  text-shadow: 0px 1px 0px #333;
  padding: 8px 20px 8px;
}

.navbar .divider-vertical {
  height: 38px;
  border-right: 1px solid #335a85;
  border-left: 1px solid #5b7fa3;
}

.navbar .nav>li>a {
  padding: 10px 20px 8px;
  color: #fff;
  text-shadow: 0px 1px 0px #333;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus,
.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
  background: url("../img/styles/default/backgrounds/box-head-active.jpg") left center repeat-x;
  color: #fff;
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
  color: #f5f5f5;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

/* eof bootstrap navbar */

/* ~Simple table~ */

[class*="block"] .table {
  margin: 0px;
}

[class*="block"] .table tr th {
  padding: 4px 8px;
  font-size: 11px;
  background-color: #f1f1f1;
  color: #666;
}

[class*="block"] .table tr th,
[class*="block"] .table tr td {
  border-right: 1px solid #ddd;
}

[class*="block"] .table tr th:last-child,
[class*="block"] .table tr td:last-child {
  border-right: 0px;
}

[class*="block"] .table tr td {
  background-color: #f9f9f9;
}

[class*="block"] .table tr:nth-child(2n + 1) td {
  background-color: #fff;
}

.table.images td.info>* {
  display: block;
  width: auto;
  clear: both;
}

.table.images td.info>span {
  font-size: 11px;
  color: #999;
}

/* ~Simple table~ */

/* Messaging */

.messaging {
  padding-top: 5px;
}

.messaging .itemIn,
.messaging .itemOut {
  margin: 5px 0px 10px 0px;
  clear: left;
  position: relative;
}

.messaging .itemIn .text,
.messaging .itemOut .text {
  padding: 7px 8px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  margin-right: 70px;
  font-size: 11px;
  color: #333;
  line-height: 17px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.messaging .itemOut .text {
  margin: 0px 0px 0px 70px;
}

.messaging .itemOut .text .info,
.messaging .itemIn .text .info {
  margin-bottom: 5px;
}

.messaging .itemOut .text .info .name,
.messaging .itemIn .text .info .name {
  float: left;
  font-size: 11px;
  color: #005580;
  font-weight: bold;
}

.messaging .itemOut .text .info .name {
  color: #333;
}

.messaging .itemOut .text .info .date,
.messaging .itemIn .text .info .date {
  float: right;
  font-size: 11px;
  color: #999;
}

.messaging .itemIn .image,
.messaging .itemOut .image {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
}

.messaging .itemOut .image {
  right: auto;
  left: 0px;
}

.messaging .controls {
  margin-top: 20px;
  text-align: right;
}

.messaging .controls .control {
  padding: 0;
  marign: 0;
  display: block;
  padding-right: 10px;
}

.messaging .controls .control textarea {
  width: 100%;
  padding: 4px;
  font-size: 11px;
}

/* Messaging */

.row-form {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid white;
  padding: 19px 16px;
  vertical-align: baseline;
}

div[class^="span"] .row-form:first-child {
  border-top: 0px;
}

div[class^="span"] .row-form:last-child {
  border-bottom: 0px;
}

.row-form [class^="span"] {
  line-height: 30px;
}

.row-form input[type="text"],
.row-form input[type="password"],
.row-form textarea {
  width: 100%;
  font-size: 11px;
  color: #454545;
  padding: 0px 7px 0px;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: inline-block;
  background: #fdfdfd;
  height: 26px;
  margin: 0px;
  line-height: 24px;
}

.row-form input[type="text"].input-mini,
.row-form input[type="password"].input-mini {
  width: 50px;
}

.row-form input[type="text"].input-small,
.row-form input[type="password"].input-small {
  width: 90px;
}

.row-form input[type="text"].input-medium,
.row-form input[type="password"].input-medium {
  width: 150px;
}

.row-form input[type="text"].input-large,
.row-form input[type="password"].input-large {
  width: 210px;
}

.row-form input[type="text"].input-xlarge,
.row-form input[type="password"].input-xlarge {
  width: 270px;
}

.row-form input[type="text"].input-xxlarge,
.row-form input[type="password"].input-xxlarge {
  width: 530px;
}

.row-form textarea {
  min-height: 100px;
}

.row-form select {
  margin: 0px;
  font-size: 11px;
  color: #666;
  padding: 7px 5px 6px 5px;
  display: inline-block;
  line-height: 11px;
  border: 1px solid #aaaaaa;
  width: auto;
  max-width: 100%;
  width: 100%;
  background: #fff;
  background: -moz-linear-gradient(center bottom, #eee 0%, white 50%);
  background: -webkit-gradient(linear,
      center bottom,
      center bottom,
      color-stop(0%, #eee),
      color-stop(50%, #fff));
  background: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background: -o-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background: -ms-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background: linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF', GradientType=0);
}

.row-form select optgroup {
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

.row-form select option {
  padding: 3px;
}

.row-form select[multiple] {
  min-height: 100px;
  padding: 0px 0px 0px 5px;
  background: none;
  background-color: #fff;
}

.row-form .select2-container,
.select2-results {
  font-size: 11px;
}

.row-form label.inline {
  font-size: 11px;
}

.radio.inline,
.checkbox.inline {
  padding-top: 0px;
}

.row-form span {
  font-size: 11px;
  color: #666;
}

.row-form input[type="checkbox"],
.row-form input[type="radio"] {
  margin-left: 0px;
}

.formErrorContent {
  line-height: 19px !important;
}

.scrollBox {
  padding-right: 0px;
}

.scroll {
  overflow: hidden;
}

/* ~BOXES~ */

/* ~USERS LIST~ */
.users {
  position: relative;
  padding-left: 0px !important;
}

.users .item {
  clear: both;
  border-bottom: 1px solid #e4e8ed;
  padding: 8px 10px;
  position: relative;
  cursor: pointer;
}

.users .item:hover {
  background-color: #edf1f5;
}

.users .item:last-child {
  border-bottom: 0px;
}

.users .item .image {
  position: absolute;
  left: 10px;
  top: 8px;
}

.users .item .info {
  padding-left: 42px;
  line-height: 32px;
}

.users .item .info a {
  font-size: 11px;
  color: #005580;
  font-weight: bold;
}

.users .item .info span {
  font-size: 11px;
  color: #738392;
  position: absolute;
  top: 8px;
  left: 50%;
}

.users .item .info span.text {
  left: auto;
  right: 10px;
  color: #333;
  font-weight: bold;
}

.users .item .info .controls {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0.5;
}

.users .item .info .controls:hover {
  opacity: 0.8;
}

/* ~USERS LIST~ */

/* ACCORDION */
.ui-accordion .ui-accordion-header {
  background-color: #f2f2f2;
  padding: 8px 10px 8px 30px;
  font-size: 12px;
  color: #005580;
  font-weight: bold;
  border: 0px;
  border-bottom: 1px solid #e4e8ed;
}

.ui-accordion .ui-state-hover {
  background-color: #ededed;
}

.ui-accordion .ui-widget-content:last-child {
  box-shadow: none;
}

.ui-accordion .ui-accordion-header:last-child {
  border-bottom: 0px;
  box-shadow: none;
}

/* DIALOG */

.dialog {
  padding: 10px 0px 10px 10px !important;
}

.dialog .block {
  border: 0px;
  padding: 0px;
  padding-right: 10px;
  background: transparent;
}

.dialog .block input[type="text"],
.dialog .block input[type="password"],
.dialog .block textarea {
  width: 100%;
  font-size: 11px;
  color: #454545;
  padding: 7px 7px 5px;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: inline-block;
  background: #fdfdfd;
  height: 26px;
  margin: 0px;
}

.dialog .block textarea {
  min-height: 100px;
}

/* SLIDER */
.amount {
  line-height: 17px;
  font-size: 11px;
  color: #5a799c;
}

/* SIMPLE LIST */

.sList {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.sList li {
  display: block;
  padding: 8px 10px 6px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e4e8ed;
  border-top: 1px solid #fff;
  cursor: pointer;
}

.sList li:hover {
  background-color: #f9f9f9;
}

.sList .placeholder {
  background-color: #fff8c4;
  height: 20px;
}

/* LIST */
.withList {
  padding-top: 5px;
}

ul.list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: relative;
  float: none;
}

ul.list li {
  padding: 8px 5px 8px 45px;
  color: #333;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}

ul.list.nol li {
  padding: 8px 10px;
}

ul.list li:first-child {
  border-top: 0px;
}

ul.list li:last-child {
  border-bottom: 0px;
}

ul.list li span.date {
  font-size: 11px;
  color: #666;
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 30px;
  line-height: 12px;
  text-align: center;
}

ul.list li span.date b {
  color: #2e801e;
  display: block;
}

/* LIST */
.block .footer,
.block-fluid .footer {
  background-color: #f2f2f2;
  border-top: 1px solid #dae1e8;
  padding: 5px 5px 4px;
  text-align: right;
  margin-top: 5px;
}

/* SORTABLE TABLES*/
.dataTable {
  float: left;
}

/* .table-sorting {
  padding: 0px;
  position: relative;
  font-size: 12px;
  background-color: #fff;
} */

/* .table-sorting .dataTables_wrapper {
  float: left;
  width: 100%;
}
.table-sorting .dataTables_length {
  font-size: 11px;
  color: #333;
  line-height: 16px;
  width: 150px;
  float: left;
  padding: 5px;
}
.table-sorting .dataTables_length label,
.table-sorting .dataTables_filter label {
  font-size: 11px;
  color: #333;
  padding: 0px;
  line-height: 16px;
  height: auto;
  margin: 0px;
}
.table-sorting .dataTables_length label select {
  padding: 3px 2px 3px 5px;
  font-size: 11px;
  color: #333;
  width: auto;
  line-height: 16px;
  margin: 0px;
} */

.table-sorting {
  border: unset;
  padding: unset !important;
}

.table-sorting .dataTables_filter {
  font-size: 11px;
  color: #333;
  line-height: 16px;
  width: 150px;
  float: right;
  padding: 5px;
}

.table-sorting .dataTables_filter label input[type="text"] {
  font-size: 11px;
  padding: 3px 2px 3px 5px;
  color: #333;
  line-height: 14px;
  margin: 0px;
  width: 100px;
  height: 15px;
}

.table-sorting .table,
.user {
  /* border: 0.4px solid #b7bec6; */
  border: unset;
}

/* .user-lists + .table-view table */

.table-sorting .table td.dataTables_empty {
  font-size: 11px;
  text-align: center;
  color: #333;
}

.table-sorting .dataTables_info {
  float: left;
  font-size: 11px;
  color: #333;
  padding: 8px 10px;
  line-height: 16px;
}

.table-sorting .dataTables_paginate {
  padding: 5px 5px;
  text-align: right;
  float: right;
}

.table-sorting .dataTables_paginate a.paginate_disabled_previous,
.table-sorting .dataTables_paginate a.paginate_disabled_next,
.table-sorting .dataTables_paginate a.paginate_button,
.table-sorting .paginate_enabled_next,
.table-sorting .paginate_active,
.table-sorting .paginate_enabled_previous {
  padding: 3px 5px;
  margin-left: 3px;
  font-size: 11px;
  color: #333;
  border: 1px solid #ddd;
  background: #f1f1f1;
  background: -moz-linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #f9f9f9),
      color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%);
  background: -o-linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%);
  background: -ms-linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%);
  background: linear-gradient(top, #f9f9f9 0%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F1F1F1', GradientType=0);
  text-decoration: none;
  cursor: pointer;
}

.table-sorting .paginate_active {
  color: #fff !important;
  border: 1px solid #777;
  background: #858585;
  background: -moz-linear-gradient(top, #999999 0%, #888888 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #999999),
      color-stop(100%, #888888));
  background: -webkit-linear-gradient(top, #999999 0%, #888888 100%);
  background: -o-linear-gradient(top, #999999 0%, #888888 100%);
  background: -ms-linear-gradient(top, #999999 0%, #888888 100%);
  background: linear-gradient(top, #999999 0%, #888888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff999999', endColorstr='#ff888888', GradientType=0);
}

.table-sorting .dataTables_paginate .paginate_enabled_next:hover,
.table-sorting .dataTables_paginate a.paginate_button:hover,
.table-sorting .dataTables_paginate .paginate_enabled_previous:hover {
  box-shadow: inset 0 1px 3px #ccc, 0 1px 0 white;
  color: #666;
}

.table-sorting .dataTables_paginate a.paginate_disabled_previous,
.table-sorting .dataTables_paginate a.paginate_button_disabled,
.table-sorting .dataTables_paginate a.paginate_disabled_next {
  cursor: default;
  color: #ccc;
}

.table-sorting .dataTables_paginate a.paginate_button_disabled:hover {
  box-shadow: none;
  color: #ccc;
}

.table-sorting .sorting_asc {
  background: url("../img/datatable/sort_asc.png") no-repeat center right;
  cursor: pointer;
}

.table-sorting .sorting_desc {
  background: url("../img/datatable/sort_desc.png") no-repeat center right;
  cursor: pointer;
}

.table-sorting .sorting {
  background: url("../img/datatable/sort_both.png") no-repeat center right;
  cursor: pointer;
}

.table-sorting .sorting_asc_disabled {
  background: url("../img/datatable/sort_asc_disabled.png") no-repeat center right;
}

.table-sorting .sorting_desc_disabled {
  background: url("../img/datatable/sort_desc_disabled.png") no-repeat center right;
}

/* ~GALLERY~ */

.block.gallery a,
.block-fluid.gallery a {
  display: inline-block;
}

.block.thumbs .thumbnail,
.block-fluid.thumbs .thumbnail {
  width: 210px;
  display: block;
  float: left;
}

.block.thumbs .thumbnail h3,
.block-fluid.thumbs .thumbnail h3 {
  line-height: 30px;
}

.block.thumbs .thumbnail>a,
.block-fluid.thumbs .thumbnail>a {
  width: 210px;
  display: block;
  text-align: center;
}

/* ~GALLERY~ */

/* ~WIDGETS~ */

.sOrders {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  position: relative;
  background-color: #f9f9f9;
}

.sOrders tr {
  border-bottom: 1px solid #e4e8ed;
  border-top: 1px solid #fff;
}

.sOrders tbody tr:nth-child(2n + 1) {
  background-color: #fff;
}

.sOrders tbody tr:last-child {
  border-bottom: 0px;
}

.sOrders tfoot tr {
  border-top: 1px solid #e4e8ed;
}

.sOrders th {
  padding: 5px;
  font-size: 11px;
  color: #666;
  border-right: 1px solid #e4e8ed;
  text-align: left;
  background-color: #f1f1f1;
}

.sOrders td {
  padding: 5px;
  border-right: 1px solid #e4e8ed;
}

.sOrders td a {
  color: #005580;
}

.sOrders td span {
  display: block;
}

.sOrders td span.date {
  color: #2e801e;
  font-weight: bold;
  text-align: center;
}

.sOrders td span.time {
  color: #999;
  text-align: center;
  font-size: 11px;
}

.sOrders td span.price {
  color: #772e2c;
  font-weight: bold;
}

.sOrders th:last-child,
.sOrders td:last-child {
  border-right: 0px;
}

/* ~WIDGETS~ */

/* ~WIDGET BUTTONS ~*/

.widgetButtons {
  border: 0px;
  text-align: center;
  padding: 5px 0px;
}

.widgetButtons .bb {
  border: 1px solid #d5d5d5;
  padding: 5px;
  margin-top: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left: 5px;
  position: relative;
  -moz-box-shadow: inset 0 0 5px #d5d5d5;
  -webkit-box-shadow: inset 0 0 5px #d5d5d5;
  box-shadow: inset 0 0 5px #d5d5d5;
  background-color: #fff;
  display: inline-block;
}

.widgetButtons .bb:first-child {
  margin: 0px;
}

.widgetButtons .bb a span[class^="ibb"] {
  opacity: 0.8;
}

.widgetButtons .bb>a {
  display: block;
  float: left;
  padding: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.widgetButtons .bb a {
  color: #fff;
  border: 1px solid #416c9b;
  background: #416c9b;
  background: -moz-linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #5b7ea4),
      color-stop(100%, #416c9b));
  background: -webkit-linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  background: -o-linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  background: -ms-linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  background: linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B7EA4', endColorstr='#416C9B', GradientType=0);
  -moz-box-shadow: 0 1px 1px #222, 0px 1px 0 #7797ba inset;
  -webkit-box-shadow: 0 1px 1px #222, 0px 1px 0 #7797ba inset;
  box-shadow: 0 1px 1px #222, 0px 1px 0 #7797ba inset;
}

.widgetButtons .gray a,
.wBlock.gray,
.infoBlock.gray {
  color: #333 !important;
  border: 1px solid #d9d9d9 !important;
  background: #e5e5e5 !important;
  background: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%) !important;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #f9f9f9),
      color-stop(100%, #e5e5e5)) !important;
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%) !important;
  background: -o-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%) !important;
  background: -ms-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%) !important;
  background: linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#E5E5E5', GradientType=0) !important;
  -moz-box-shadow: 0 1px 1px #b5b5b5, 0px 1px 0 #fff inset !important;
  -webkit-box-shadow: 0 1px 1px #b5b5b5, 0px 1px 0 #fff inset !important;
  box-shadow: 0 1px 1px #b5b5b5, 0px 1px 0 #fff inset !important;
}

.widgetButtons .yellow a,
.wBlock.yellow,
.infoBlock.yellow {
  border: 1px solid #d6ab00 !important;
  background: #ecb200 !important;
  background: -moz-linear-gradient(top, #f7ce00 0%, #ecb200 100%) !important;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #f7ce00),
      color-stop(100%, #ecb200)) !important;
  background: -webkit-linear-gradient(top, #f7ce00 0%, #ecb200 100%) !important;
  background: -o-linear-gradient(top, #f7ce00 0%, #ecb200 100%) !important;
  background: -ms-linear-gradient(top, #f7ce00 0%, #ecb200 100%) !important;
  background: linear-gradient(top, #f7ce00 0%, #e5e5e5 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7CE00', endColorstr='#ECB200', GradientType=0) !important;
  -moz-box-shadow: 0 1px 1px #d39e00, 0px 1px 0 #ffeb89 inset !important;
  -webkit-box-shadow: 0 1px 1px #d39e00, 0px 1px 0 #ffeb89 inset !important;
  box-shadow: 0 1px 1px #d39e00, 0px 1px 0 #ffeb89 inset !important;
}

.widgetButtons .red a,
.wBlock.red,
.infoBlock.red {
  border: 1px solid #af2d1c !important;
  background: #cb2c1a !important;
  background: -moz-linear-gradient(top, #d96d3a 0%, #cb2c1a 100%) !important;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #d96d3a),
      color-stop(100%, #cb2c1a)) !important;
  background: -webkit-linear-gradient(top, #d96d3a 0%, #cb2c1a 100%) !important;
  background: -o-linear-gradient(top, #d96d3a 0%, #cb2c1a 100%) !important;
  background: -ms-linear-gradient(top, #d96d3a 0%, #cb2c1a 100%) !important;
  background: linear-gradient(top, #d96d3a 0%, #cb2c1a 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D96D3A', endColorstr='#CB2C1A', GradientType=0) !important;
  -moz-box-shadow: 0 1px 1px #af2d1c, 0px 1px 0 #fc9e76 inset !important;
  -webkit-box-shadow: 0 1px 1px #af2d1c, 0px 1px 0 #fc9e76 inset !important;
  box-shadow: 0 1px 1px #af2d1c, 0px 1px 0 #fc9e76 inset !important;
}

.widgetButtons .green a,
.wBlock.green,
.infoBlock.green {
  border: 1px solid #677c13 !important;
  background: #829e18 !important;
  background: -moz-linear-gradient(top, #adc800 0%, #829e18 100%) !important;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #adc800),
      color-stop(100%, #829e18)) !important;
  background: -webkit-linear-gradient(top, #adc800 0%, #829e18 100%) !important;
  background: -o-linear-gradient(top, #adc800 0%, #829e18 100%) !important;
  background: -ms-linear-gradient(top, #adc800 0%, #829e18 100%) !important;
  background: linear-gradient(top, #adc800 0%, #829e18 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADC800', endColorstr='#829E18', GradientType=0) !important;
  -moz-box-shadow: 0 1px 1px #677c13, 0px 1px 0 #def92f inset !important;
  -webkit-box-shadow: 0 1px 1px #677c13, 0px 1px 0 #def92f inset !important;
  box-shadow: 0 1px 1px #677c13, 0px 1px 0 #def92f inset !important;
}

.widgetButtons .blue a,
.wBlock.blue,
.infoBlock.blue {
  border: 1px solid #7e8fc4 !important;
  background: #73a4d9 !important;
  background: -moz-linear-gradient(top, #90c2ee 0%, #73a4d9 100%) !important;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #90c2ee),
      color-stop(100%, #73a4d9)) !important;
  background: -webkit-linear-gradient(top, #90c2ee 0%, #73a4d9 100%) !important;
  background: -o-linear-gradient(top, #90c2ee 0%, #73a4d9 100%) !important;
  background: -ms-linear-gradient(top, #90c2ee 0%, #73a4d9 100%) !important;
  background: linear-gradient(top, #90c2ee 0%, #73a4d9 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90C2EE', endColorstr='#73A4D9', GradientType=0) !important;
  -moz-box-shadow: 0 1px 1px #7e8fc4, 0px 1px 0 #b2dbff inset !important;
  -webkit-box-shadow: 0 1px 1px #7e8fc4, 0px 1px 0 #b2dbff inset !important;
  box-shadow: 0 1px 1px #7e8fc4, 0px 1px 0 #b2dbff inset !important;
}

.widgetButtons .bb a:active {
  -moz-box-shadow: 0px 0px 1px #444 inset !important;
  -webkit-box-shadow: 0px 0px 1px #444 inset !important;
  box-shadow: 0px 0px 1px #444 inset !important;
}

.widgetButtons .bb .caption {
  position: absolute;
  right: -5px;
  top: -5px;
  font-size: 11px;
  display: block;
  padding: 2px 2px;
  line-height: 13px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #416c9b;
  color: #fff;
  border: 1px solid #416c9b;
}

.widgetButtons .bb .caption.gray {
  color: #333;
  border: 1px solid #d9d9d9;
  background: #e5e5e5;
}

.widgetButtons .bb .caption.yellow {
  border: 1px solid #d6ab00;
  background: #ecb200;
}

.widgetButtons .bb .caption.red {
  border: 1px solid #af2d1c;
  background: #cb2c1a;
}

.widgetButtons .bb .caption.green {
  border: 1px solid #677c13;
  background: #829e18;
}

.widgetButtons .bb .caption.blue {
  border: 1px solid #7e8fc4;
  background: #73a4d9;
}

/* ~WIDGET BUTTONS ~*/

/* ~Table users list~ */

.listUsers {
  position: relative;
}

.listUsers .actions {
  margin: 5px 0px 0px 0px;
  text-align: center;
}

.listUsers .user {
  font-weight: bold;
}

.listUsers .about {
  margin: 0px;
}

.listUsers .info {
  margin: 0px;
  font-weight: bold;
}

.listUsers .info .green {
  color: #2e801e;
}

.listUsers .info .grey {
  color: #666;
}

.listUsers .info .red {
  color: #772e2c;
}

/* ~Table users list~ */

/* block widget */
.wBlock,
.infoBlock {
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 0px 5px 5px;
  color: #fff;
  background: #416c9b;
  background: -moz-linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #5b7ea4),
      color-stop(100%, #416c9b));
  background: -webkit-linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  background: -o-linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  background: -ms-linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  background: linear-gradient(top, #5b7ea4 0%, #416c9b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B7EA4', endColorstr='#416C9B', GradientType=0);
  -moz-box-shadow: 0 1px 1px #222, 0px 1px 0 #7797ba inset;
  -webkit-box-shadow: 0 1px 1px #222, 0px 1px 0 #7797ba inset;
  box-shadow: 0 1px 1px #222, 0px 1px 0 #7797ba inset;
}

.wBlock .wSpace {
  background-color: #fff;
  padding: 0px 5px;
  margin: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 2px #999 inset;
  -webkit-box-shadow: 0px 0px 2px #999 inset;
  box-shadow: 0px 0px 2px #999 inset;
}

.wBlock .dSpace {
  margin: 5px 0px 0px;
  background-color: #365b85;
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  -moz-box-shadow: 0px 0px 2px #222 inset;
  -webkit-box-shadow: 0px 0px 2px #222 inset;
  box-shadow: 0px 0px 2px #222 inset;
  width: 45%;
  min-width: 82px;
  min-height: 72px;
}

.wBlock .rSpace {
  width: 45%;
  float: right;
  margin: 5px 0px 0px;
}

.menu .wBlock {
  margin-bottom: 0px;
}

.wBlock.auto {
  width: auto;
  margin-right: 20px;
  float: left;
}

.wBlock.auto .dSpace,
.wBlock.auto .rSpace {
  width: auto;
}

.wBlock .dSpace h3,
.wBlock .rSpace h3 {
  margin: 2px 0px;
  padding: 0px;
  font-size: 12px;
  text-align: center;
  color: #c7e3fc;
  font-weight: normal;
  line-height: 14px;
  -moz-text-shadow: 0 1px 0 #333;
  -webkit-text-shadow: 0 1px 0 #333;
  text-shadow: 0 1px 0 #333;
}

.wBlock .dSpace span,
.wBlock .rSpace span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  -moz-text-shadow: 0 1px 1px #333;
  -webkit-text-shadow: 0 1px 1px #333;
  text-shadow: 0 1px 1px #333;
}

.wBlock .dSpace span.number {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  line-height: 32px;
}

.wBlock .dSpace span b,
.wBlock .rSpace span b {
  font-weight: normal;
  color: #c7e3fc;
}

.wBlock .rSpace h3 {
  text-align: left;
}

.wBlock .rSpace span {
  text-align: left;
  margin-top: 2px;
}

.wBlock.gray .dSpace {
  background-color: #555;
}

.wBlock.gray .dSpace h3 {
  color: #f5f5f5;
}

.wBlock.gray .rSpace span,
.wBlock.gray .rSpace span b {
  color: #000;
  -moz-text-shadow: 0 1px 1px #fff;
  -webkit-text-shadow: 0 1px 1px #fff;
  text-shadow: 0 1px 1px #fff;
}

.wBlock.gray .rSpace span b {
  color: #555;
}

.wBlock.green .dSpace {
  background-color: #677c12;
}

.wBlock.yellow .dSpace {
  background-color: #9b7503;
}

.wBlock.red .dSpace {
  background-color: #7f1c0f;
}

.wBlock.blue .dSpace {
  background-color: #4a82ba;
}

.wBlock.green .dSpace h3,
.wBlock.green .rSpace span b {
  color: #fff;
}

.wBlock.yellow .dSpace h3,
.wBlock.yellow .rSpace span b {
  color: #fffcd6;
}

.wBlock.red .dSpace h3,
.wBlock.red .rSpace span b {
  color: #ffe3e2;
}

.wBlock.blue .dSpace h3,
.wBlock.blue .rSpace span b {
  color: #fff;
}

.wBlock.yellow .rSpace span,
.wBlock.green .rSpace span,
.wBlock.red .rSpace span,
.wBlock.blue .rSpace span {
  color: #fff;
}

/* block widget */

/* ~icons box~ */
.the-icons {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.the-icons li {
  width: 25%;
  float: left;
  padding: 5px 0px;
}

/* ~icons box~ */

/* ~Uploader~ */
.plupload_header {
  display: none;
}

.plupload_container {
  padding: 0px;
}

.plupload_scroll .plupload_filelist {
  background-color: #f9f9f9;
}

.plupload_filelist_header,
.plupload_filelist_footer {
  background-color: #f1f1f1;
}

/* ~Uploader~ */

/* ~User profile~ */
.ucard {
  border-top: 1px solid #ccc;
  position: relative;
  background: transparent;
  border: 0px;
}

.ucard .right {
  float: right;
  text-align: right;
}

.ucard .right h4 {
  margin-top: 0px;
  font-size: 14px;
  color: #365b85;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}

.ucard .right .image {
  margin-bottom: 10px;
}

.ucard .right .control {
  text-align: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.ucard .right .control li a {
  color: #333;
  font-size: 11px;
}

ul.rows {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

ul.rows li {
  padding: 8px 0px;
  position: relative;
  border: 1px solid #d9d9d9;
  border-top-color: #fff;
  background-color: #f9f9f9;
}

ul.rows li:first-child {
  border-top: 0px;
}

ul.rows li:nth-child(2n) {
  background-color: #f2f2f2;
}

ul.rows li.heading {
  background: url("../img/styles/default/backgrounds/menu-item.jpg") repeat-x scroll left top transparent;
  color: #fff;
  padding-left: 10px;
  -moz-text-shadow: 0 1px 0 #333;
  -webkit-text-shadow: 0 1px 0 #333;
  text-shadow: 0 1px 0 #333;
}

ul.rows li .title {
  width: 120px;
  position: absolute;
  left: 10px;
  top: 8px;
  color: #999;
}

ul.rows li .text {
  margin-left: 120px;
}

ul.rows li span[class^="icon"] {
  margin-top: -1px;
}

/* ~User profile~ */

/* ~Stream~ */
.stream {
  position: relative;
}

.stream .item {
  border-bottom: 1px solid #e4e8ed;
  border-top: 1px solid #fff;
  position: relative;
}

.stream .item .image {
  position: absolute;
  width: 60px;
  padding: 5px 0px 5px 0px;
  left: 0px;
  top: 0px;
}

.stream .item .info {
  margin: 5px 5px 5px 70px;
  font-size: 11px;
}

.stream .item .info .name {
  font-size: 12px;
  font-weight: bold;
}

.stream .item .info .title {
  color: #555;
  margin-bottom: 5px;
}

.stream .item .info .title span {
  margin: 0px !important;
}

.stream .item .info .actions {
  text-align: right;
  margin: 5px 0px 0px;
}

.stream .item .info .actions a {
  color: #333;
  margin-left: 5px;
  opacity: 0.8;
}

.stream .item .info .actions a:hover {
  opacity: 1;
}

.stream .item .info .actions a span {
  margin: 0px !important;
}

.text.gallery a {
  margin: 3px 3px 3px 0px;
}

.text.friends a {
  font-size: 12px;
  font-weight: bold;
  margin: 0px 5px 3px 0px;
}

.stream .answer {
  position: relative;
  padding-bottom: 5px;
}

.stream .answer .arrow {
  background: url("../img/textarea_top_arrow.png") left top no-repeat transparent;
  position: absolute;
  left: 50%;
  top: -9px;
  width: 17px;
  height: 12px;
}

.stream .answer .textarea {
  padding-right: 16px;
}

.stream .answer .textarea textarea {
  font-size: 11px;
  width: 100%;
}

.stream .answer .actions {
  text-align: right;
}

.stream .item:first-child {
  border-top: 0px;
}

.stream .item:last-child {
  border-bottom: 0px;
}

.stream .item .messages {
  padding-left: 20px;
  border-top: 1px solid #eee;
  padding-bottom: 10px;
}

.stream .item .messages .item .info {
  margin-left: 55px;
  line-height: 16px;
  margin-top: 0px;
}

.stream .item .messages .item .info p {
  margin-bottom: 3px;
}

/* ~Stream~ */

/* ~Bootstrap modal~ */
.modal {
  background-color: rgba(20, 45, 79, 0.39);
}

.modal div[class^="block"] {
  background: transparent;
  border: 0px;
}

.modal div[class^="row"] {
  margin: 0px;
}

.modal .dr {
  margin: 5px 0px;
}

.modal .row-form {
  padding: 10px 15px;
}

/* ~Bootstrap modal~ */

/* simple navigation */
.sNavigation {
  position: relative;
  border: 1px solid #d5d5d5;
  margin-bottom: 20px;
}

.sNavigation ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.sNavigation ul li {
  background: #f2f2f2;
  border-top: 1px solid #fcfcfc;
  border-bottom: 1px solid #e4e8ed;
  position: relative;
}

.sNavigation ul li a {
  display: block;
  padding: 8px 10px;
  font-size: 11px;
  color: #333;
  outline: none;
}

.sNavigation ul li span.arrow {
  display: none;
  width: 12px;
  height: 17px;
  background: url("../img/menu-arrow-right.png") left top no-repeat;
  position: absolute;
  right: -12px;
  top: 10px;
}

.sNavigation ul li a span {
  margin: -1px 0px 0px;
}

.sNavigation ul li:hover a,
.sNavigation ul li.active a {
  background: #ededed;
  text-decoration: none;
}

.sNavigation ul li.active span.arrow {
  display: block;
}

.sNavigation ul li:first-child {
  border-top: 0px;
}

.sNavigation ul li:last-child {
  border-bottom: 0px;
}

/* simple navigation */

/* Toolbar */
.toolbar {
  padding: 3px 5px 0px;
  position: relative;
  border-bottom: 1px solid #d5d5d5;
}

.toolbar .left {
  float: left;
  display: block;
}

.toolbar .right {
  float: right;
  display: block;
}

.toolbar .pagination {
  margin: 2px 0px 0px;
  line-height: 16px;
}

.nm {
  margin: 0px !important;
}

.toolbar .note {
  margin-top: 3px;
  font-style: italic;
}

.bottom-toolbar {
  border-top: 1px solid #d5d5d5;
  border-bottom: 0px;
}

.nopadding-toolbar {
  padding: 0px;
}

.toolbar h4 {
  background-color: #f1f1f1;
  font-size: 12px;
  margin: 0px;
  padding: 8px 10px;
}

.toolbar.clear {
  border: 0px;
}

/* Toolbar */

/* ~Mails~ */

.table .heading {
  background-color: #ededed !important;
  text-align: center;
  font-weight: bold;
  color: #333;
}

.table span[class^="icon"] {
  margin-top: -1px;
}

.table .mails_container {
  display: none;
}

.table a {
  outline: none;
}

/* ~Mails~ */

/* ~user short info~ */
.ushort {
  text-align: right;
  position: relative;
}

.ushort>* {
  display: block;
  float: right;
  width: 100%;
  margin-bottom: 5px;
}

.ushort a {
  font-size: 14px;
  font-weight: bold;
}

/* ~user short info~ */

/* ~uploads~ */
.block.uploads,
.block-fluid.uploads {
  position: relative;
}

.uploads .item {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
  border-top: 1px solid #fff;
}

.uploads .item:first-child {
  border-top: 0px;
}

.uploads .item:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.uploads .item span[class^="icon"] {
  margin-top: -1px;
}

.uploads .item p {
  margin-bottom: 0px;
}

.uploads .item .controls {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0.8;
}

.uploads .item .controls:hover {
  opacity: 1;
}

/* ~uploads~ */

/* ~Error pages~ */

.errorPage {
  position: absolute;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  text-align: center;
  top: 25%;
}

.errorPage .name {
  font-size: 220px;
  color: #ffffff;
  line-height: 190px;
  text-shadow: 0px 0px 0 rgb(232, 232, 232), 1px 1px 0 rgb(217, 217, 217),
    2px 2px 0 rgb(203, 203, 203), 3px 3px 0 rgb(188, 188, 188),
    4px 4px 0 rgb(173, 173, 173), 5px 5px 0 rgb(158, 158, 158),
    6px 6px 0 rgb(143, 143, 143), 7px 7px 6px rgba(0, 0, 0, 0.2),
    7px 7px 1px rgba(0, 0, 0, 0.5), 0px 0px 6px rgba(0, 0, 0, 0.2);
}

.errorPage .description {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  font-weight: bold;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}

/* ~Error pages~ */

/* Box settings */

.settings a.bgExample,
.settings a.styleExample {
  display: inline-block;
  background: url("../img/backgrounds/body.jpg") left top repeat;
  border: 1px solid #d5d5d5;
  margin-right: 5px;
  cursor: pointer;
}

.settings a.bgExample.bgCube {
  background-image: url("../img/backgrounds/body_cube.jpg");
}

.settings a.bgExample.bghLine {
  background-image: url("../img/backgrounds/body_hLine.jpg");
}

.settings a.bgExample.bgvLine {
  background-image: url("../img/backgrounds/body_vLine.jpg");
}

.settings a.bgExample.bgDots {
  background-image: url("../img/backgrounds/body_dots.jpg");
}

.settings a.bgExample.bgCrosshatch {
  background-image: url("../img/backgrounds/body_crosshatch.jpg");
}

.settings a.bgExample.bgbCrosshatch {
  background-image: url("../img/backgrounds/body_bcrosshatch.jpg");
}

.settings a.bgExample.bgGrid {
  background-image: url("../img/backgrounds/body_grid.jpg");
}

.settings a.bgExample:hover,
.settings a.bgExample.active,
.settings a.styleExample:hover,
.settings a.styleExample.active {
  text-decoration: none;
  border-color: #999;
}

.settings a.styleExample {
  background-image: url("../img/styles/default/backgrounds/box-head.jpg");
  background-position: center center;
}

.settings a.styleExample.dark {
  background-image: url("../img/styles/dark/backgrounds/box-head.jpg");
  background-position: center center;
}

.settings a.styleExample.lime {
  background-image: url("../img/styles/lime/backgrounds/box-head.jpg");
  background-position: center center;
}

.settings a.styleExample.green {
  background-image: url("../img/styles/green/backgrounds/box-head.jpg");
  background-position: center center;
}

.settings a.styleExample.purple {
  background-image: url("../img/styles/purple/backgrounds/box-head.jpg");
  background-position: center center;
}

.settings a.styleExample.red {
  background-image: url("../img/styles/red/backgrounds/box-head.jpg");
  background-position: center center;
}

.settings a.styleExample.silver {
  background-image: url("../img/styles/silver/backgrounds/box-head.jpg");
  background-position: center center;
}

.settings a.styleExample.marble {
  background-image: url("../img/styles/marble/backgrounds/box-head.jpg");
  background-position: center center;
}

/* Box settings */

/* Faq */

.faq {
  position: relative;
  padding: 10px;
}

.faq .item {
  border-bottom: 1px dashed #d5d5d5;
  border-top: 1px dashed #fff;
  padding: 5px 0px;
}

.faq .item:first-child {
  border-top: 0px;
}

.faq .item:last-child {
  border-bottom: 0px;
}

.faq .item .title {
  font-size: 14px;
  font-weight: bold;
  color: #86a018;
  display: block;
  cursor: pointer;
  text-shadow: 1px 1px 0px #fff;
}

.faq .item .text {
  font-size: 12px;
  color: #333;
  padding-left: 10px;
  display: none;
}

.faq .item .text p {
  margin: 5px 0px;
}

/* Faq */

/* Page header */
/* .page-header {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 0px;
  margin-bottom: 20px;
} */

.page-header h1 {
  /* color: #30557f;
  font-family: Cambria, Georgia, serif;
  text-shadow: 1px 1px 0px #fff;
  font-style: italic;
  margin: 0px;
  line-height: 40px;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 10px; */
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
  /* margin-bottom: 16px; */
  margin-bottom: unset;
  color: #0e2741;
}

.hero-unit h1 {
  color: #30557f;
  font-size: 50px;
}

/* Page header */

/* user profile */
.profile {
  width: 100%;
  position: relative;
  background: #fff;
  border: 1px solid #d5d5d5;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.profile .image {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  border: 5px solid #fff;
}

.profile .user {
  position: relative;
  padding: 0px 5px 5px;
}

.profile .user .avatar {
  position: absolute;
  left: 20px;
  top: -85px;
  z-index: 2;
}

.profile .user h2 {
  font-size: 16px;
  line-height: 20px;
  display: block;
  float: left;
  margin: 4px 0px 0px 135px;
}

.profile .user .actions {
  float: right;
}

.profile .user .actions .btn {
  margin-bottom: 0px;
}

.profile .info {
  float: left;
  margin-left: 20px;
}

.profile .info p {
  margin: 3px 0px 0px;
  font-size: 11px;
  line-height: 16px;
}

.profile .info p span {
  margin-top: 0px;
}

.profile .info p span.title {
  color: #999;
}

/* user profile */

/* Tagsinput */
div.tagsinput {
  padding: 0px;
}

div.tagsinput span.tag {
  margin: 3px;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 14px;
  border: 1px solid #577aa0;
  background: #577aa0;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

div.tagsinput span {
  color: #fff;
}

div.tagsinput span.tag a {
  color: #fff;
}

div.tagsinput span.tag a:hover {
  color: #333;
}

div.tagsinput div {
  line-height: 28px;
}

div.tagsinput div input {
  line-height: 20px;
  font-size: 11px;
  margin: -2px 0px 0px;
  padding: 0px;
}

/* eof Tagsinput */

/* infoBlock */
.infoBlock {
  padding: 0px;
}

.infoBlock .iB_content {
  padding: 15px 10px;
  overflow-x: auto;
}

.infoBlock .iB_toolbar {
  background: #fff;
  color: #333;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}

.infoBlock .iB_toolbar .iB_info {
  padding: 8px 0px 5px;
}

.infoBlock .iB_toolbar .iB_info span {
  display: block;
  color: #666;
  text-align: center;
  font-size: 11px;
}

.infoBlock .iB_toolbar .iB_info span.val {
  font-size: 22px;
  font-weight: bold;
  color: #333;
}

/* eof infoBlock */

/* List custom */
.list_custom {
  margin: 0px;
  padding: 0px;
}

.list_custom .item {
  position: relative;
  padding: 0px 10px 5px;
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
}

.list_custom .item:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}

.list_custom .item:first-child {
  margin-top: 5px;
}

.list_custom .item .img {
  float: left;
  margin-right: 10px;
}

.list_custom .item .info {
  line-height: 14px;
}

.list_custom .item .info.check_left {
  margin-left: 30px;
}

.list_custom .item .info p {
  margin: 2px 0px 3px;
}

.list_custom .item .info .name {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

.list_custom .item .check {
  margin-left: 8px;
  margin-top: 3px;
}

.list_custom .item .status {
  position: absolute;
  right: 5px;
  top: 15px;
  width: 8px;
  height: 8px;
  background: url("../img/status.html") left top repeat;
}

.list_custom .item .status.away {
  background-position: 0px 16px;
}

.list_custom .item .status.offline {
  background-position: 0px 8px;
}

/* EOF list custom */

/* Scroll Up plugin*/
#scrollUp {
  bottom: 20px;
  right: 20px;
  background: #333;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 10px 15px 5px;
  font-family: Tahoma;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background 200ms linear;
  -moz-transition: background 200ms linear;
  transition: background 200ms linear;
  -webkit-backface-visibility: hidden;
}

#scrollUp:hover {
  background: #000;
}

/* EOF Scroll Up plugin */

.overflowHidden {
  overflow: hidden !important;
}

.workplace .page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 25px;
  width: 100%;
}

.workplace .page-header .btn {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #ffffff;
  border-radius: 16px;
  border: unset;
  padding: 16px 27.5px;
}

.workplace .page-header .btn.btn-primary {
  background-color: #744ecc;
}

.workplace .row-fluid .search_option_table {
  border: unset;
}

.workplace .row-fluid .search_option_table td {
  border: unset;
}

.search-option-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.form-managerFilter-scroll {
  overflow-x: auto;
  scrollbar-width: thin;
}

.search-option-wrapper .input-wrapper .input,
.form-managerFilter .input.text {
  padding: unset;
  position: relative;
}

.search-option-wrapper .input-wrapper .input input,
.form-managerFilter .input.text input {
  padding: 10.5px 16px;
  padding-left: 48px;
  border: 1px solid #e7e9ec;
  color: #142d4f;
  min-width: 391px;
  width: 100%;
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.search-option-wrapper .input-wrapper .input input:focus,
.form-managerFilterr .input.text input:focus {
  outline: none;
}

.search-option-wrapper .input-wrapper .input input::placeholder,
.form-managerFilter .input.text input::placeholder {
  color: #142d4f;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.search-option-wrapper .input-wrapper .input::before,
.form-managerFilter .input.text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDEwQzQgNi42ODYyOSA2LjY4NjI5IDQgMTAgNEMxMy4zMTM3IDQgMTYgNi42ODYyOSAxNiAxMEMxNiAxMy4zMTM3IDEzLjMxMzcgMTYgMTAgMTZDNi42ODYyOSAxNiA0IDEzLjMxMzcgNCAxMFpNMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThDMTEuODQ4NyAxOCAxMy41NTEgMTcuMzcyOSAxNC45MDU2IDE2LjMxOTlMMjAuMjkyOSAyMS43MDcxQzIwLjY4MzQgMjIuMDk3NiAyMS4zMTY2IDIyLjA5NzYgMjEuNzA3MSAyMS43MDcxQzIyLjA5NzYgMjEuMzE2NiAyMi4wOTc2IDIwLjY4MzQgMjEuNzA3MSAyMC4yOTI5TDE2LjMxOTkgMTQuOTA1NkMxNy4zNzI5IDEzLjU1MSAxOCAxMS44NDg3IDE4IDEwQzE4IDUuNTgxNzIgMTQuNDE4MyAyIDEwIDJaIiBmaWxsPSIjMTQyRDRGIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
}

.search-filter-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 25px;
  gap: 20px;
}

.search-filter-wrapper .form-builderSearcForm {
  width: 100%;
}

.search-filter-wrapper .table-responsive {
  overflow-x: unset;
}

.filter-wrapper {
  border: 0.6px solid #b7bec6;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #f8f8f8;
  display: inline-table;
}

tr.filter-wrapper {
  border: unset;
}

.filter-wrapper .form-control {
  background-color: unset !important;
}

.filter-wrapper .filter-by {
  padding: 13px;
}

.filter-wrapper td,
.form-managerFilter>* {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #0e2741;
  position: relative;
}

.filter-wrapper td:not(:last-child) {
  border-right: 0.3px solid #b7bec6;
}

.filter-wrapper td .dropdown-wrapper {
  position: relative;
}

.filter-wrapper .reset-filter,
.form-managerFilter .reset-filter {
  color: #744ecc;
}

.filter-inner-wrap {
  display: flex;
  justify-content: flex-start;
}

.filter-wrapper .filter-by,
.form-managerFilter .filter-by {
  padding: 13px 20px 13px 46px;
}

.form-managerFilter .filter-by,
.form-managerFilter .date {
  border: 0.6px solid #b7bec6;
  border-right: unset;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #f8f8f8;
}

.form-managerFilter .date {
  border-radius: unset;
  border-left: 0.6px solid #b7bec6;
}

.form-managerFilter .date input[type="date"] {
  background-color: transparent;
}

.filter-wrapper .filter-by::before,
.filter-wrapper .reset-filter a::before,
.form-managerFilter .filter-by::before,
.form-managerFilter .reset-filter a::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}

.filter-wrapper .filter-by::before,
.form-managerFilter .filter-by::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjkzMzMgMTUuMDk5OUM2Ljk3MzMzIDE1LjA5OTkgNi42NiAxNS4wMTk5IDYuMzY2NjYgMTQuODU5OUM1Ljc4IDE0LjUzMzIgNS40MjY2NiAxMy45Mzk5IDUuNDI2NjYgMTMuMjczMlY5LjczOTlDNS40MjY2NiA5LjQwNjU3IDUuMjA2NjYgOC45MDY1NyA1IDguNjUzMjRMMi41MDY2NiA2LjAxMzI0QzIuMDg2NjYgNS41OTMyNCAxLjc2NjY2IDQuODczMjQgMS43NjY2NiA0LjMzMzI0VjIuNzk5OUMxLjc2NjY2IDEuNzMzMjQgMi41NzMzMyAwLjg5OTkwMiAzLjYgMC44OTk5MDJIMTIuNEMxMy40MTMzIDAuODk5OTAyIDE0LjIzMzMgMS43MTk5IDE0LjIzMzMgMi43MzMyNFY0LjE5OTlDMTQuMjMzMyA0Ljg5OTkgMTMuODEzMyA1LjY5MzI0IDEzLjQyIDYuMDg2NTdMMTAuNTMzMyA4LjYzOTlDMTAuMjUzMyA4Ljg3MzI0IDEwLjAzMzMgOS4zODY1NyAxMC4wMzMzIDkuNzk5OVYxMi42NjY2QzEwLjAzMzMgMTMuMjU5OSA5LjY2IDEzLjk0NjYgOS4xOTMzMyAxNC4yMjY2TDguMjczMzMgMTQuODE5OUM3Ljk3MzMzIDE1LjAwNjYgNy42MzMzMyAxNS4wOTk5IDcuMjkzMzMgMTUuMDk5OVpNMy42IDEuODk5OUMzLjEzMzMzIDEuODk5OSAyLjc2NjY2IDIuMjkzMjQgMi43NjY2NiAyLjc5OTlWNC4zMzMyNEMyLjc2NjY2IDQuNTc5OSAyLjk2NjY2IDUuMDU5OSAzLjIyIDUuMzEzMjRMNS43NiA3Ljk4NjU3QzYuMSA4LjQwNjU3IDYuNDMzMzMgOS4xMDY1NyA2LjQzMzMzIDkuNzMzMjRWMTMuMjY2NkM2LjQzMzMzIDEzLjY5OTkgNi43MzMzMyAxMy45MTMyIDYuODYgMTMuOTc5OUM3LjE0IDE0LjEzMzIgNy40OCAxNC4xMzMyIDcuNzQgMTMuOTczMkw4LjY2NjY2IDEzLjM3OTlDOC44NTMzMyAxMy4yNjY2IDkuMDQgMTIuOTA2NiA5LjA0IDEyLjY2NjZWOS43OTk5QzkuMDQgOS4wODY1NyA5LjM4NjY2IDguMjk5OSA5Ljg4NjY2IDcuODc5OUwxMi43NCA1LjM1MzI0QzEyLjk2NjcgNS4xMjY1NyAxMy4yNCA0LjU4NjU3IDEzLjI0IDQuMTkzMjRWMi43MzMyNEMxMy4yNCAyLjI3MzI0IDEyLjg2NjcgMS44OTk5IDEyLjQwNjcgMS44OTk5SDMuNloiIGZpbGw9IiMwRTI3NDEiLz4KPHBhdGggZD0iTTMuOTk5OTkgNy4xNjY3NkMzLjkwNjY2IDcuMTY2NzYgMy44MTk5OSA3LjE0MDA5IDMuNzMzMzMgNy4wOTM0M0MzLjQ5OTk5IDYuOTQ2NzYgMy40MjY2NiA2LjYzMzQzIDMuNTczMzMgNi40MDAwOUw2Ljg1OTk5IDEuMTMzNDNDNy4wMDY2NiAwLjkwMDA5NCA3LjMxMzMzIDAuODI2NzYxIDcuNTQ2NjYgMC45NzM0MjhDNy43Nzk5OSAxLjEyMDA5IDcuODUzMzMgMS40MjY3NiA3LjcwNjY2IDEuNjYwMDlMNC40MTk5OSA2LjkyNjc2QzQuMzI2NjYgNy4wODAwOSA0LjE2NjY2IDcuMTY2NzYgMy45OTk5OSA3LjE2Njc2WiIgZmlsbD0iIzBFMjc0MSIvPgo8L3N2Zz4K");
  left: 20px;
}

.filter-wrapper .select select,
.dropdown-wrapper .dropdown-toggle,
.form-managerFilter .input.select select {
  padding: 13px 61px 13px 15px;
  min-width: 103px;
  padding-left: 15px;
  border: unset;
  appearance: none;
  color: #0e2741;
}

.form-managerFilter .input.select select {
  max-width: 155px;
  width: 100%;
  border: 0.6px solid #b7bec6;
  border-right: unset;
  background-color: #f8f8f8;
}

.dropdown-wrapper .dropdown-toggle {
  cursor: pointer;
}

.filter-wrapper select:focus {
  outline: none;
  box-shadow: none;
}

.select .select-icon-wrapper .select-wrapper,
.form-managerFilter .select-icon-wrapper .input.select {
  position: relative;
  display: block;
}

.form-managerFilter .select-icon-wrapper .select-wrapper,
.form-managerFilter .select-icon-wrapper .input.select,
.form-managerFilter .input.select select {
  height: 100%;
}

.select .select-icon-wrapper .select-wrapper::before,
.form-managerFilter .select-icon-wrapper .input.select::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI4IDYuMDAwMDJMOC45MzMzMyAxMC4zNDY3QzguNDIgMTAuODYgNy41OCAxMC44NiA3LjA2NjY3IDEwLjM0NjdMMi43MiA2LjAwMDAyIiBzdHJva2U9IiMwRTI3NDEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  right: 15px;
}

.filter-wrapper .dropdown-toggle::after {
  border: unset !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI4IDYuMDAwMDJMOC45MzMzMyAxMC4zNDY3QzguNDIgMTAuODYgNy41OCAxMC44NiA3LjA2NjY3IDEwLjM0NjdMMi43MiA2LjAwMDAyIiBzdHJva2U9IiMwRTI3NDEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  margin: unset !important;
  vertical-align: unset !important;
  right: 15px;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.filter-wrapper .dropdown-wrapper.active .dropdown-toggle::after {
  transform: translateY(-50%) rotateZ(-90deg);
}

.filter-wrapper .dropdown-wrapper.active .dropdown-menu {
  display: block;
}

.filter-wrapper .select .dropdown-menu {
  width: 100%;
  min-width: unset;
  background-color: #f8f8f8;
  border-width: 0px 0.5px 0.5px 0.5px;
  border-style: solid;
  border-color: #b7bec6;
  top: 102%;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  left: 0;
  right: 0;
  padding: 13px 10px 21px 18px;
}

.filter-wrapper .select .dropdown-menu .dropdown-item {
  padding: unset;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #56687a;
}

.modal-backdrop {
  display: none !important;
}

.filter-wrapper .select .dropdown-menu .dropdown-item:hover {
  background-color: unset;
}

.filter-wrapper .select .dropdown-menu .dropdown-item.active {
  color: #56687a87;
  background-color: unset;
}

.filter-wrapper .select .dropdown-menu .dropdown-item:not(:last-child) {
  padding-bottom: 6px;
}

.filter-wrapper .reset-filter a,
.form-managerFilter .reset-filter a {
  display: block;
  position: relative;
  color: #744ecc;
  padding: 13px 31px 13px 53px;
  text-decoration: none;
}

.form-managerFilter .reset-filter a {
  background-color: #f8f8f8;
  border: 0.6px solid #b7bec6;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.filter-wrapper .reset-filter a::before,
.form-managerFilter .reset-filter a::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy43NVYwLjc1TDUuMjUgNC41TDkgOC4yNVY1LjI1QzExLjQ4MjUgNS4yNSAxMy41IDcuMjY3NSAxMy41IDkuNzVDMTMuNSAxMi4yMzI1IDExLjQ4MjUgMTQuMjUgOSAxNC4yNUM2LjUxNzUgMTQuMjUgNC41IDEyLjIzMjUgNC41IDkuNzVIM0MzIDEzLjA2NSA1LjY4NSAxNS43NSA5IDE1Ljc1QzEyLjMxNSAxNS43NSAxNSAxMy4wNjUgMTUgOS43NUMxNSA2LjQzNSAxMi4zMTUgMy43NSA5IDMuNzVaIiBmaWxsPSIjNzQ0RUNDIi8+Cjwvc3ZnPgo=");
  width: 18px;
  height: 18px;
  left: 25px;
}

.filter-wrapper input[type="date"],
.form-managerFilter .date input[type="date"] {
  padding: 13px;
  border: unset;
  /* max-width: 131px;
  width: 100%; */
}

/* .filter-wrapper input[type="date"]::before {
  content: "Created";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  font-family: "Inter";
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #0E2741;
  background-color: #F8F8F8;
  padding: 13px 32px 13px 0;
} */

.filter-wrapper .dropdown-wrapper.active input[type="date"]::before {
  content: unset;
}

.filter-wrapper input[type="date"]::-webkit-calendar-picker-indicator,
.form-managerFilter .date input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI4IDYuMDAwMDJMOC45MzMzMyAxMC4zNDY3QzguNDIgMTAuODYgNy41OCAxMC44NiA3LjA2NjY3IDEwLjM0NjdMMi43MiA2LjAwMDAyIiBzdHJva2U9IiMwRTI3NDEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.filter-wrapper input[type="date"].dropdown-toggle::after,
.form-managerFilter .date input[type="date"]::after {
  content: unset;
}

.filter-wrapper .dropdown-wrapper.active input[type="date"]::-webkit-calendar-picker-indicator {
  transform: rotateZ(-90deg);
}

.form-control:focus {
  box-shadow: unset !important;
  border-color: unset !important;
}

.show-record-text {
  display: none;
}

.show-record-text p {
  margin-bottom: unset;
}

.workplace .new-user-head,
.workplace .user-lists {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  /* padding-bottom: 25px; */
}

.workplace .new-user-head {
  cursor: pointer;
}

.workplace .user-lists {
  margin-bottom: unset;
  padding: 25px 0;
}

.usertable-wrapper {
  height: calc(100vh - 260px);
  overflow-y: auto;
}

.new-usertable {
  /* max-height: calc(100vh - 475px); */
}

.new-user-head.collapsed .select-arrow {
  transform: rotateZ(-90deg);
}

.workplace .new-usertable .table-view {
  height: unset;
  padding-top: 25px;
}

.workplace .new-usertable .table-view .table-responsive {
  min-height: auto;
  height: 100%;
  max-height: calc(100vh - 483px);
}

.user-lists+.table-view table {
  position: relative;
}

.table-view table thead {
  position: sticky;
  top: 0;
  background-color: #f8f8f8;
  z-index: 2;
}

.wrapper.overlay-gradient:has(.notification-wrapper.open) .user-table-list thead {
  z-index: 1;
}

#dynamicFormFields .signature-wrap textarea {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG0SURBVHgBrZM9UgJBEIVfz1qKGTeQI8AN5AZYpWLmGqgYiYFVioGYLGaSiRqIqWi5N5AbuDeQI2zkDwXT9oyFLoj8bNHJbnXPft395i0ww6BpDq8WjpYV1DIDrUbNq8eG5QulW4G4kVSrDZ31a+etXkJNCTq7r3nU1bwCMOahnnPFYnJi2PreyUUEVDa5x+uKr8Fb8ppa+Fx0J4KtF0qnYC4Oqz3UzptgCjVzaizMgoCymYjBTVF3f237MN2r53dL+yA2Kwa9HI0DmdVybjk5n/h8keMpWbmuFALWqIps/v2Vt/LvZL8gvutp5NfLoQJnTU66uwbEhKC9+LYV/bZvMhF7UzSqf4Mq7mCjte1SmhQ9g3TYTrxn/Go1HArbKBylNNSr6di49DKDIFtn58WCZMqov/6s2ZFrNk9mfTAUJJ4aBeqDOZrsTXUSH8FQkKg9CtQHY0XWyVEdpgGZmPuBAUkihPmd4yI7WGJWac1Imwpryvo3lZGg/jWhxTccyoQX0OQSI8nUvWuTzjRuvABxIierIWZYa1j/OHhCjBArhcYB5l+1mjmODrtwmogTbG3VwqzjC7q73ctugQwPAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: top 20px left 16px;
}

#dynamicFormFields .signature-wrap textarea:focus {
  background-image: unset;
}

.loginBlock-wrapper .alert .message {
  padding-bottom: 15px;
  margin: 0 auto;
  text-align: center;
}

.workplace .new-user-head h2,
.workplace .user-lists h2 {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 26.63px;
  text-align: left;
  color: #142d4f;
  margin-bottom: unset;
  text-transform: capitalize;
}

.workplace .new-user-head .user-count,
.file-td .view-files {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #744ecc;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.52px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.header .user-rightHeader .bell-icon{
  position: relative;
}



.header .header-right .user-rightHeader .bell-icon .bell-count{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #744ecc;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.52px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  position: absolute;
  right:0px;
  bottom: -2px;
}

    

.workplace .new-user-head .select-arrow {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI4IDYuMDAwMDJMOC45MzMzMyAxMC4zNDY3QzguNDIgMTAuODYgNy41OCAxMC44NiA3LjA2NjY3IDEwLjM0NjdMMi43MiA2LjAwMDAyIiBzdHJva2U9IiMwRTI3NDEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}

.workplace .table-view {
  height: calc(100vh - 307px);
  padding: 0 4px 4px 0;
}

.workplace .table-view .table-responsive {
  height: calc(100vh - 308px);
  /* height: 100%; */
  padding-right: 2px;
}

.backdrop-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #13313c71;
  z-index: -9;
}

.nav-show .backdrop-overlay {
  width: 100%;
  height: 100%;
  z-index: 8;
}

body.nav-show .wrapper .menu {
  left: 0;
  z-index: 9;
}

.workplace .table-view .table-responsive::-webkit-scrollbar,
.usertable-wrapper::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.workplace .table-view .table-responsive::-webkit-scrollbar-track,
.usertable-wrapper::-webkit-scrollbar-track {
  background: #d0d6de4a;
  border-radius: 1px;
}

.workplace .table-view .table-responsive::-webkit-scrollbar-thumb,
.usertable-wrapper::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
}

.user-table-list {
  /* border: 0.6px solid #b7bec6; */
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.workplace .user-table-list td,
.workplace .user-table-list td a,
.workplace .user-table-list th a,
.workplace .user-table-list th {
  font-family: "Inter", sans-serif;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 22px !important;
  text-align: left;
  text-decoration: none;
  color: #0e2741 !important;
  text-decoration: none;
}

.workplace .user-table-list thead th {
  padding: 13px 30px;
  padding-right: unset;
  font-weight: 500;
  border: unset;
  border-bottom: unset;
  background-color: #f8f8f8;
  border-bottom: 0.6px solid var(--Neutral-300, #b7bec6);
  border-top: 0.6px solid var(--Neutral-300, #b7bec6);
  border-bottom-color: #b7bec6 !important;
}

.workplace .user-table-list thead th:first-child {
  border-left: 0.6px solid var(--Neutral-300, #b7bec6);
}

.workplace .user-table-list thead th:last-child {
  border-right: 0.6px solid var(--Neutral-300, #b7bec6);
}

.workplace .table-view .pagination_row td:first-child {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.workplace .user-table-list thead th a {
  font-weight: 500;
}

.workplace .user-table-list thead th:first-child {
  border-top-left-radius: 14px;
}

.workplace .user-table-list thead th:last-child {
  border-top-right-radius: 14px;
}

.workplace .user-table-list tbody td {
  padding: 20px 30px;
  padding-right: unset;
  color: #3e5267;
  border: unset;
  border-bottom: 0.4px solid #b7bec685;
  vertical-align: middle;
  background-color: #fff;
}

.workplace .user-table-list tbody td:first-child {
  border-left: 0.4px solid #b7bec685;
}

.workplace .user-table-list tbody td:last-child {
  border-right: 0.4px solid #b7bec685;
}

.user-table-list tr:last-child td:first-child {
  border-bottom-left-radius: 14px;
}

.user-table-list tr:last-child td:last-child {
  border-bottom-right-radius: 14px;
}

/* .user-table-list tr:last-child td {
  border: unset;
} */

.edit-dots {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: fit-content;
  gap: 3px;
  cursor: pointer;
}

.edit-dots-wrap {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  padding-right: 125px;
}

.edit-dots-wrap .edit-dots-popup {
  position: absolute;
  top: 10px;
  /* width: 118px;
  height: auto; */
  gap: 10px;
  border-radius: 0px 18px 18px 18px;
  border: 1px solid #d7dcf7;
  opacity: 0px;
  background-color: #f9faff;
  transform: scaleX(0);
}

.edit-dots-wrap .edit-dots-popup a::before,
.edit-dots-wrap .edit-dots-popup p::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}

.edit-dots-wrap .edit-dots-popup .delete::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgNC45ODMzMkMxNC43MjUgNC43MDgzMiAxMS45MzMzIDQuNTY2NjUgOS4xNSA0LjU2NjY1QzcuNSA0LjU2NjY1IDUuODUgNC42NDk5OCA0LjIgNC44MTY2NUwyLjUgNC45ODMzMiIgc3Ryb2tlPSIjNzQ0RUNDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjA4MzI1IDQuMTQxNzVMNy4yNjY1OSAzLjA1MDA4QzcuMzk5OTIgMi4yNTg0MSA3LjQ5OTkyIDEuNjY2NzUgOC45MDgyNSAxLjY2Njc1SDExLjA5MTZDMTIuNDk5OSAxLjY2Njc1IDEyLjYwODMgMi4yOTE3NSAxMi43MzMzIDMuMDU4NDFMMTIuOTE2NiA0LjE0MTc1IiBzdHJva2U9IiM3NDRFQ0MiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1LjcwODIgNy42MTY3TDE1LjE2NjUgMTYuMDA4NEMxNS4wNzQ4IDE3LjMxNjcgMTQuOTk5OCAxOC4zMzM0IDEyLjY3NDggMTguMzMzNEg3LjMyNDg0QzQuOTk5ODQgMTguMzMzNCA0LjkyNDg0IDE3LjMxNjcgNC44MzMxNyAxNi4wMDg0TDQuMjkxNSA3LjYxNjciIHN0cm9rZT0iIzc0NEVDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOC42MDg0IDEzLjc1SDExLjM4MzQiIHN0cm9rZT0iIzc0NEVDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy45MTY3NSAxMC40MTY3SDEyLjA4MzQiIHN0cm9rZT0iIzc0NEVDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.edit-dots-wrap .edit-dots-popup .edit::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTY2NzUgMS42NjY3NUg3LjUwMDA4QzMuMzMzNDEgMS42NjY3NSAxLjY2Njc1IDMuMzMzNDEgMS42NjY3NSA3LjUwMDA4VjEyLjUwMDFDMS42NjY3NSAxNi42NjY3IDMuMzMzNDEgMTguMzMzNCA3LjUwMDA4IDE4LjMzMzRIMTIuNTAwMUMxNi42NjY3IDE4LjMzMzQgMTguMzMzNCAxNi42NjY3IDE4LjMzMzQgMTIuNTAwMVYxMC44MzM0IiBzdHJva2U9IiM3NDRFQ0MiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzLjM2NjYgMi41MTY2M0w2Ljc5OTkgOS4wODMzQzYuNTQ5OSA5LjMzMzMgNi4yOTk5IDkuODI0OTcgNi4yNDk5IDEwLjE4MzNMNS44OTE1NyAxMi42OTE2QzUuNzU4MjMgMTMuNiA2LjM5OTkgMTQuMjMzMyA3LjMwODIzIDE0LjEwODNMOS44MTY1NyAxMy43NUMxMC4xNjY2IDEzLjcgMTAuNjU4MiAxMy40NSAxMC45MTY2IDEzLjJMMTcuNDgzMiA2LjYzMzNDMTguNjE2NiA1LjQ5OTk3IDE5LjE0OTkgNC4xODMzIDE3LjQ4MzIgMi41MTY2M0MxNS44MTY2IDAuODQ5OTY2IDE0LjQ5OTkgMS4zODMzIDEzLjM2NjYgMi41MTY2M1oiIHN0cm9rZT0iIzc0NEVDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi40MjUgMy40NTgyNUMxMi45ODM0IDUuNDQ5OTIgMTQuNTQxNyA3LjAwODI1IDE2LjU0MTcgNy41NzQ5MiIgc3Ryb2tlPSIjNzQ0RUNDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}

.edit-dots-wrap .edit-dots-popup .file::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDk5OTIgMTQuMTY2N1Y5LjE2Njc1TDUuODMzMjUgMTAuODMzNCIgc3Ryb2tlPSIjNzQ0RUNDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjUgOS4xNjY3NUw5LjE2NjY3IDEwLjgzMzQiIHN0cm9rZT0iIzc0NEVDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTguMzMzNCA4LjMzMzQxVjEyLjUwMDFDMTguMzMzNCAxNi42NjY3IDE2LjY2NjcgMTguMzMzNCAxMi41MDAxIDE4LjMzMzRINy41MDAwOEMzLjMzMzQxIDE4LjMzMzQgMS42NjY3NSAxNi42NjY3IDEuNjY2NzUgMTIuNTAwMVY3LjUwMDA4QzEuNjY2NzUgMy4zMzM0MSAzLjMzMzQxIDEuNjY2NzUgNy41MDAwOCAxLjY2Njc1SDExLjY2NjciIHN0cm9rZT0iIzc0NEVDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTguMzMzNCA4LjMzMzQxSDE1LjAwMDFDMTIuNTAwMSA4LjMzMzQxIDExLjY2NjcgNy41MDAwOCAxMS42NjY3IDUuMDAwMDhWMS42NjY3NUwxOC4zMzM0IDguMzMzNDFaIiBzdHJva2U9IiM3NDRFQ0MiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}

.edit-dots-popup.show {
  opacity: 1;
  transform: scaleX(1);
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 1;
}

.edit-dots-popup a,
.edit-dots-popup p {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #344054;
  padding: 10px 10px 10px 46px;
  display: block;
  width: 100%;
  text-transform: capitalize;
  position: relative;
  display: block;
  text-decoration: none;
}

.edit-dots-popup a:not(:last-child),
.edit-dots-popup p:not(:last-child) {
  border-bottom: 1px solid #d7dcf7;
}

.edit-dots-popup a:last-child,
.edit-dots-popup p:last-child {
  padding-bottom: 16px;
}

.edit-dots-popup p {
  cursor: pointer;
}

.edit-dots span {
  width: 5px;
  height: 5px;
  background-color: #3e5267;
  border-radius: 50%;
}

.main-content .modal-header,
.main-content .modal-body {
  padding: unset;
}

.main-content .modal-content {
  padding: 44px;
  background-color: #f9faff;
  border: 1px solid #d7dcf7;
  border-radius: 18px;
}

.main-content .modal-header {
  padding-bottom: 25px;
  border: unset;
  align-items: flex-start;
}

.main-content .modal-header h5 {
  font-family: "Inter";
  font-size: 26px;
  font-weight: 500;
  line-height: 31.47px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #142d4f;
}

.modal {
  background-color: #142d4f63;
}

.main-content .modal-body {
  padding: 4px 30.5px;
  border: unset;
  height: calc(100vh - 230px);
  overflow-y: auto;
  scrollbar-width: none;
}

.main-content .modal-body form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.main-content .modal-body input[type="text"],
.main-content .modal-body input[type="password"],
.main-content .modal-body .select-wrapper {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #cfd4d9;
  padding: 16px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  border-radius: 16px;
  background-color: #ffffff;
}

.main-content .modal-body .select-wrapper {
  position: relative;
  padding: unset;
}

.main-content .modal-body .select-wrapper select {
  padding: 16px;
  border-radius: 16px;
  border: unset;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.main-content .modal-body .select-wrapper select option {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.main-content .modal-body .select-wrapper::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUwMDIgMS40NTExN0wxMC45ODAyIDcuOTcxMTdDMTAuMjEwMiA4Ljc0MTE3IDguOTUwMTYgOC43NDExNyA4LjE4MDE2IDcuOTcxMTdMMS42NjAxNiAxLjQ1MTE3IiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}

.main-content .modal-body .status {
  background-color: #fff;
  padding: 11px 16px;
  border: 1px solid #cfd4d9;
  border-radius: 18px;
}

.main-content .modal-body .status .text {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #56687a;
}

.main-content .modal-body .status .radio-wrapper {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
}

.main-content .modal-body .status input[type="radio"],
.options-wrapper .form-check input[type="radio"] {
  width: 24px;
  height: 24px;
  border: 1px solid #744ecc;
  accent-color: #744ecc;
  margin-bottom: 10px;
}

.options-wrapper .form-check input[type="radio"] {
  background-color: #824cf40f;
}

.options-wrapper .form-check input[type="radio"]:checked {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IiM3NDRFQ0MiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 10px;
}

.options-wrapper .form-check:has(.form-check-input) {
  align-items: flex-start;
}

.main-content .modal-body .status label {
  margin-bottom: 10px;
  color: #344054;
  line-height: 20px;
  width: calc(100% - 24px);
}

.main-content .modal-body button[type="submit"],
.certificate-form form button[type="submit"],
.btn.btn-primary,
.page-breaker-btn {
  padding: 16px;
  background-color: #744ecc;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
  text-align: center;
  border: unset;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.3s;
}

.btn.btn-primary:hover,
.certificate-form form button[type="submit"]:hover,
.main-content .modal-body button[type="submit"]:hover {
  background-color: #6343ad;
}

.main-content .modal-body .custom-upload {
  background-color: #ffffff;
  border: 1px solid #cfd4d9;
  border-radius: 16px;
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  position: relative;
}

.main-content .modal-body .custom-upload p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #56687a;
  margin-bottom: unset;
}

.main-content .modal-body .custom-upload input[type="file"] {
  /* display: none; */
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
}

.main-content .modal-body .custom-upload span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #cfd4d9;
}

#editFormModal .modal-content .modal-body {
  height: unset;
}

#deleteUserModal .modal-body,
#certificateModal .modal-body,
#logoutModal .modal-body,
#deleteFormBuildModal .modal-body,
#deleteFormModal .modal-body {
  height: unset;
}

.modal-body button.btn.btn-primary {
  width: 100%;
}

#logoutModal .modal-header h5 {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #744ecc;
  text-align: center;
}

#logoutModal .modal-body .popup-text p {
  text-align: center;
  margin-bottom: unset;
  color: #6b7280;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

#logoutModal .modal-dialog {
  max-width: 365px;
  width: 100%;
  height: unset;
}

.main-content #logoutModal .modal-content {
  padding: 44px 30px;
}

.main-content .text-wrapper {
  margin-bottom: 25px;
}

.main-content .text-wrapper p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #6b7280;
  margin-bottom: unset;
}

.main-content #deleteUserModal .modal-header h5 {
  text-align: center;
}

.user-table-list th,
.user-table-list td {
  border: 0.4px solid #b7bec6;
}

.user-table-list .file-td {
  display: flex;
  gap: 3px;
}

/* certificate */
.certificate-wrapper {
  overflow-y: auto;
  scrollbar-width: none;
  padding-top: 20px;
}

.certificate-wrapper .certificate-inner-wrap {
  display: flex;
  flex-direction: column-reverse;
  gap: 25px;
}

.certificate-wrapper .certificate-form form.uploadform,
.certificate-input-wrap {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.certificate-wrapper .certificate-form form.uploadform {
  justify-content: space-between;
}

.certificate-input-wrap {
  flex-wrap: wrap;
  gap: 7px 20px;
}

.certificate-wrapper .block-fluid:not(:has(form)) {
  display: none;
}

.certificate-form label {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #3e5267;
}

.certificate-form .certificate-upload-wrapper {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.certificate-input-wrap p {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-bottom: unset;
  color: #3e5267;
}

.certificate-form .certificate-upload input[type="file"] {
  opacity: 0;
  position: absolute;
  z-index: 1;
}

.certificate-form .certificate-upload {
  background-color: #ffffff;
  border: 1px solid #cfd4d9;
  padding: 16px;
  /* padding-left: 50px; */
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  border-radius: 16px;
  position: relative;
  min-width: 340px;
  max-width: 340px;
  width: 100%;
}

.certificate-form .certificate-upload p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #56687a;
  margin-bottom: unset;
}

.certificate-form form button[type="submit"] {
  width: 164px;
  max-height: 56px;
}

.logout a.btn:focus {
  box-shadow: unset;
  outline: unset;
}

/* profile */
.profile-mainwrapper form,
.profile-mainwrapper {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.table-sorting.profile-mainwrapper::after {
  content: unset;
}

.profile-heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

.profile-heading .edit-dots-wrap {
  margin: unset;
  padding-right: unset;
}

.profile-heading .edit-dots-wrap .edit-dots-popup {
  width: 125px;
}

.profile-view {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 12px;
}

.profile-view .profile-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

.profile-view .profile-row .profile-head {
  max-width: 100px;
  width: 100%;
}

.profile-view .profile-row .profile-head a,
.profile-view .profile-row .profile-head p,
.profile-view .profile-row .profile-head {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: unset;
  text-decoration: none;
  color: #3e5267;
}

.profile-view .profile-row .profile-body a,
.profile-view .profile-row .profile-body p,
.profile-view .profile-row .profile-body {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  margin: unset;
  text-decoration: none;
}

/* form manager  */
.form-manager .ellipsis-text,
.form-manager .ellipsis-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 214px;
}

.form-manager .edit-dots-wrap {
  margin: unset;
  padding-right: 75px;
}

.workplace .form-manager .table-view .table-responsive {
  height: calc(100vh - 265px);
}

.user-list-wrapper .table-view .table-responsive {
  height: calc(100vh - 310px);
}

.new-usertable:has(.new-user-head.collapsed)+.user-list-wrapper .table-view .table-responsive {
  height: calc(100vh - 330px);
}

.profile-mainwrapper .btn.btn-primary {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffff;
  padding: 8px 15px;
}

.profile-heading h4 {
  margin-bottom: unset;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 26.63px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #142d4f;
}

.btn-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

/* change password */

.change-password {
  height: calc(100vh - 465px);
  overflow: auto;
  scrollbar-width: none;
  transition: height ease-in-out 0.3s;
}

.change-password.d-none {
  display: block !important;
  height: 0;
}

.change-password .row-form {
  padding: unset;
  border: unset;
  display: flex;
  align-items: center;
  gap: 25px;
}

.change-password .block-fluid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.change-password .row-form .label {
  max-width: 115px;
  width: 100%;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #3e5267;
}

.change-password .row-form input[type="password"] {
  background-color: #fff;
  border: 1px solid #cfd4d9;
  padding: 16px;
  min-width: 340px;
  color: #56687a;
  border-radius: 16px;
  min-height: 56px;
}

.change-password .row-form input[type="password"]:focus {
  outline: none;
}

.change-password .row-form input[type="password"]:required {
  border-color: #f04438;
}

.change-password .row-form:has(input[type="password"]:required) .error-message {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ec4545;
}

.change-password .btn-box {
  padding-top: 33px;
}

/* create new form */

.workplace .create-newForm {
  padding: unset;
}

/* .create-newForm  */
.input-fields-wrapper {}

.input-fields-wrapper .formHead,
.rightDiv .formHead {
  background-color: #f8f8f8;
  border: 0.6px solid #b7bec6;
  padding: 10px 16px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.rightDiv .formHead {
  border: unset;
  border-bottom: 0.6px solid #b7bec6;
}

.input-fields-wrapper .formHead p,
.rightDiv .formHead p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  margin-bottom: unset;
}

.create-newForm .input-fields-wrapper {
  padding: 17px 11px;
  display: flex;
  flex-direction: column;
  /* max-width: 299px; */
  max-width: calc(30% - 40px);
  width: 100%;
  margin: unset;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  background-color: #ffffff;
}

.input-fields-wrapper .input-search-group input[type="text"] {
  background-color: #ffffff;
  padding: 10px 16px 10px 48px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #142d4f;
  border: 1px solid #e7e9ec;
  border-radius: 16px;
}

.input-fields-wrapper .input-search-group input[type="text"]:focus {
  z-index: unset;
  outline: unset;
}

.input-search-wrap {
  padding: 17px 12px;
  padding-bottom: unset;
  border: 0.3px solid #b7bec6;
  border-bottom: unset;
  border-top: unset;
}

.input-fields-wrapper .input-search-group {
  position: relative;
}

.input-fields-wrapper .input-search-group::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDEwQzQgNi42ODYyOSA2LjY4NjI5IDQgMTAgNEMxMy4zMTM3IDQgMTYgNi42ODYyOSAxNiAxMEMxNiAxMy4zMTM3IDEzLjMxMzcgMTYgMTAgMTZDNi42ODYyOSAxNiA0IDEzLjMxMzcgNCAxMFpNMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThDMTEuODQ4NyAxOCAxMy41NTEgMTcuMzcyOSAxNC45MDU2IDE2LjMxOTlMMjAuMjkyOSAyMS43MDcxQzIwLjY4MzQgMjIuMDk3NiAyMS4zMTY2IDIyLjA5NzYgMjEuNzA3MSAyMS43MDcxQzIyLjA5NzYgMjEuMzE2NiAyMi4wOTc2IDIwLjY4MzQgMjEuNzA3MSAyMC4yOTI5TDE2LjMxOTkgMTQuOTA1NkMxNy4zNzI5IDEzLjU1MSAxOCAxMS44NDg3IDE4IDEwQzE4IDUuNTgxNzIgMTQuNDE4MyAyIDEwIDJaIiBmaWxsPSIjMTQyRDRGIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}

.input-fields-wrapper ul.input-fields-innerwrap {
  padding: unset;
  margin: unset;
  list-style: none;
  /* padding: 23px 10px 16px 30px; */
  border-bottom: 0.5px solid #c9ced4;
  border: 0.3px solid #b7bec6;
  border-top: unset;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  padding-bottom: 16px;
}

.rightDiv .right-popupbody {
  padding: 28px 16px;
  display: flex;
  flex-direction: column;
  /* height: 100vh; */
  /* height: 93%; */
}

.rightDiv .right-popupbody {
  height: 85%;
}

.rightDiv:not(:has(.formHead)) .right-popupbody {
  height: 93%;
}

.rightDiv .right-popupbody #addOptionBtn,
.rightDiv .right-popupbody #tableAddOptionBtn,
.edit-form .add-option {
  margin: 32px 0;
  padding: unset;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgMjEuMDgzN0MxNi43NzA5IDIxLjA4MzcgMjEuMDgzNCAxNi43NzEyIDIxLjA4MzQgMTEuNTAwM0MyMS4wODM0IDYuMjI5NDkgMTYuNzcwOSAxLjkxNjk5IDExLjUgMS45MTY5OUM2LjIyOTE5IDEuOTE2OTkgMS45MTY2OSA2LjIyOTQ5IDEuOTE2NjkgMTEuNTAwM0MxLjkxNjY5IDE2Ljc3MTIgNi4yMjkxOSAyMS4wODM3IDExLjUgMjEuMDgzN1oiIHN0cm9rZT0iIzc0NEVDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy42NjY2OSAxMS41SDE1LjMzMzQiIHN0cm9rZT0iIzc0NEVDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuNSAxNS4zMzM3VjcuNjY2OTkiIHN0cm9rZT0iIzc0NEVDQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 23px 23px;
  background-position: right center;
  width: 100%;
  background-color: unset;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  border: unset;
  color: #0e2741;
}

/* .rightDiv .right-popupbody #optionValues {
  height: calc(100vh - 537px);
  overflow-y: auto;
} */

.rightDiv .right-popupbody .multiOptionWrap {
  height: calc(100vh - 537px);
  overflow-y: auto;
}

.rightDiv .right-popupbody:has(#tableOptionValues) #optionValues {
  /* height: calc(100vh - 655px); */
  /* height: calc(91vh - 655px); */
  height: 43%;
  overflow-y: auto;
}

.rightDiv .right-popupbody #tableOptionValues {
  /* height: calc(100vh - 650px); */
  /* height: calc(87vh - 650px); */
  height: 50%;
  overflow-y: auto;
}

/* .right-popupbody #optionValues .option-wrapper,
.right-popupbody #tableOptionValues .option-wrapper,
.edit-form .multi-options-container {
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
} */

.right-popupbody .option-wrapper,
.right-popupbody .option-wrapper,
.edit-form .multi-options-container,
.right-popupbody .optionWrapper {
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.right-popupbody #optionValues .option-wrapper input[type="text"],
.right-popupbody #tableOptionValues .option-wrapper input[type="text"],
.edit-form .multi-options-container input[type="text"] {
  width: calc(100% - 18px);
}

.edit-form .multi-options-container input[type="text"] {
  margin-bottom: 10px;
}

/* .rightDiv .right-popupbody #optionValues button.del,
.rightDiv .right-popupbody #tableOptionValues button.del {
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4xOCI+CjxwYXRoIGQ9Ik0xNS43NSA0LjQ4NTM1QzEzLjI1MjUgNC4yMzc4NSAxMC43NCA0LjExMDM1IDguMjM1IDQuMTEwMzVDNi43NSA0LjExMDM1IDUuMjY1IDQuMTg1MzUgMy43OCA0LjMzNTM1TDIuMjUgNC40ODUzNSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMzc1IDMuNzI3NUw2LjU0IDIuNzQ1QzYuNjYgMi4wMzI1IDYuNzUgMS41IDguMDE3NSAxLjVIOS45ODI1QzExLjI1IDEuNSAxMS4zNDc1IDIuMDYyNSAxMS40NiAyLjc1MjVMMTEuNjI1IDMuNzI3NSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjEzNzQgNi44NTU0N0wxMy42NDk5IDE0LjQwOEMxMy41Njc0IDE1LjU4NTUgMTMuNDk5OSAxNi41MDA1IDExLjQwNzQgMTYuNTAwNUg2LjU5MjQzQzQuNDk5OTMgMTYuNTAwNSA0LjQzMjQzIDE1LjU4NTUgNC4zNDk5MyAxNC40MDhMMy44NjI0MyA2Ljg1NTQ3IiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy43NDc1NiAxMi4zNzVIMTAuMjQ1MSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuMTI1IDkuMzc1SDEwLjg3NSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: center;
} */

.rightDiv .right-popupbody button.del,
.rightDiv .right-popupbody button.del {
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4xOCI+CjxwYXRoIGQ9Ik0xNS43NSA0LjQ4NTM1QzEzLjI1MjUgNC4yMzc4NSAxMC43NCA0LjExMDM1IDguMjM1IDQuMTEwMzVDNi43NSA0LjExMDM1IDUuMjY1IDQuMTg1MzUgMy43OCA0LjMzNTM1TDIuMjUgNC40ODUzNSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMzc1IDMuNzI3NUw2LjU0IDIuNzQ1QzYuNjYgMi4wMzI1IDYuNzUgMS41IDguMDE3NSAxLjVIOS45ODI1QzExLjI1IDEuNSAxMS4zNDc1IDIuMDYyNSAxMS40NiAyLjc1MjVMMTEuNjI1IDMuNzI3NSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjEzNzQgNi44NTU0N0wxMy42NDk5IDE0LjQwOEMxMy41Njc0IDE1LjU4NTUgMTMuNDk5OSAxNi41MDA1IDExLjQwNzQgMTYuNTAwNUg2LjU5MjQzQzQuNDk5OTMgMTYuNTAwNSA0LjQzMjQzIDE1LjU4NTUgNC4zNDk5MyAxNC40MDhMMy44NjI0MyA2Ljg1NTQ3IiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy43NDc1NiAxMi4zNzVIMTAuMjQ1MSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuMTI1IDkuMzc1SDEwLjg3NSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: center;
  margin-bottom: 10px;
}

.rightDiv .right-popupbody #optionValues::-webkit-scrollbar,
.rightDiv .right-popupbody #tableOptionValues::-webkit-scrollbar,
.rightDiv .right-popupbody:not(:has(.formHead)) .multi-options-container::-webkit-scrollbar, .edit-form .right-dropdown-popup .multi-options-container::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.rightDiv .right-popupbody #optionValues::-webkit-scrollbar-track,
.rightDiv .right-popupbody #tableOptionValues::-webkit-scrollbar-track,
.rightDiv .right-popupbody:not(:has(.formHead)) .multi-options-container::-webkit-scrollbar-track, .edit-form .right-dropdown-popup .multi-options-container::-webkit-scrollbar-track {
  background: #d0d6de4a;
  border-radius: 1px;
}

.rightDiv .right-popupbody #optionValues::-webkit-scrollbar-thumb,
.rightDiv .right-popupbody #tableOptionValues::-webkit-scrollbar-thumb,
.rightDiv .right-popupbody:not(:has(.formHead)) .multi-options-container::-webkit-scrollbar-thumb, .edit-form .right-dropdown-popup .multi-options-container::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12);
}

.rightDiv .right-popupbody #addOptionBtn:focus,
.rightDiv .right-popupbody #tableAddOptionBtn:focus {
  box-shadow: none;
}

.rightDiv .right-popupbody:not(:has(.formHead)) .multi-options-container {
  height: 80%;
  overflow-y: auto;
}

.rightDiv .right-popupbody input[text] {
  padding: 16px;
  border: 1px solid #cfd4d9;
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #56687a;
  text-transform: capitalize;
}

.input-fields-wrapper ul.input-fields-innerwrap li {
  border-bottom: 0.5px solid #c9ced4;
  padding: 23px 10px 16px 30px;
}

.input-fields-wrapper ul.input-fields-innerwrap li h5 {
  margin-bottom: unset;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
}

.create-newForm .input-fields-overflow {
  height: calc(100vh - 284px);
  overflow-y: auto;
  scrollbar-width: none;
}

/* form preview */
.create-form-body {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
}

.form-preview .default-inputs input[type="text"],
.create-newForm .form-preview textarea {
  border-radius: 16px;
  background-color: #ffffff;
  border: 1px solid #cfd4d9;
  color: #56687a;
}

.create-newForm .form-preview textarea {
  resize: none;
  overflow-y: auto;
  min-height: 105px;
  padding: 16px;
  border: 1px solid #cfd4d9;
}

.form-preview .default-inputs input[type="text"]::placeholder {
  color: #56687a;
}

.form-preview .default-inputs,
.form-preview {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.create-newForm .right-dropdown-popup {
  width: calc(30% - 40px);
  /* border: 0.3px solid #B7BEC6; */
  border-radius: 14px;
}

.create-newForm .right-dropdown-popup:has(.right-popupbody) {
  border: 0.3px solid #b7bec6;
  /* height: 100%; */
}

.create-newForm .form-preview {
  width: 40%;
  height: 100%;

}

.create-newForm .field-adding-wrap {
  padding: 30px 30px;
  border-radius: 14px;
  border: 0.3px solid #b7bec6;
  background-color: #ffffff;
  overflow-y: auto;
  scrollbar-width: none;
  /* height: calc(100vh - 338px); */
  /*height: calc(95vh - 331px);*/
    height: calc(95vh - 327px);

}



.field-adding-wrap input[type="text"],
.field-adding-wrap input[type="email"],
.field-adding-wrap input[type="password"] {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #cfd4d9;
  color: #56687a;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding: 16px;
}

.field-adding-wrap input[type="date"] {
  border-radius: 16px;
  border: 1px solid #cfd4d9;
  padding: 16px;
  color: #56687a;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.field-adding-wrap .dynamic-field {
  position: relative;
}

.field-adding-wrap .dynamic-field .delete-btn {
  position: absolute;
  top: 0;
  right: 0px;
  border-radius: 50%;
  line-height: normal;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.field-adding-wrap .dynamic-field input[type="date"]::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMlY1IiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYgMlY1IiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy41IDkuMDg5ODRIMjAuNSIgc3Ryb2tlPSIjNTY2ODdBIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxIDguNVYxN0MyMSAyMCAxOS41IDIyIDE2IDIySDhDNC41IDIyIDMgMjAgMyAxN1Y4LjVDMyA1LjUgNC41IDMuNSA4IDMuNUgxNkMxOS41IDMuNSAyMSA1LjUgMjEgOC41WiIgc3Ryb2tlPSIjNTY2ODdBIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1LjY5NDcgMTMuNzAwMkgxNS43MDM3IiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS42OTQ3IDE2LjcwMDJIMTUuNzAzNyIgc3Ryb2tlPSIjNTY2ODdBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuOTk1NSAxMy43MDAySDEyLjAwNDUiIHN0cm9rZT0iIzU2Njg3QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjk5NTUgMTYuNzAwMkgxMi4wMDQ1IiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjI5NDMxIDEzLjcwMDJIOC4zMDMyOSIgc3Ryb2tlPSIjNTY2ODdBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOC4yOTQzMSAxNi43MDAySDguMzAzMjkiIHN0cm9rZT0iIzU2Njg3QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  width: 24px;
  height: 24px;
  transition: all ease-in-out 0.3s;
}

.rightDiv .right-popupbody .custom-select {
  position: relative;
}

.rightDiv .right-popupbody .custom-select::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUwMDIgMS40NTExN0wxMC45ODAyIDcuOTcxMTdDMTAuMjEwMiA4Ljc0MTE3IDguOTUwMTYgOC43NDExNyA4LjE4MDE2IDcuOTcxMTdMMS42NjAxNiAxLjQ1MTE3IiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: right center;
  width: 18px;
  height: 16px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.form-group.w3-hide:has(input[type="text"]) {
  display: none;
}

.rightDiv #saveFieldBtn {
  width: calc(100% - 32px);
  margin: 0 auto;
  padding: 10px;
  margin-top: auto;
}

.rightDiv .right-popupbody .custom-select input[type="text"] {
  padding: 16px;
  border-radius: 16px;
}

.rightDiv {
  max-height: calc(100vh - 178px);
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

/* #optionInputs input[type="text"],
#tableOptionInputs input[type="text"] {
  border: 1px solid #cfd4d9;
  padding: 3px 16px;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #56687a;
  width: calc(100% - 76px);
} */

.field-adding-wrap .custom-date-input {
  display: flex;
  gap: 8px;
}

.field-adding-wrap .custom-date-input .input-group-text {
  max-width: 76px;
  width: 100%;
  padding: unset;
  background-color: unset;
  border: unset;
}

.field-adding-wrap input[type="time"] {
  border: 1px solid #cfd4d9;
  border-radius: 16px;
  width: calc(100% - 78px);
}

.input-group-text .custom-select select {
  padding: 16px 11px;
  padding-right: 34px;
  border: 1px solid #cfd4d9;
  border-radius: 16px;
}

.right-dropdown-popup input[type="text"] {
  border: 1px solid #cfd4d9;
  color: #56687a;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  padding: 16px;
  border-radius: 16px;
}

.option-wrapper input[type="text"],
.option-wrapper input[type="text"],
.optionWrapper input[type="text"] {
  border: 1px solid #cfd4d9;
  padding: 3px 16px;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #56687a;
  width: calc(100% - 76px);
}

.optionWrapper input[type="text"] {
  width: calc(100% - 28px);
}



.right-dropdown-popup .dynamic-field label {
  margin-bottom: 10px;
}

.custom-dropselect {
  position: relative;
}

.custom-dropselect::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUwMDIgMS40NTExN0wxMC45ODAyIDcuOTcxMTdDMTAuMjEwMiA4Ljc0MTE3IDguOTUwMTYgOC43NDExNyA4LjE4MDE2IDcuOTcxMTdMMS42NjAxNiAxLjQ1MTE3IiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  width: 17px;
  height: 9px;
}

.custom-dropselect select {
  padding: 16px;
  padding-right: 32px;
  border-radius: 16px;
  border: 1px solid #cfd4d9;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #56687a;
}

.dynamic-field .custom-dropselect select {
  padding: 16px !important;
  padding-right: 32px !important;
}

.options-wrapper {
  padding: 11px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #ffffff;
  border-radius: 18px;
  border: 1px solid #cfd4d9;
}

.options-wrapper label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #56687a;
}

.options-wrapper .form-check label,
.checkbox-wrapper .form-check label {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #344054;
}

.options-wrapper .form-check {
  margin: unset;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}

.checkbox-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.checkbox-wrapper label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #744ecc;
}

.checkbox-wrapper .form-check {
  display: flex;
  align-items: center;
  gap: 12px;
}

.checkbox-wrapper .form-check .checkbox-cus:has(input[type="checkbox"]),
.dynamic-field .form-check-input {
  width: 22px;
  height: 22px;
  border: 1px solid #7f56d9;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
}

.dynamic-field .form-check-input {
  position: relative;
}

.dynamic-field .form-check-input input[type="checkbox"] {
  opacity: 0;
}

.checkbox-table tr td:first-child {
  vertical-align: middle;
}

.checkbox-table th {
  font-family: "Inter" sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #475467;
}

.checkbox-table tbody tr td:nth-child(2) {
  font-family: "Inter" sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #475467;
}

.checkbox-wrapper .form-check .checkbox-cus {
  position: relative;
}

.checkbox-wrapper .form-check .checkbox-cus input[type="checkbox"] {
  display: none;
}

.checkbox-wrapper .form-check:has(.checkbox-cus) {
  padding: unset;
}

.checkbox-wrapper .form-check .checkbox-cus .label {
  padding-left: 36px;
}

.checkbox-wrapper .form-check .checkbox-cus:has(input[type="checkbox"]:checked)::after,
.dynamic-field .form-check-input:has(input[type="checkbox"]:checked)::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #7f56d9;
  background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTQgMTIuNjExMUw4LjkyMzA4IDE3LjVMMjAgNi41IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
}

.checkbox-wrapper .form-check .checkbox-cus:has(input[type="checkbox"]:checked) {
  background-color: #7f56d9;
  background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTQgMTIuNjExMUw4LjkyMzA4IDE3LjVMMjAgNi41IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  border-radius: 4px;
  overflow: hidden;
}

.checkbox-wrapper .form-check .checkbox-cus:has(input[type="checkbox"]:checked) {
  border: unset;
}

.checkbox-wrapper .form-check:has(.checkbox-cus) .label {
  width: calc(100% - 22px);
  font-family: "Inter";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #344054;
}

.form-managerFilter {
  display: flex;
  justify-content: flex-end;
}

.form-managerFilter .input.text {
  order: -1;
  margin-right: auto;
}

.form-builderPreview-overflow {
  height: calc(100vh - 265px);
  overflow-y: auto;
  scrollbar-width: none;
  width: 100%;
}

.form-builderPreview {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.form-builderCard {
  background-color: #f9faff;
  padding: 8px 15px;
  border-radius: 18px;
  border: 1px solid #d7dcf7;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  width: calc((100% - 80px) / 3);
}

.form-builderCard:nth-child(3n) .form-cardDots .edit-dots-popup.show {
  right: 100%;
  border-radius: 18px 0px 18px 18px;
}

.form-builderCard .form-cardDots {
  padding: 10px 4px;
}

.form-builderCard .form-cardDots .edit-dots-wrap {
  padding: unset;
}

.form-builderCard .form-card-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.form-builderCard .form-card-info h4 {
  color: #000000;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  margin-bottom: unset;
}

.form-builderCard .form-card-info p {
  color: #000000;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  margin-bottom: unset;
}

.table-status {
  padding: 17px 30px;
  background-color: #f9faff;
  border: 1px solid #d7dcf7;
  border-radius: 18px;
  max-width: 200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.new-usertable table tr td:last-child {
  padding-right: 30px;
}

.user-table-list td a.view-files {
  color: #ffffff !important;
}

.modal-body .form-group {
  position: relative;
}

.modal-body .form-group .formError {
  top: -5px !important;
  left: unset !important;
  margin-top: unset !important;
  right: 10px !important;
}

#deleteFormModal .modal-content h5,
#deleteFormModal .modal-content p {
  text-align: center;
}

#deleteFormModal .modal-content .modal-header {
  padding: 0 10px;
  padding-bottom: 25px;
}

.certificate-form .certificate-upload p {
  width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signature-wrap textarea {
  position: relative;
}

.signature-wrap textarea::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjQ5NzUgMy4zNTAyMUwzLjk5NzkgMTAuMjI5OEMzLjc1MjQ4IDEwLjQ5MSAzLjUxNDk4IDExLjAwNTYgMy40Njc0OCAxMS4zNjE5TDMuMTc0NTcgMTMuOTI2OUMzLjA3MTY1IDE0Ljg1MzEgMy43MzY2NSAxNS40ODY1IDQuNjU0OTggMTUuMzI4MUw3LjIwNDE1IDE0Ljg5MjdDNy41NjA0IDE0LjgyOTQgOC4wNTkxNSAxNC41NjgxIDguMzA0NTcgMTQuMjk5TDE0LjgwNDIgNy40MTkzOEMxNS45MjgzIDYuMjMxODggMTYuNDM1IDQuODc4MTMgMTQuNjg1NCAzLjIyMzU1QzEyLjk0MzcgMS41ODQ4IDExLjYyMTcgMi4xNjI3MSAxMC40OTc1IDMuMzUwMjFaIiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS40MTMwOSA0LjQ5ODA1QzkuNzUzNSA2LjY4MzA1IDExLjUyNjggOC4zNTM0NiAxMy43Mjc3IDguNTc1MTMiIHN0cm9rZT0iIzU2Njg3QSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjM3NSAxNy45MTdIMTYuNjI1IiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* newly added for mobile css */

.field-adding-wrap input[type="time"],
.field-adding-wrap input[type="date"] {
  min-height: 40px;
}

.dynamic-field .form-control {
  border-radius: 16px;
  padding: 10px 15px;
}

.dynamic-field .delete-btn {
  display: none;
}

.dynamic-field textarea {
  resize: none;
}

.custom-date-input {
  display: flex;
  gap: 10px;
}

.custom-date-input .input-group-text {
  max-width: 75px;
  width: 100%;
}

.custom-date-input .input-group-text {
  background-color: unset;
  border: unset;
  padding: unset;
}

.custom-date-input input[type="time"] {
  /*width: calc(100% - 80px) !important;*/
   width: 100% !important;
   padding: 16px;
}

.options-wrapper .form-check input[type="radio"]:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IiM3NDRFQ0MiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 10px;
}

.checkbox-wrapper .form-check .checkbox-cus:has(input[type="checkbox"]:checked)::after,
.dynamic-field .form-check-input:has(input[type="checkbox"]:checked)::after,
.checkbox-cus:has(input[type="checkbox"]:checked)::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #7f56d9;
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTQgMTIuNjExMUw4LjkyMzA4IDE3LjVMMjAgNi41IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
}


/* .dynamic-field .form-check-input:has(input[type="checkbox"]:checked) {
  border: unset;
} */

.checkbox-wrapper .form-check .checkbox-cus input[type="checkbox"] {
  display: none;
}

/* end  */

/* edit form css */
.edit-form .form-preview {
  width: 70%;
}

.edit-form .right-dropdown-popup:has(.right-popupbody) {
  border: 0.3px solid #b7bec6;
  padding: 28px 16px;
  border-radius: 14px;
  width: calc(30% - 40px);
}

.edit-form .form-preview .custom-date-input input[type="time"] {
  width: calc(100% - 82px);
}

.edit-form .right-dropdown-popup {
  padding: 16px;
}

.edit-form .right-dropdown-popup .custom-select {
  position: relative;
}

.edit-form .right-dropdown-popup .custom-select input[type="text"] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxOSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUwMDIgMS40NTExN0wxMC45ODAyIDcuOTcxMTdDMTAuMjEwMiA4Ljc0MTE3IDguOTUwMTYgOC43NDExNyA4LjE4MDE2IDcuOTcxMTdMMS42NjAxNiAxLjQ1MTE3IiBzdHJva2U9IiM1NjY4N0EiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 18px 18px;
}

.edit-form .right-dropdown-popup .optionWrapper input[type="text"] {
  padding: 3px 16px;
  border-radius: 10px;
}

.edit-form .right-dropdown-popup .optionWrapper.d-flex {
  align-items: center;
  gap: 10px;
}

.edit-form .right-dropdown-popup .multi-options-container {
  height: calc(100vh - 480px);
  overflow-y: auto;
}

.edit-form .right-dropdown-popup .optionWrapper button.del {
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4xOCI+CjxwYXRoIGQ9Ik0xNS43NSA0LjQ4NTM1QzEzLjI1MjUgNC4yMzc4NSAxMC43NCA0LjExMDM1IDguMjM1IDQuMTEwMzVDNi43NSA0LjExMDM1IDUuMjY1IDQuMTg1MzUgMy43OCA0LjMzNTM1TDIuMjUgNC40ODUzNSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMzc1IDMuNzI3NUw2LjU0IDIuNzQ1QzYuNjYgMi4wMzI1IDYuNzUgMS41IDguMDE3NSAxLjVIOS45ODI1QzExLjI1IDEuNSAxMS4zNDc1IDIuMDYyNSAxMS40NiAyLjc1MjVMMTEuNjI1IDMuNzI3NSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjEzNzQgNi44NTU0N0wxMy42NDk5IDE0LjQwOEMxMy41Njc0IDE1LjU4NTUgMTMuNDk5OSAxNi41MDA1IDExLjQwNzQgMTYuNTAwNUg2LjU5MjQzQzQuNDk5OTMgMTYuNTAwNSA0LjQzMjQzIDE1LjU4NTUgNC4zNDk5MyAxNC40MDhMMy44NjI0MyA2Ljg1NTQ3IiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy43NDc1NiAxMi4zNzVIMTAuMjQ1MSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuMTI1IDkuMzc1SDEwLjg3NSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: center;
  margin-bottom: 10px;
}


.right-dropdown-popup .save-btn { 
  background-color: #744ecc;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
  text-align: center;
  border: unset;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.3s;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  margin-top: auto;
}


.right-dropdown-popup .edit-save {  
  width: calc(100% - 32px);
  margin: 0 auto;
}

.right-dropdown-popup .edit-save:hover, .right-dropdown-popup .save-btn:hover {
  background-color: #6343ad;
}

.edit-form .rightDiv {
  height: calc(100vh - 262px);
}

.edit-form .right-popupbody input[type="text"] {
  height: unset !important;
}

.edit-form #dynamicFormFields {
  height: calc(100vh - 232px);
  overflow-y: auto;
  scrollbar-width: none;
}

.edit-form .form-preview .checkbox-table {
  border: unset !important;
}

.edit-form .form-preview .checkbox-table th,
.edit-form .form-preview .checkbox-table td {
  border-bottom: 1px solid #e4e7ec !important;
}

.dynamic-field .form-check-input:has(input[type="checkbox"]:checked) {
  border: unset;
}

.table-headers-container .optionWrapper input[type="text"],
.table-headers-container .optionWrapper button.del,
.table-body-container .optionWrapper button.del,
.table-body-container .optionWrapper input[type="text"] {
  margin-bottom: 10px;
}

.edit-form .right-popupbody .table-wrapper {
  height: 100%;
}

.edit-form .right-popupbody .table-wrapper .table-headers-container {
  height: 42%;
  overflow-y: auto;
  scrollbar-width: none;
  margin-top: 20px;
}

.edit-form .right-popupbody .table-wrapper .table-body-container {
  height: 42%;
  overflow-y: auto;
  scrollbar-width: none;
  margin-top: 20px;
}

.edit-form #dynamicFormFields {
  padding: 15px 15px;
  border-radius: 14px;
  border: 0.3px solid #b7bec6;
}

.edit-form .form-preview .custom-upload input[type="file"] {
  display: none;
}

.edit-form .form-preview .checkbox-table .checkbox-cus:has(input[type="checkbox"]) {
  width: 22px;
  height: 22px;
  border: 1px solid #7f56d9;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
}

.edit-form .form-preview .checkbox-table .checkbox-cus input[type="checkbox"] {
  display: none;
}

.edit-form .form-preview .checkbox-table .checkbox-cus:has(input[type="checkbox"]:checked) {
  border: unset;
}

.edit-form .form-preview .checkbox-table .checkbox-cus:has(input[type="checkbox"]:checked)::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #7f56d9;
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTQgMTIuNjExMUw4LjkyMzA4IDE3LjVMMjAgNi41IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
}

/* edit form css end */



/* add plus edit css */




/* end of add plus edit css */

.right-dropdown-popup .row,
.edit-form,
#addMultisingleBtn,
.edit-form .rightDiv {
  height: 100%;
}

.edit-form.edit-page {
  height: 79%;
}

.content:has(.edit-page), .workplace:has(.edit-page), .create-newForm:has(.edit-page){
  height: 100%;
}

.edit-page #addMultisingleBtn, .edit-page .right-dropdown-popup .col-lg-12, .edit-page #addMultisingleBtn, .edit-page {
  height: 100%;
} 

.edit-page .right-dropdown-popup {
  padding-bottom: unset !important;
}

.edit-form.edit-page .right-popupbody .table-wrapper {
  height: 90%;
}

.edit-form.edit-page .right-popupbody .table-wrapper .table-headers-container {
  height: 40%;
}

.edit-form.edit-page .right-popupbody .table-wrapper .table-body-container {
  height: 36%;
}

@media (max-width: 1600px) {
  .create-newForm .field-adding-wrap {
    height: calc(95vh - 307px);
  }
}


@media (max-width: 1024px) {

  .search-filter-wrapper form,
  .search-option-wrapper .input-wrapper {
    width: 100%;
  }

  .search-option-wrapper .input-wrapper .input input {
    min-width: unset;
    width: 100%;
  }

  .workplace .table-view .table-responsive {
    height: calc(100vh - 375px);
  }
}

/* New estimate css start from here  */


.form-group.custom-counter {
  display: flex;
}

.form-group.custom-counter div.title {
  max-width: 159px;
  width: 100%;
  display: flex;
  align-items: center;
  color: #744ECC;
}

.form-group.custom-counter .counter-wraper {
  display: flex;
}

.form-group.custom-counter button {
  padding: 10px 30px;
  background-color: white;
  border: 1px solid #744ECC;
  border-radius: 16px;
  font-size: 0;
  line-height: 0px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12H16' stroke='%2356687A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 16V8' stroke='%2356687A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z' stroke='%2356687A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.form-group.custom-counter input {
  background-color: white;
  border: 1px solid #744ECC;
  border-radius: 16px;
  margin: 0 12px;
  width: 100%;
}

.form-group.custom-counter input+button {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12H16' stroke='%2356687A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z' stroke='%2356687A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#addMultisingleBtn .right-popupbody .form-group textarea ,.right-popupbody textarea.form-control {
  min-height: 238px;
  border-radius: 16px;
  margin-top: 10px;
  resize: none;
}

.titleStyle{
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  color: #56687A;
}

/*  checkbox table css */

#tableOptionValues #tableOptionInputs .option-wrapper {
  display: block !important;
}

#tableOptionValues #tableOptionInputs .option-wrapper > div {
  align-items: center;
  gap: 10px;
}

#tableOptionValues #tableOptionInputs .option-wrapper > div.mb-2{
  margin-left: 30px;
}

#tableOptionValues #tableOptionInputs .option-wrapper > div.mb-2 input {
  margin-bottom: 0 !important;
}

#tableOptionValues
  #tableOptionInputs
  .option-wrapper
  > div.mb-2
  input[type="checkbox"],
.edit-form
  #addMultisingleBtn
  .optionWrapper
  .input-delete-container
  + .checkbox-container
  input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border: 1px solid #7f56d9;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  margin: 0;
  transition: all 0.2s ease-in-out;
}

#tableOptionValues
  #tableOptionInputs
  .option-wrapper
  > div.mb-2
  input[type="checkbox"]:hover,
.edit-form
  #addMultisingleBtn
  .optionWrapper
  .input-delete-container
  + .checkbox-container
  input[type="checkbox"]:hover {
  background-color: #f8f5ff;
}

#tableOptionValues
  #tableOptionInputs
  .option-wrapper
  > div.mb-2
  input[type="checkbox"]:checked,
.edit-form
  #addMultisingleBtn
  .optionWrapper
  .input-delete-container
  + .checkbox-container
  input[type="checkbox"]:checked {
  background-color: #744ecc;
  border-color: #744ecc;
}

#tableOptionValues
  #tableOptionInputs
  .option-wrapper
  > div.mb-2
  input[type="checkbox"]:checked::after,
.edit-form
  #addMultisingleBtn
  .optionWrapper
  .input-delete-container
  + .checkbox-container
  input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 35%;
  width: 12px;
  height: 6px;
  border: 2px solid white;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg) translate(0, -50%);
}

.edit-form #addMultisingleBtn .optionWrapper .input-delete-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.edit-form
  #addMultisingleBtn
  .optionWrapper
  .input-delete-container
  + .checkbox-container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}


.create-newForm .field-adding-wrap #dynamicFormFields .dynamic-field .table td span{
  float: right;
}

.edit-form #addMultisingleBtn .optionWrapper .input-delete-container + .checkbox-container{
  margin-left: 30px;
}


/* checkbox table css The End */

@media (max-width: 767px) {
	.form-builderCard{
		width:100%
	}
 
	.create-form-body{
		flex-direction:column;
	}
 
	.create-newForm .input-fields-wrapper{
		max-width:none
	}	

	.create-newForm .form-preview{
		width:100%
	}
	.create-newForm .right-dropdown-popup{
		width:100%
		margin-bottom:15px;
	}



}


/*  end of new estimate css */
 

@media (max-width: 991px) {
  .content {
    width: 100%;
  }

  body .wrapper .menu {
    padding-top: 20px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 0;
    margin-top: 0;
    height: 100%;
  }

  body .wrapper .content {
    width: 100%;
  }

  .header .hamburder-bnt {
    display: block;
    cursor: pointer;
  }
}


@media (max-width: 768px) {
  body .wrapper.nav-show .menu {
    left: 0;
    display: block;
    margin-left: unset !important;
    top: 102px;
    z-index: 3;
  }

  body .wrapper.nav-show .navigation .menu-collapse{
    display: none;
  }
}