@charset "UTF-8";
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes color-change {
  0% {
    color: #ffffff;
  }
  25% {
    color: #87c9f0;
  }
  45% {
    color: #87c9f0;
  }
  50% {
    color: #ffffff;
  }
  75% {
    color: #87c9f0;
  }
  95% {
    color: #87c9f0;
  }
  100% {
    color: #ffffff;
  }
}
html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: "Basic Sans", sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  overflow: hidden;
}

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

h1, h2 {
  color: #121c5e;
  font-family: "Basic Sans", sans-serif;
  font-weight: bold;
}

p, b, label, span, input, textarea, li, select {
  color: #121c5e;
  font-family: "Basic Sans", sans-serif;
  font-weight: bold;
}

button {
  outline: none;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
  margin-right: 3em;
}

.w-30 {
  width: 30% !important;
}

#app-loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  width: 100%;
}
#app-loader div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#app-loader img {
  animation: fadein 2s;
  width: 65%;
}
#app-loader p {
  animation: color-change 10s infinite;
  color: #55ade1;
  font-size: 3vw;
}

.sidebar {
  width: 15.2777777778vw;
  height: 100%;
  position: fixed;
  left: 0;
  z-index: 100;
  transition: 0.3s all ease-in-out;
}
.sidebar .sidebar-block {
  width: 100%;
  height: 89%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.6944444444vw;
  box-sizing: border-box;
}

.menu-wrapper {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.9027777778vw;
  width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sidebar.close {
  left: -15.2777777778vw;
  transition: 0.3s all ease-in-out;
}

.logo-block {
  width: 15%;
  height: auto;
  min-height: 6.9444444444vw;
  padding: 1.0416666667vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  margin-top: 10px;
}
.logo-block img {
  width: 100%;
  height: auto;
}
.logo-block img:hover {
  cursor: pointer;
}

.main-content {
  margin-left: 15.2777777778vw;
  width: calc(100% - 15.9722222222vw);
  border-radius: 0.9027777778vw;
  height: 86.4vh;
  display: flex;
  flex-direction: column;
  margin-top: 14px;
  background-color: rgba(255, 255, 255, 0.8);
}
.main-content .scroll-area {
  overflow-y: auto;
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
}

.menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  overflow: visible;
}
.menu ul {
  width: 100%;
  height: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: visible;
}
.menu ul li {
  width: 100%;
  height: auto;
  cursor: pointer;
  border-radius: 1.3888888889vw;
  margin-left: 20px;
}
.menu ul li a {
  width: 100%;
  height: 2.4305555556vw;
  margin-bottom: 0.6944444444vw;
  padding: 0 1.25vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  text-decoration: none;
  transition: 0.2s linear;
}
.menu ul li a .menu-ico {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border-radius: 50%;
  margin-right: 1.0416666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu ul li a .menu-ico i {
  font-size: 1.5rem;
  color: #121c5e;
  text-decoration: none;
}
.menu ul li a span {
  font-size: 1rem;
  color: #121c5e;
  text-decoration: none;
}
.menu ul li a:hover {
  background-color: #82D9a8;
  border-radius: 1.3888888889vw;
  height: 2.4305555556vw;
}
.menu ul li a:hover .menu-ico img {
  filter: brightness(0) invert(1);
  transition: linear 0.2s;
}
.menu ul li a:hover .menu-ico i {
  font-size: 1.5rem;
  color: #ffffff;
  transition: linear 0.2s;
  text-decoration: none;
}
.menu ul li:hover span {
  color: #ffffff;
}
.menu ul li.active {
  background-color: #82D9a8;
}
.menu ul li.not-active {
  background-color: #121c5e !important;
}
.menu ul li.router-link-active {
  background-color: #82D9a8;
  box-shadow: 0 0.25em 1em -0.5em #3e8cea;
}
.menu ul li.router-link-active a {
  width: 100%;
  height: 2.4305555556vw;
  margin-bottom: 0.6944444444vw;
  padding: 0 1.25vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  transition: 0.2s linear;
}
.menu ul li.router-link-active a .menu-ico {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border-radius: 50%;
  background-color: #82D9a8;
  margin-right: 1.0416666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu ul li.router-link-active a .menu-ico img {
  filter: brightness(0) invert(1);
  transform: scale(1.2);
}
.menu ul li.router-link-active a .menu-ico i {
  font-size: 1.5rem;
  color: #ffffff;
  text-decoration: none;
}
.menu ul li.router-link-active a span {
  font-size: 1rem;
  color: #ffffff;
  text-decoration: none;
}
.menu ul li.router-link-active a:hover {
  transition: linear 0.2s;
  background-color: #82D9a8;
  border-radius: 1.3888888889vw;
  height: 2.4305555556vw;
}
.menu ul li.disabled {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  text-decoration: none;
  cursor: default;
}
.menu ul li.disabled .menu-ico {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border-radius: 50%;
  margin-right: 1.0416666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
}
.menu ul li.disabled .menu-ico i {
  font-size: 1.5rem;
  color: #121c5e;
  text-decoration: none;
}
.menu ul li.disabled span {
  font-size: 1rem;
  color: #121c5e;
  text-decoration: none;
  opacity: 0.6;
}
.menu ul li.disabled a {
  cursor: default;
  pointer-events: none;
}
.menu ul li.disabled a:hover {
  background-color: inherit;
  height: 2.4305555556vw;
}
.menu ul li.disabled a:hover .menu-ico i {
  color: #121c5e;
  transition: linear 0.2s;
}
.menu ul li.disabled a:hover span {
  color: #121c5e;
  transition: linear 0.2s;
}
.menu ul li.with-sub-menu a {
  cursor: pointer;
  justify-content: space-between;
}
.menu ul li.with-sub-menu .content-btn {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.menu ul li.with-sub-menu .sub-menu-btn {
  width: auto;
  height: auto;
  display: flex;
  justify-self: flex-end;
  transform: rotate(-180deg);
  transition: 0.2s linear;
}
.menu ul li.with-sub-menu .sub-menu-btn i {
  font-size: 1.5rem;
  color: #ffffff;
}
.menu ul li.with-sub-menu .sub-menu li {
  border-bottom: none;
}
.menu ul li.with-sub-menu .sub-menu li a {
  padding: 0.8680555556vw 1.0416666667vw 0.8680555556vw 4.8611111111vw;
}
.menu ul li.closed-sub-menu .sub-menu-btn {
  transform: rotate(0deg);
  transition: 0.2s linear;
}
.menu ul li.closed-sub-menu .sub-menu {
  height: 0;
  display: none;
}

#header {
  width: 100%;
  height: 4.4444444444vw;
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  align-content: center;
  z-index: 100;
  transition: 0.3s all ease-in-out;
}
#header .page-name {
  width: 17.3611111111vw;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #121c5e;
}
#header .page-name h2 {
  color: #ffffff;
  font-family: "Basic Sans", sans-serif;
  font-size: 2.5rem;
  font-weight: 100;
  margin: 0;
}
#header .page-title {
  width: calc(100% - 34.7222222222vw);
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.6944444444vw 4.4444444444vw;
  margin-top: 0.8333333333vw;
}
#header .page-title h2 {
  color: #121c5e;
  font-family: "Basic Sans", sans-serif;
  font-size: 2rem;
  font-weight: 100;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.2777777778vw;
}
#header .head-btn-block {
  width: 15.625vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 2.0833333333vw;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
#header .head-btn-block .btn-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#header .head-btn-block .btn-wrapper .head-btn,
#header .head-btn-block .btn-wrapper .support-btn {
  transition: box-shadow 0.3s ease;
}
#header .head-btn-block .btn-wrapper .head-btn:hover,
#header .head-btn-block .btn-wrapper .support-btn:hover {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6);
}
#header .head-btn-block .head-btn {
  width: 2.4305555556vw;
  height: 3.125vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #3e8cea;
  border-radius: 0 0 2.7777777778vw 2.7777777778vw;
  cursor: pointer;
  text-decoration: none;
}
#header .head-btn-block .head-btn .user-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
#header .head-btn-block .head-btn .user-img i {
  color: #ffffff;
  font-size: 1.625rem;
  text-decoration: none;
}
#header .head-btn-block .head-btn span {
  color: #121c5e;
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}
#header .head-btn-block .support-btn {
  width: 2.4305555556vw;
  height: 3.125vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #82D9a8;
  border-radius: 0 0 2.7777777778vw 2.7777777778vw;
  cursor: pointer;
  text-decoration: none;
}
#header .head-btn-block .support-btn .user-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
#header .head-btn-block .support-btn .user-img i {
  color: #ffffff;
  font-size: 1.625rem;
  text-decoration: none;
}
#header .head-btn-block .support-btn span {
  color: #121c5e;
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
}

.manual-btn .menu-ico {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.manual-btn .menu-ico i {
  font-size: 1.5rem;
  color: #ffffff;
}
.manual-btn span {
  font-size: 0.9rem;
  color: #121c5e;
}
.manual-btn:hover .menu-ico i {
  color: #ffffff;
  transition: linear 0.2s;
}
.manual-btn:hover span {
  color: #ffffff;
  transition: linear 0.2s;
}

.router-link-active .menu-ico i {
  color: #ffffff;
}
.router-link-active span {
  color: #ffffff;
}

footer {
  width: 100%;
  height: 1.3888888889vw;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 200;
  padding: 0 3.4722222222vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  box-sizing: border-box;
}
footer span {
  color: #121c5e;
  font-size: 0.625rem;
  font-weight: 400;
}
footer a {
  color: #121c5e;
  font-size: 0.625rem;
  text-decoration: none;
  font-weight: 400;
  cursor: pointer;
}
footer a:hover {
  text-decoration: underline !important;
}
footer > span {
  margin-right: 1.3888888889vw;
}
footer > a {
  margin-right: 1.3888888889vw;
}

.log-footer {
  background-color: transparent;
  height: 2.7777777778vw;
  padding: 0 1.7361111111vw;
  justify-content: flex-start;
}
.log-footer > span {
  color: #ffffff;
  font-size: 0.75rem;
  margin-right: 1.3888888889vw;
}
.log-footer > a {
  margin-right: 1.3888888889vw;
}
.log-footer a {
  font-size: 0.75rem;
  color: #ffffff !important;
}

#app, #main, .content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

.main {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

.main.open-sidebar {
  position: absolute;
  top: 0;
}

.content-wrapper {
  width: 100%;
  height: auto;
  min-height: calc(100% - 5.8333333333vw);
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  margin: 4.4444444444vw 0 1.3888888889vw;
}

.content-block {
  width: 76.3888888889vw;
  height: auto;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 1.7361111111vw 0 2.7777777778vw;
}

.homepage-block {
  margin-bottom: 2em;
  width: 100%;
}

.homepage-block-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1em;
  width: 100%;
}

.attention-block {
  width: 100%;
  height: auto;
  min-height: 5.2083333333vw;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.9027777778vw;
  padding: 1.0416666667vw 1.0416666667vw 1.0416666667vw 4.8611111111vw;
  transition: 0.3s all ease-in-out;
  margin-bottom: 1.0416666667vw;
  box-shadow: 0 0.25em 1em -0.5em #82D9a8;
}
.attention-block .attention-ico {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  position: absolute;
  top: 1.0416666667vw;
  left: 1.0416666667vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #82D9a8;
  border-radius: 50%;
}
.attention-block .attention-ico i {
  color: #ffffff;
  font-size: 1.5rem;
}
.attention-block .attention-header {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: flex-start;
}
.attention-block .attention-header .attention-title {
  width: auto;
  height: auto;
  box-sizing: border-box;
}
.attention-block .attention-header .attention-title h2 {
  color: #121c5e;
  font-size: 1.375rem;
  margin: 0;
}
.attention-block .attention-header .attention-close-btn {
  width: auto;
  height: auto;
  box-sizing: border-box;
}
.attention-block .attention-header .attention-close-btn a {
  width: auto;
  height: auto;
  text-decoration: none;
}
.attention-block .attention-header .attention-close-btn a i {
  color: #121c5e;
  font-weight: 600;
  font-size: 1.5rem;
  cursor: pointer;
}
.attention-block .attention-content {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.attention-block .attention-content p {
  color: #121c5e;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 0.8333333333vw;
}
.attention-block .attention-content p:first-of-type {
  margin-top: 0.8333333333vw;
}
.attention-block .attention-content p, .attention-block .attention-content li {
  color: #121c5e;
  font-size: 0.9rem;
}

.flex-vertical-center {
  align-items: center;
}

.nowrap-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.left-alg {
  text-align: left;
}

.right-alg {
  text-align: right;
}

.center-alg {
  text-align: center;
}

.table-index {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  overflow: auto;
  border-radius: 1.3888888889vw;
  box-shadow: 0 0.25em 1em -0.5em #3e8cea;
}
.table-index span.nothing-in-table {
  color: #121c5e;
  margin: 1.0416666667vw 0;
}
.table-index .dataTables_wrapper {
  width: 100%;
  border-bottom-right-radius: 0.3472222222vw;
  border-bottom-left-radius: 0.3472222222vw;
  overflow: hidden;
}
.table-index table.dataTable {
  border-bottom: none;
  transition: none;
}
.table-index table.dataTable .table-progress {
  justify-content: center;
}
.table-index table.dataTable thead th {
  border-bottom: none;
  outline: none;
  background-image: none;
  font-weight: bold !important;
}
.table-index table.dataTable thead th .sort-btn {
  color: #ffffff;
  font-size: 1.25rem;
  margin-left: 0.5555555556vw;
  vertical-align: middle;
  transition: 0.2s linear;
}
.table-index table.dataTable thead th.sorting_asc .sort-btn {
  transform: rotate(-180deg);
  transition: 0.2s linear;
}
.table-index table {
  border-radius: 1vw;
  border-spacing: 0;
  width: 100%;
  height: auto;
  font-size: 0.9rem;
}
.table-index table tr th:first-of-type {
  padding-left: 2.0833333333vw !important;
  color: #121c5e;
}
.table-index table tr th:last-of-type {
  padding-right: 2.0833333333vw !important;
  color: #121c5e;
}
.table-index table tr td:first-of-type {
  padding-left: 2.0833333333vw !important;
  color: #121c5e;
}
.table-index table tr td:last-of-type {
  padding-right: 2.0833333333vw !important;
  color: #121c5e;
}
.table-index table tr:last-of-type {
  padding: 1.0416666667vw 0 1.0416666667vw !important;
}
.table-index table tr.no-padding td {
  padding: 0 !important;
}
.table-index table th {
  padding: 0.7638888889vw 0.6944444444vw 0.7638888889vw !important;
  color: #121c5e;
  font-weight: bold;
}
.table-index table td {
  padding: 0.2083333333vw 0.6944444444vw 0.2083333333vw !important;
  font-weight: normal;
  color: #121c5e;
}
.table-index table thead {
  color: #ffffff;
  background-color: #ffffff;
}
.table-index table thead tr {
  background-color: #f7f7f7;
}
.table-index table thead tr td {
  padding: 1.0416666667vw 0 1.0416666667vw !important;
}
.table-index table tbody .row-table-line {
  background-color: #121c5e;
  border-bottom: none;
}
.table-index table tbody .row-table-line th {
  text-align: center;
  color: #ffffff;
}
.table-index table tbody .row-table-routing b {
  font-weight: 600;
}
.table-index table tbody .row-table-routing .btns-in-table {
  justify-content: flex-end;
}
.table-index table tbody .row-table-routing .btns-in-table a i {
  font-size: 2.06rem;
}
.table-index table tbody .row-table-routing td {
  padding: 0.2777777778vw 0.6944444444vw 0.2777777778vw !important;
}
.table-index table tbody .row-table-routing td:first-of-type {
  padding-left: 2.0833333333vw !important;
}
.table-index table tbody .row-table-routing td:last-of-type {
  padding-right: 2.0833333333vw !important;
}
.table-index table tbody tr {
  border-top: 1.5px solid #E8F1F2;
  background-color: #ffffff;
}
.table-index table tbody tr:last-of-type td:first-of-type {
  color: #121c5e;
}
.table-index table tbody tr:last-of-type td:last-of-type {
  color: #121c5e;
}
.table-index table tbody tr.row-page-divider {
  color: #ffffff;
}
.table-index table tbody tr.row-page-divider .btns-in-table a i {
  color: #ffffff;
}
.table-index table tbody td img {
  height: auto;
  vertical-align: middle;
}
.table-index table tbody td a {
  text-decoration: none;
  color: #121c5e;
  transition: 0.2s linear;
}
.table-index table tbody td a:hover {
  color: #121c5e;
  transition: 0.2s linear;
  text-decoration: underline;
}
.table-index table tbody td button a {
  color: #ffffff;
}
.table-index table tbody td i.fa-arrows-alt-v {
  color: #82D9a8;
  transition: 0.2s linear;
  font-size: 1.4rem;
  cursor: pointer;
}
.table-index table tbody td i.fa-arrows-alt-v:hover {
  color: #121c5e;
  transition: 0.2s linear;
}
.table-index table tbody td .row-with-check {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.table-index table tbody td .row-with-check > label {
  margin-right: 2.0833333333vw;
}
.table-index table tbody td .row-with-check .row-with-check-desc {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.table-index table tbody .routing-rule {
  padding: 0.2777777778vw 0 0.2777777778vw 2.0833333333vw !important;
}
.table-index table tbody .action-routing-rule {
  padding: 0.2777777778vw 0 0.2777777778vw 3.4722222222vw !important;
}
.table-index table tbody .route-prefix {
  width: auto !important;
}
.table-index table tbody .btn-routing-create {
  color: #66E2BC;
}
.table-index table tbody .btn-routing-create:hover {
  color: #66E2BC;
}
.table-index table tbody .row-hide-question {
  border-bottom: 1.5px solid #E8F1F2 !important;
}
.table-index .identify-icon {
  font-size: 1.3rem;
  margin-right: 0.6944444444vw;
  vertical-align: middle;
  color: #121c5e;
  width: 1.6rem;
  text-align: center;
}

.red {
  background-color: #c16568;
}

.dashboards-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.dashboards-block .dashboard-wrapper-block {
  width: calc(100% + 2.0833333333vw);
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-left: -1.0416666667vw;
  margin-right: -1.0416666667vw;
}
.dashboards-block .dashboard-wrapper-block .dashboard {
  width: calc((100% - 11.8055555556vw)/5);
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 1.3888888889vw;
  margin-bottom: 1.7361111111vw;
  overflow: hidden;
  margin-right: 1.0416666667vw;
  margin-left: 1.0416666667vw;
  box-shadow: 0 0.25em 1em -0.5em #82D9a8;
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-image {
  width: 100%;
  height: 13.8888888889vw;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #ffffff;
  border-top-left-radius: 1.3888888889vw;
  border-top-right-radius: 1.3888888889vw;
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-image img {
  width: 100%;
  height: auto;
  border-radius: 1.3888888889vw;
  padding: 2em;
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-image .dashboard-title {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.4861111111vw 0.6944444444vw;
  background-color: rgba(255, 255, 255, 0.8);
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-image .dashboard-title span {
  font-size: 1.125rem;
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-buttons {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-buttons a {
  width: 3.4722222222vw;
  height: 3.3333333333vw;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.9722222222vw 0;
  background-color: #82D9a8;
  cursor: pointer;
  transition: 0.2s linear;
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-buttons a i {
  color: #ffffff;
  font-size: 1.25rem;
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-buttons a:last-of-type {
  border-right: none;
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-buttons a:hover {
  transition: 0.2s linear;
  opacity: 0.6;
}
.dashboards-block .dashboard-wrapper-block .dashboard .dashboard-buttons a.disabled i {
  opacity: 0.7;
}

.dashboards-buttons {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin-bottom: 0.5vh;
}
.dashboards-buttons a {
  margin-right: 0.5vw;
}
.dashboards-buttons a:last-of-type {
  margin-right: 0;
}
.dashboards-buttons div.action-btn {
  margin-right: 0.5vw;
}

.action-btn {
  width: auto;
  height: auto;
  display: inline-block;
  text-decoration: none;
  outline: none;
}
.action-btn button {
  width: auto;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: none;
  border-radius: 1.3888888889vw;
  background-color: #3e8cea;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.25em;
  padding: 0 2.0833333333vw;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: 0.2s linear;
  outline: none;
  font-weight: bold;
  text-decoration: none;
}
.action-btn button i {
  font-size: 1.125rem;
  margin-left: 0.4166666667vw;
}
.action-btn button:hover {
  text-decoration: none;
  transition: 0.2s linear;
  background-color: #55ade1;
}
.action-btn:hover {
  text-decoration: none;
}

.disabled button {
  background-color: #9f9f9f;
}
.disabled button:hover {
  background-color: #9f9f9f;
  cursor: default;
}

.marg-left button i {
  margin-left: 0.4166666667vw;
}

.marg-right button i {
  margin-right: 0.4166666667vw;
}

.btns-in-table {
  width: auto;
  height: auto;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.btns-in-table a {
  width: auto;
  height: auto;
  display: inline-block;
  text-decoration: none;
  color: #82D9a8;
  font-size: 1.375rem;
  transition: 0.2s linear;
  margin-right: 1rem;
  cursor: pointer;
  position: relative;
}
.btns-in-table a:last-of-type {
  margin-right: 0;
}
.btns-in-table a:hover {
  color: #66E2BC;
  transition: 0.2s linear;
}
.btns-in-table a.disabled {
  opacity: 0.5;
}
.btns-in-table a.disabled:hover {
  color: #82D9a8 !important;
  transition: linear 0.2s;
}
.btns-in-table a.disabled i:hover {
  color: #82D9a8 !important;
  transition: linear 0.2s;
}

.trash-btn-block {
  width: auto;
  height: auto;
  box-sizing: border-box;
  position: absolute;
  top: 1.3888888889vw;
  left: 1.3888888889vw;
  z-index: 10;
}
.trash-btn-block a {
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  color: #121c5e;
  font-size: 1rem;
}
.trash-btn-block a i {
  font-size: 1.125rem;
  margin-left: 0.5555555556vw;
}

.filter-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.9027777778vw;
  padding: 1.0416666667vw 1.0416666667vw;
  box-shadow: 0 0.25em 1em -0.5em #82D9a8;
}
.filter-block .search-select-block {
  width: calc(50% - 0.3472222222vw);
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.filter-block .search-select-block .search {
  width: calc(60% - 0.6944444444vw);
  height: auto;
  margin-right: 0.6944444444vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 0;
}
.filter-block .search-select-block .search input[type=text] {
  width: calc(100% - 2.7777777778vw);
  height: 2.7777777778vw;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 1.3888888889vw;
  font-size: 1rem;
  padding: 0 1.0416666667vw;
}
.filter-block .search-select-block .search input[type=text]::-webkit-input-placeholder {
  color: #121c5e;
}
.filter-block .search-select-block .search input[type=text]::-moz-placeholder {
  color: #121c5e;
}
.filter-block .search-select-block .search input[type=text]:-ms-input-placeholder {
  color: #121c5e;
}
.filter-block .search-select-block .search input[type=text]:-moz-placeholder {
  color: #121c5e;
}
.filter-block .search-select-block .search button {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  border: none;
  background-color: #3e8cea;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 1.5rem;
  border-radius: 0.9027777778vw;
  cursor: pointer;
  font-weight: bold;
}
.filter-block .search-select-block .search button:hover {
  background-color: #55ade1;
  transition: linear 0.2s;
}
.filter-block form {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  margin-bottom: 0;
}
.filter-block form div.search-form-field {
  width: auto;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.filter-block form div.search-form-field input[type=text] {
  width: 17.3611111111vw;
  height: 2.7777777778vw;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 1.3888888889vw;
  border: 2px solid #82D9a8;
  font-size: 1rem;
  padding: 0 1.0416666667vw;
  outline: none;
}
.filter-block form div.search-form-field input[type=text]::-webkit-input-placeholder {
  color: gray;
}
.filter-block form div.search-form-field input[type=text]::-moz-placeholder {
  color: gray;
}
.filter-block form div.search-form-field input[type=text]:-ms-input-placeholder {
  color: gray;
}
.filter-block form div.search-form-field input[type=text]:-moz-placeholder {
  color: gray;
}
.filter-block form div.search-form-field .select {
  min-width: 17.3611111111vw;
}
.filter-block form div.search-form-field .v-select {
  width: 100%;
}
.filter-block form div.search-form-field .v-select .dropdown-toggle {
  background-color: #ffffff;
}
.filter-block form div.search-form-field .question-hint-right {
  width: auto;
  height: auto;
  position: relative;
  margin-left: 0.6944444444vw;
}
.filter-block form div.search-form-field .question-hint-right i {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 50%;
  background-color: #82D9a8;
  font-size: 0.75rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.filter-block form div.search-form-field .question-hint-right i:hover ~ .question-hint {
  display: flex;
  opacity: 1;
}
.filter-block form div.search-form-field .question-hint-right .question-hint {
  width: 17.3611111111vw;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.9027777778vw;
  z-index: 500;
  position: absolute;
  left: 2.4305555556vw;
  bottom: -0.6944444444vw;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.filter-block form div.search-form-field .question-hint-right .question-hint .question-hint-inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 500;
  padding: 0.6944444444vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.9027777778vw;
}
.filter-block form div.search-form-field .question-hint-right .question-hint .question-hint-inside h6 {
  color: #121c5e;
  font-size: 1rem;
  margin: 0 0 0.3472222222vw;
}
.filter-block form div.search-form-field .question-hint-right .question-hint .question-hint-inside span {
  font-size: 0.75rem;
  color: #121c5e;
}
.filter-block form div.search-form-field .question-hint-right .question-hint:before {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background-color: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  left: -0.3472222222vw;
  bottom: 1.0416666667vw;
  z-index: 1;
}
.filter-block form div.search-form-field .question-hint-left {
  width: auto;
  height: auto;
  position: relative;
  margin-left: 0.6944444444vw;
}
.filter-block form div.search-form-field .question-hint-left i {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 50%;
  background-color: #82D9a8;
  font-size: 0.75rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.filter-block form div.search-form-field .question-hint-left i:hover ~ .question-hint {
  display: flex;
  opacity: 1;
}
.filter-block form div.search-form-field .question-hint-left .question-hint {
  width: 17.3611111111vw;
  height: auto;
  right: 2.4305555556vw;
  left: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.9027777778vw;
  z-index: 500;
  position: absolute;
  bottom: -0.6944444444vw;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.filter-block form div.search-form-field .question-hint-left .question-hint .question-hint-inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 500;
  padding: 0.6944444444vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.9027777778vw;
}
.filter-block form div.search-form-field .question-hint-left .question-hint .question-hint-inside h6 {
  color: #121c5e;
  font-size: 1rem;
  margin: 0 0 0.3472222222vw;
}
.filter-block form div.search-form-field .question-hint-left .question-hint .question-hint-inside span {
  font-size: 0.75rem;
  color: #121c5e;
}
.filter-block form div.search-form-field .question-hint-left .question-hint:before {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background-color: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  right: -0.3472222222vw;
  left: auto;
  bottom: 1.0416666667vw;
  z-index: 1;
}
.filter-block form button {
  width: auto;
  height: 2.7777777778vw;
  box-sizing: border-box;
  padding: 0 1.3888888889vw;
  border-radius: 1.3888888889vw;
  border: none;
  background-color: #3e8cea;
  color: #ffffff;
  font-size: 1rem;
  transition: 0.2s linear;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  box-shadow: 0 0 0.6944444444vw rgba(255, 255, 255, 0.8);
}
.filter-block form button i {
  font-size: 1.125rem;
  margin-right: 0.6944444444vw;
}
.filter-block form button:hover {
  background-color: #55ade1;
  transition: 0.2s linear;
}
.filter-block form .checkmark-box {
  width: 1.5277777778vw;
  height: 1.5277777778vw;
  position: relative;
  display: inline;
}
.filter-block form .checkmark-box label > input {
  display: none !important;
}
.filter-block form .checkmark-box:hover input ~ .checkmark {
  background-color: #ccc;
}
.filter-block form .checkmark-box input:checked ~ .checkmark:after {
  display: block;
}
.filter-block form .checkmark-box .checkmark {
  border: 2px solid #82D9a8;
  background-color: #ffffff;
  border-radius: 0.55em;
  height: 1.5277777778vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.5277777778vw;
  cursor: pointer;
}
.filter-block form .checkmark-box .checkmark:after {
  content: "";
  display: none;
  position: absolute;
  border: solid #121c5e;
  border-width: 0 0.2083333333vw 0.2083333333vw 0;
  left: 0.3472222222vw;
  height: 0.9722222222vw;
  transform: rotate(45deg);
  top: 0.0694444444vw;
  width: 0.5555555556vw;
}
.filter-block form label.checkmark-text {
  margin-left: 5px;
  margin-bottom: 0;
  color: #121c5e;
  font-weight: bold;
}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 1rem;
  width: 40%;
  height: 2.7777777778vw;
}

.v-select {
  width: 100%;
}
.v-select .dropdown-toggle {
  height: auto;
  min-height: 2.7777777778vw;
  border: 2px solid #121c5e !important;
  border-radius: 3px !important;
  padding-bottom: 0 !important;
}
.v-select .dropdown-toggle:after {
  content: none;
}
.v-select .dropdown-toggle .vs__selected-options span {
  height: 2.5vw;
  margin-top: 0;
  font-size: 1rem;
  color: #121c5e !important;
}
.v-select .dropdown-toggle .vs__selected-options input {
  margin-top: 0;
}
.v-select .dropdown-toggle .vs__selected-options input:focus {
  margin-top: 0;
}
.v-select .dropdown-toggle .vs__actions {
  width: 38px;
  display: flex;
  flex-direction: row;
  align-self: stretch;
  padding: unset !important;
  background-color: #121c5e;
}
.v-select .dropdown-toggle .vs__actions i {
  padding: 10px 10px 12px 15px;
  width: 38px;
}
.v-select .dropdown-toggle .vs__actions i:before {
  border-color: #ffffff;
}
.v-select .dropdown-toggle .vs__actions .clear {
  display: none;
}
.v-select .selected-tag .close {
  font-size: 1em !important;
}

.multi-select .dropdown-toggle .vs__selected-options .selected-tag {
  height: 2.2222222222vw !important;
  margin-top: 0.1388888889vw;
  margin-bottom: 0.1388888889vw;
  max-width: 380px;
  border: none;
  background-color: #121c5e;
  color: #ffffff;
}
.multi-select .dropdown-toggle .vs__selected-options .selected-tag > button {
  color: #ffffff;
  opacity: 1;
  text-shadow: none;
}
.multi-select .dropdown-toggle .vs__selected-options .selected-tag > button:hover {
  opacity: 0.5;
}
.multi-select .dropdown-toggle .vs__selected-options .selected-tag > button > span {
  color: #ffffff;
  transition: linear 0.2s;
}

.popup .popup-content .v-select .dropdown-toggle {
  padding: 0;
}

.v-select.open .dropdown-toggle .vs__actions i {
  padding: 15px 10px 11px 15px;
  margin-bottom: 0;
}

.v-select .dropdown-menu {
  border-left: 2px solid #121c5e !important;
  border-right: 2px solid #121c5e !important;
  border-bottom: 2px solid #121c5e !important;
}
.v-select .dropdown-menu > .highlight > a {
  background-color: #121c5e !important;
}
.v-select .dropdown-menu > li > a {
  font-size: 0.95rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.v-select .dropdown-toggle .selected-tag {
  white-space: nowrap;
  overflow: hidden;
  max-width: 17.3611111111vw;
}
.v-select.single.open .selected-tag {
  position: relative !important;
}
.v-select.single .selected-tag {
  max-width: calc(100% - 3rem);
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.calendar-remove-button {
  margin-left: 1.3888888889vw;
}
.calendar-remove-button i {
  font-size: 1.375rem;
  color: #82D9a8;
  transition: 0.2s linear;
}
.calendar-remove-button i:hover {
  color: #121c5e;
  transition: 0.2s linear;
}

.dropdown-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 50px;
}
.dropdown-block .dropdown-btn {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.dropdown-block .dropdown-btn h2 {
  font-size: 1.375rem;
  font-weight: bold;
  margin: 0;
}
.dropdown-block .dropdown-btn a {
  display: inline-flex;
  width: auto;
  height: auto;
  margin-left: 0.6944444444vw;
  text-decoration: none;
  cursor: pointer;
}
.dropdown-block .dropdown-btn a.archived-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-left: 2.4305555556vw;
  color: #121c5e;
  font-size: 0.9rem;
  font-weight: bold;
  transition: 0.2s linear;
}
.dropdown-block .dropdown-btn a.archived-btn i {
  font-size: 1.125rem;
  margin-left: 0.5555555556vw;
  transform: unset;
}
.dropdown-block .dropdown-btn a.archived-btn:hover {
  color: #3e8cea;
  transition: linear 0.2s;
}
.dropdown-block .dropdown-btn a.archived-btn:hover i {
  color: #ffffff;
  transition: linear 0.2s;
}
.dropdown-block .dropdown-btn a i {
  font-size: 1.4375rem;
  color: #3e8cea;
  transform: rotate(0deg);
  transition: 0.2s linear;
}
.dropdown-block .dropdown-content {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 1.0416666667vw;
  margin-bottom: 1.7361111111vw;
  color: #121c5e;
}
.dropdown-block .dropdown-content.hidden {
  display: none;
}
.dropdown-block .dropdown-content .table-index {
  border-radius: 0.9027777778vw;
}
.dropdown-block .dropdown-content .table-index .btns-in-table a {
  color: #82D9a8;
  transition: 0.2s linear;
}
.dropdown-block .dropdown-content .table-index .btns-in-table a:hover {
  text-shadow: none;
  color: #66E2BC;
  transition: 0.2s linear;
}
.dropdown-block .dropdown-content .table-index .btns-in-table table {
  border-radius: 1vw;
  border-spacing: 0;
  overflow: hidden;
}
.dropdown-block .dropdown-content .table-index .btns-in-table table thead tr {
  background-color: #f7f7f7;
}

.closed-dropdown .dropdown-btn a i {
  transform: rotate(180deg);
  transition: 0.2s linear;
}

.table-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: 0.9027777778vw;
  box-shadow: 0 0.25em 1em -0.5em #3e8cea;
  background-color: #ffffff;
}
.table-block .dataTables_wrapper {
  width: 100%;
  border-bottom-right-radius: 0.3472222222vw;
  border-bottom-left-radius: 0.3472222222vw;
  overflow: hidden;
}
.table-block table.dataTable {
  border-bottom: none;
  transition: none;
}
.table-block table.dataTable .table-progress {
  justify-content: center;
}
.table-block table.dataTable thead th {
  border-bottom: none;
  outline: none;
  background-image: none;
  font-weight: bold !important;
}
.table-block table.dataTable thead th .sort-btn {
  color: #ffffff;
  font-size: 1.25rem;
  margin-left: 0.5555555556vw;
  vertical-align: middle;
  transition: 0.2s linear;
}
.table-block table.dataTable thead th.sorting_asc .sort-btn {
  transform: rotate(-180deg);
  transition: 0.2s linear;
}
.table-block table {
  border-radius: 1vw;
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
  font-size: 0.9rem;
}
.table-block table tr th:first-of-type {
  padding-left: 2.0833333333vw !important;
}
.table-block table tr th:last-of-type {
  padding-right: 2.0833333333vw !important;
}
.table-block table tr td:first-of-type {
  padding-left: 2.0833333333vw !important;
}
.table-block table tr td:last-of-type {
  padding-right: 2.0833333333vw !important;
}
.table-block table th {
  padding: 1.0416666667vw 0 1.0416666667vw !important;
  font-weight: bold;
}
.table-block table td {
  padding: 0.3472222222vw 0 0.3472222222vw !important;
  font-weight: normal;
  color: #121c5e;
}
.table-block table thead {
  color: #121c5e;
}
.table-block table thead tr {
  background-color: #f7f7f7;
}
.table-block table tbody tr {
  border-top: 1.5px solid #E8F1F2;
}
.table-block table tbody tr:last-of-type {
  border-bottom: none;
}
.table-block table tbody td img {
  width: 1.5972222222vw;
  height: auto;
  vertical-align: middle;
}
.table-block table tbody td a {
  color: #121c5e;
  transition: 0.2s linear;
  text-decoration: none;
  font-weight: bold;
}
.table-block table tbody td a:hover {
  text-shadow: 0 0 0.2083333333vw rgba(130, 217, 168, 0.3);
  transition: 0.2s linear;
  color: #121c5e;
  text-decoration: underline;
}
.table-block table tbody td > span {
  font-weight: normal;
  color: #121c5e;
  max-width: 45.1388888889vw;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-block table tbody td > span.account-path {
  display: inline-flex;
  width: auto;
  overflow: unset;
  text-overflow: unset;
  max-width: 20.8333333333vw;
}
.table-block table tbody td > span.shorted-text {
  color: #121c5e;
  display: block;
  max-width: 45.1388888889vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btns-in-table i.fas {
  color: #82D9a8;
  width: 22px;
}
.btns-in-table i.fas:hover {
  color: #121c5e;
  text-shadow: none;
  transition: linear 0.2s;
}
.btns-in-table i.fas .btn-create {
  color: #82D9a8 !important;
}

.onderzoeken-btns {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-top: 1.0416666667vw;
}
.onderzoeken-btns a {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  text-decoration: none;
  color: #121c5e;
  font-size: 1.125rem;
  transition: 0.2s linear;
  margin-right: 2.0833333333vw;
  cursor: pointer;
}
.onderzoeken-btns a i {
  font-size: 1.5rem;
  margin-right: 0.6944444444vw;
}
.onderzoeken-btns a:hover {
  color: #19E5FF;
  transition: 0.2s linear;
}
.onderzoeken-btns a:last-of-type {
  margin-right: 0;
}

.onderzoeken-buttons {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.onderzoeken-buttons a {
  margin-right: 1.7361111111vw;
}
.onderzoeken-buttons a:last-of-type {
  margin-right: 0;
}
.onderzoeken-buttons a.trash-btn {
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  color: #121c5e;
  font-size: 1rem;
}
.onderzoeken-buttons a.trash-btn i {
  font-size: 1.125rem;
  margin-left: 0.5555555556vw;
}

.action-border-btn {
  width: auto;
  height: auto;
  display: inline-block;
  text-decoration: none;
  outline: none;
}
.action-border-btn button {
  width: auto;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: 2px solid #3e8cea;
  border-radius: 1.3888888889vw;
  background-color: #ffffff;
  color: #3e8cea;
  font-size: 1rem;
  padding: 0 2.0833333333vw;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: 0.2s linear;
  font-weight: bold;
  outline: none;
}
.action-border-btn button i {
  font-size: 1.125rem;
  margin-left: 0.4166666667vw;
}
.action-border-btn button:hover {
  background-color: #3e8cea;
  color: #ffffff;
  transition: 0.2s linear;
}
.action-border-btn:hover {
  text-decoration: none;
}

.survey-new-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  overflow-y: auto;
}
.survey-new-block .survey-new-header {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  margin-bottom: 1.3888888889vw;
}
.survey-new-block .survey-new-header h1 {
  font-weight: bold;
  margin: 0;
}
.survey-new-block .survey-new-form {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  border-radius: 0.9027777778vw;
  padding: 1.3888888889vw;
  margin-bottom: 1.3888888889vw;
  overflow-y: auto;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.survey-new-block .survey-new-form form {
  margin: 0;
  width: 100%;
  height: auto;
}
.survey-new-block .survey-new-form form .form-group {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.survey-new-block .survey-new-form form .form-group label {
  font-size: 1rem;
  font-weight: bold;
  color: #121c5e;
  margin-bottom: 1.0416666667vw;
}
.survey-new-block .survey-new-form form .form-group ul {
  list-style: none;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin: 0;
  padding: 0;
}
.survey-new-block .survey-new-form form .form-group ul li {
  width: auto;
  height: auto;
  position: relative;
  margin-bottom: 0.2083333333vw;
  margin-right: 1.0416666667vw;
}
.survey-new-block .survey-new-form form .form-group ul li input[type=radio] {
  position: absolute;
  opacity: 0;
}
.survey-new-block .survey-new-form form .form-group ul li input[type=radio] + label {
  width: auto;
  height: 40px;
  background-color: #3e8cea;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 0 1.3888888889vw;
  border-radius: 1.3888888889vw;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  transition: 0.2s linear;
  margin: 0;
  cursor: pointer;
}
.survey-new-block .survey-new-form form .form-group ul li input[type=radio] + label:hover {
  background-color: #55ade1;
  transition: 0.2s linear;
}
.survey-new-block .survey-new-form form .form-group ul li input[type=radio]:checked + label {
  background-color: #55ade1;
}
.survey-new-block .survey-new-form form .form-group ul li input[type=radio]:focus + label:before {
  background-color: #55ade1;
}
.survey-new-block .survey-new-form form .form-group ul li input[type=radio]:disabled + label:before {
  opacity: 0.6;
}
.survey-new-block .survey-new-form form .form-field-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-bottom: 1.3888888889vw;
}
.survey-new-block .survey-new-form form .form-field-block .form-label {
  width: 15%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.survey-new-block .survey-new-form form .form-field-block .form-label label {
  color: #121c5e;
  font-size: 1rem;
}
.survey-new-block .survey-new-form form .form-field-block .form-label b {
  color: #121c5e;
  font-size: 1rem;
  font-weight: 700;
}
.survey-new-block .survey-new-form form .form-field-block .form-field {
  width: calc(85% - 1.0416666667vw);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.survey-new-block .survey-new-form form .form-field-block .form-field.with-hint input[type=text] {
  width: calc(100% - 2.7777777778vw);
}
.survey-new-block .survey-new-form form .form-field-block .form-field input[type=text], .survey-new-block .survey-new-form form .form-field-block .form-field input[type=password] {
  width: 100%;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border-radius: 1.3888888889vw;
  border: 2px solid #82D9a8;
  padding: 0 1.0416666667vw;
  font-size: 1rem;
  outline: none;
}
.survey-new-block .survey-new-form form .form-field-block .form-field .v-select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.survey-new-block .survey-new-form form .form-field-block .form-field .select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.survey-new-block .survey-new-form form .form-field-block .form-field .vdp-datepicker .vdp-datepicker__clear-button span i span {
  font-style: initial;
  margin-right: 5px;
  color: #121c5e;
  font-size: 1.4rem;
}
.survey-new-block .survey-new-form form .form-field-block .form-field.date-field .question-date-field {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.survey-new-block .survey-new-form form .form-field-block .form-field.date-field .question-date-field input[type=text] {
  width: 10.4166666667vw;
}
.survey-new-block .survey-new-form form .form-field-block .form-field.date-field > span {
  margin-right: 1.0416666667vw;
}
.survey-new-block .survey-new-form form .form-field-block .form-field.date-field > span:last-of-type {
  margin-left: 1.0416666667vw;
}
.survey-new-block .survey-new-form form .form-field-block .form-field textarea {
  width: 100%;
  height: 10.4166666667vw;
  box-sizing: border-box;
  border-radius: 1.3888888889vw;
  border: 2px solid #82D9a8;
  padding: 0.6944444444vw 1.0416666667vw;
  font-size: 1rem;
  outline: none;
  resize: none;
}
.survey-new-block .survey-new-form form .form-field-block .form-field .mce-tinymce {
  width: 100%;
  border: 2px solid #121c5e !important;
  border-radius: 0.2083333333vw;
  color: #ffffff !important;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul {
  list-style: none;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin: 0;
  padding: 0;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul.dropdown-menu {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  overflow-y: auto;
  text-align: left;
  list-style: none;
  background: #ffffff;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul.dropdown-menu li {
  width: 100%;
  margin-right: 0;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul li {
  width: auto;
  height: auto;
  position: relative;
  margin-right: 2.4305555556vw;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul li input[type=radio] {
  position: absolute;
  opacity: 0;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul li input[type=radio] + label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 2px solid #121c5e;
  box-sizing: border-box;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  top: 0.2rem;
  margin-right: 0.5rem;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 50ms ease;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul li input[type=radio]:checked + label:before {
  background-color: #82D9a8;
  box-shadow: inset 0 0 0 3px #ffffff;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul li input[type=radio]:focus + label:before {
  outline: none;
  border-color: #121c5e;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul li input[type=radio]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.survey-new-block .survey-new-form form .form-field-block .form-field ul li input[type=radio] + label:empty:before {
  margin-right: 0;
}
.survey-new-block .survey-new-form form .form-field-block .test-link-survey span {
  font-size: 1rem;
  margin-right: 2.0833333333vw;
  cursor: pointer;
}
.survey-new-block .survey-new-form form .form-field-block .test-link-survey a {
  font-size: 1rem;
  font-weight: 300;
  text-decoration: underline;
  color: #121c5e;
  cursor: pointer;
  transition: linear 0.2s;
}
.survey-new-block .survey-new-form form .form-field-block .test-link-survey a:hover {
  color: #19E5FF;
  transition: linear 0.2s;
}
.survey-new-block .survey-new-form form .form-field-block:last-of-type {
  margin-bottom: 0;
}
.survey-new-block .survey-new-form form .field-with-valid {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.survey-new-block .survey-new-form form .two-fields-together {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 1.3888888889vw;
}
.survey-new-block .survey-new-form form .two-fields-together .form-field-block {
  width: 50%;
  margin-right: 10.4166666667vw;
  margin-bottom: 0;
}
.survey-new-block .survey-new-form form .two-fields-together .form-field-block .form-label {
  width: 50%;
  margin-right: 1.0416666667vw;
}
.survey-new-block .survey-new-form form .two-fields-together .form-field-block .form-field {
  width: calc(85% - 1.0416666667vw);
}
.survey-new-block .survey-new-form form .two-fields-together .form-field-block:last-of-type {
  margin-right: 0;
}
.survey-new-block .survey-new-form form .label-start {
  align-items: flex-start;
}
.survey-new-block .survey-new-form form .label-start .form-label {
  margin-top: 0.7638888889vw;
}
.survey-new-block .survey-new-form form .question-hint-right {
  width: auto;
  height: auto;
  position: relative;
  margin-left: 1.0416666667vw;
}
.survey-new-block .survey-new-form form .question-hint-right i {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 50%;
  background-color: #82D9a8;
  font-size: 0.75rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.survey-new-block .survey-new-form form .question-hint-right i:hover ~ .question-hint {
  display: flex;
  opacity: 1;
}
.survey-new-block .survey-new-form form .question-hint-right .question-hint {
  width: 17.3611111111vw;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.9027777778vw;
  z-index: 500;
  position: absolute;
  left: 2.4305555556vw;
  bottom: -0.6944444444vw;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.survey-new-block .survey-new-form form .question-hint-right .question-hint .question-hint-inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 500;
  padding: 0.6944444444vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.9027777778vw;
}
.survey-new-block .survey-new-form form .question-hint-right .question-hint .question-hint-inside h6 {
  color: #121c5e;
  font-size: 1rem;
  margin: 0 0 0.3472222222vw;
}
.survey-new-block .survey-new-form form .question-hint-right .question-hint .question-hint-inside span {
  font-size: 0.75rem;
  color: #121c5e;
}
.survey-new-block .survey-new-form form .question-hint-right .question-hint:before {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background-color: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  left: -0.3472222222vw;
  bottom: 1.0416666667vw;
  z-index: 1;
}
.survey-new-block .survey-new-form form .question-hint-left {
  width: auto;
  height: auto;
  position: relative;
  margin-left: 1.0416666667vw;
}
.survey-new-block .survey-new-form form .question-hint-left i {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 50%;
  background-color: #82D9a8;
  font-size: 0.75rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.survey-new-block .survey-new-form form .question-hint-left i:hover ~ .question-hint {
  display: flex;
  opacity: 1;
}
.survey-new-block .survey-new-form form .question-hint-left .question-hint {
  width: 17.3611111111vw;
  height: auto;
  right: 2.4305555556vw;
  left: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.9027777778vw;
  z-index: 500;
  position: absolute;
  bottom: -0.6944444444vw;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.survey-new-block .survey-new-form form .question-hint-left .question-hint .question-hint-inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 500;
  padding: 0.6944444444vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.9027777778vw;
}
.survey-new-block .survey-new-form form .question-hint-left .question-hint .question-hint-inside h6 {
  color: #121c5e;
  font-size: 1rem;
  margin: 0 0 0.3472222222vw;
}
.survey-new-block .survey-new-form form .question-hint-left .question-hint .question-hint-inside span {
  font-size: 0.75rem;
  color: #121c5e;
}
.survey-new-block .survey-new-form form .question-hint-left .question-hint:before {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background-color: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  right: -0.3472222222vw;
  left: auto;
  bottom: 1.0416666667vw;
  z-index: 1;
}
.survey-new-block .survey-new-buttons {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.survey-new-block .center {
  justify-content: center;
}
.survey-new-block .space-btw {
  justify-content: space-between;
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.survey-new-block .flex-end {
  justify-content: flex-end;
}
.survey-new-block .flex-end a {
  margin-right: 1.3888888889vw;
}
.survey-new-block .flex-end a:last-of-type {
  margin-right: 0;
}
.survey-new-block .flex-start {
  justify-content: flex-start;
}
.survey-new-block .flex-start a {
  margin-right: 1.3888888889vw;
}
.survey-new-block .flex-start a:last-of-type {
  margin-right: 0;
}

.form-check.custom-control.material-checkbox {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 0.4166666667vw;
}
.form-check.custom-control.material-checkbox:last-of-type {
  margin-bottom: 0;
}
.form-check.custom-control.material-checkbox .material-control-input {
  display: none;
}
.form-check.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
  border-right: 2px solid #121c5e;
  border-bottom: 2px solid #121c5e;
  background-color: transparent;
  transform: rotateZ(45deg) translate(1px, -5px);
  width: 0.8333333333vw;
  height: 1.25vw;
  opacity: 1;
  left: -0.1388888889vw;
  box-sizing: border-box;
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
}
.form-check.custom-control.material-checkbox .material-control-input:disabled ~ .material-control-indicator {
  opacity: 0.6;
}
.form-check.custom-control.material-checkbox .material-control-indicator {
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
  border: 2px solid #121c5e;
  background-color: #ffffff;
  transition: 0.3s;
  border-radius: 3px;
  cursor: pointer;
}
.form-check.custom-control.material-checkbox .material-control-description {
  font-size: 0.8125rem;
  color: #ffffff;
  padding-left: 15px;
}

.check-label-desc {
  font-size: 0.8125rem;
  color: darkgrey;
  font-style: italic;
  margin-left: 2.6388888889vw;
  margin-top: 0.2777777778vw;
}

.more-actions-main-block {
  width: auto;
  height: auto;
  margin-left: 1.0416666667vw;
  position: relative;
}
.more-actions-main-block button {
  width: auto;
  height: auto;
  border: none;
  background-color: transparent;
  font-size: 1.375rem;
  color: #82D9a8;
  transition: 0.2s linear;
}
.more-actions-main-block button:hover {
  color: #121c5e;
  transition: 0.2s linear;
}
.more-actions-main-block .more-actions-block {
  width: auto;
  height: auto;
  position: absolute;
  top: -80%;
  opacity: 0;
  transform: translate(-70%, -50%);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 0.9027777778vw;
  background-color: #ffffff;
  z-index: 100;
  transition: 0.2s linear;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.more-actions-main-block .more-actions-block .more-actions {
  width: auto;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0.3472222222vw 0.6944444444vw;
  z-index: 90;
  background-color: #ffffff;
  border-radius: 0.9027777778vw;
}
.more-actions-main-block .more-actions-block .more-actions a {
  width: auto;
  height: auto;
  display: inline-block;
  text-decoration: none;
  color: #82D9a8;
  font-size: 1.375rem;
  transition: 0.2s linear;
  margin-right: 1.0416666667vw;
}
.more-actions-main-block .more-actions-block .more-actions a:last-of-type {
  margin-right: 0;
}
.more-actions-main-block .more-actions-block .more-actions a:hover {
  color: #121c5e;
  transition: 0.2s linear;
}
.more-actions-main-block .more-actions-block .more-actions-arrow {
  width: 0.5555555556vw;
  height: 0.5555555556vw;
  position: absolute;
  bottom: -0.2777777778vw;
  left: 76%;
  transform: rotate(45deg);
  background-color: #ffffff;
  z-index: 10;
}
.more-actions-main-block .more-actions-block .more-actions-special-platform {
  width: 100%;
  height: 1.0416666667vw;
  position: absolute;
  bottom: -1.0416666667vw;
  left: 0;
}
.more-actions-main-block:hover button:hover {
  color: #121c5e;
  transition: 0.2s linear;
}
.more-actions-main-block:hover .more-actions-block {
  display: flex;
  opacity: 1;
  transition: 0.2s linear;
}

.enquete-prgs-main-block {
  width: 96%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  border-radius: 0.9027777778vw;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2.7777777778vw 1.3888888889vw 1.0416666667vw;
  box-shadow: 0 0.25em 1em -0.5em #82D9a8;
  margin: 0 auto;
}
.enquete-prgs-main-block .enquete-prgs-header-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin-bottom: 2.7777777778vw;
}
.enquete-prgs-main-block .enquete-prgs-header-block h1 {
  font-size: 1.375rem;
  color: #ffffff;
  margin: 0;
}
.enquete-prgs-main-block .enquete-prgs-header-block h1.opacity-h {
  opacity: 0.8;
}
.enquete-prgs-main-block .enquete-prgs-header-block h1:last-of-type {
  margin-left: 1.3888888889vw;
}
.enquete-prgs-main-block .enquete-prgs-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 2.0833333333vw;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs {
  width: 100%;
  height: auto;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 0 4.1666666667vw;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-bar {
  width: 100%;
  height: 0.5555555556vw;
  border-radius: 0.3472222222vw;
  background-color: #ffffff;
  border: 1px solid #dbd8d8;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 3.3333333333vw;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block {
  width: auto;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #dbd8d8;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block .enquete-prgs-item {
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #ffffff;
  opacity: 0.8;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block .enquete-prgs-item .enquete-prgs-indicator {
  display: none;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  border-radius: 50%;
  background-color: #82D9a8;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block span {
  display: block;
  min-width: 8.3333333333vw;
  text-align: center;
  width: auto;
  font-size: 1rem;
  position: absolute;
  bottom: 1.0416666667vw;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #121c5e;
  opacity: 0.8;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block.past-itm .enquete-prgs-item .enquete-prgs-indicator {
  display: block;
  background-color: #3e8cea;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block.active-itm .enquete-prgs-item {
  opacity: 1;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block.active-itm .enquete-prgs-item .enquete-prgs-indicator {
  display: block;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block.loaded .enquete-prgs-item {
  opacity: 1;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block.loaded .enquete-prgs-item .enquete-prgs-indicator {
  display: block;
  background-color: #3e8cea;
}
.enquete-prgs-main-block .enquete-prgs-block .enquete-prgs .enquete-progress-items .enquete-prgs-item-block.loaded span {
  opacity: 1;
}
.enquete-prgs-main-block .enquete-prgs-btn-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-top: 2.0833333333vw;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a {
  width: auto;
  height: auto;
  text-decoration: none;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a button {
  width: auto;
  min-width: 13.8888888889vw;
  height: 2.7777777778vw;
  border-radius: 1.3888888889vw;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 0 0.6944444444vw;
  transition: 0.2s linear;
  cursor: pointer;
  font-weight: bold;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a button i {
  font-size: 1.25rem;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a button:hover {
  background-color: #55ade1;
  transition: 0.2s linear;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-prev-btn button {
  border-radius: 1.3888888889vw;
  color: #3e8cea;
  background-color: #ffffff;
  border: 2px solid #3e8cea;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-prev-btn button i {
  margin-right: 0.6944444444vw;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-prev-btn button:hover {
  border-radius: 1.3888888889vw;
  background-color: #3e8cea;
  color: #ffffff;
  transition: 0.2s linear;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-next-btn button {
  border-radius: 1.3888888889vw;
  color: #ffffff;
  background-color: #3e8cea;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-next-btn button i {
  margin-left: 0.6944444444vw;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-next-btn button:hover {
  border-radius: 1.3888888889vw;
  background-color: #55ade1;
  transition: 0.2s linear;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-next-btn.disabled button, .enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-prev-btn.disabled button {
  background-color: #9f9f9f;
  color: #ffffff;
  cursor: default;
  border: none;
}
.enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-next-btn.disabled button:hover, .enquete-prgs-main-block .enquete-prgs-btn-block a.enquete-prev-btn.disabled button:hover {
  background-color: #9f9f9f;
  cursor: default;
}

.errors-main-block {
  width: 100%;
  height: auto;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin-bottom: 2.0833333333vw;
  padding: 0;
}
.errors-main-block .error-block {
  width: 100%;
  height: auto;
  min-height: 3.4722222222vw;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  background-color: #ffffff;
  color: #121c5e;
  border-radius: 1.3888888889vw;
  padding: 1.0416666667vw 1.0416666667vw 1.0416666667vw 5.9027777778vw;
  transition: 0.3s all ease-in-out;
  margin-bottom: 1.3888888889vw;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.errors-main-block .error-block:last-of-type {
  margin-bottom: 0;
}
.errors-main-block .error-block .error-ico {
  width: 3.125vw;
  height: 3.125vw;
  position: absolute;
  top: 1.0416666667vw;
  left: 1.0416666667vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #19E5FF;
  border-radius: 50%;
}
.errors-main-block .error-block .error-ico i {
  color: #3e8cea;
  font-size: 1.75rem;
}
.errors-main-block .error-block .error-header {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: flex-start;
}
.errors-main-block .error-block .error-header .error-title {
  width: auto;
  height: auto;
  box-sizing: border-box;
}
.errors-main-block .error-block .error-header .error-title h2 {
  color: #87c9f0;
  font-size: 1.5rem;
  margin: 0;
}
.errors-main-block .error-block .error-header .error-close-btn {
  width: auto;
  height: auto;
  box-sizing: border-box;
}
.errors-main-block .error-block .error-header .error-close-btn a {
  width: auto;
  height: auto;
  text-decoration: none;
  cursor: pointer;
}
.errors-main-block .error-block .error-header .error-close-btn a i {
  color: #ffffff;
  font-weight: 500;
  font-size: 1.625rem;
}
.errors-main-block .error-block .error-content {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.errors-main-block .error-block .error-content p {
  font-size: 1.125rem;
  color: #87c9f0;
  margin-bottom: 0;
}
.errors-main-block .notice {
  background-color: #82D9a8;
  border: 2px solid #121c5e;
}
.errors-main-block .notice .error-ico {
  background-color: #121c5e;
}

.head-in-block {
  color: #121c5e;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 0.6944444444vw;
}

.full-one-field-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 1.0416666667vw;
}
.full-one-field-block label {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.3472222222vw;
}
.full-one-field-block input {
  width: 80%;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border-radius: 1.3888888889vw;
  font-size: 1.3rem;
  color: #121c5e;
  padding: 0 1.0416666667vw;
  outline: none;
  font-weight: 200;
  border: none;
}
.full-one-field-block textarea {
  width: 100%;
  height: 8.3333333333vw;
  box-sizing: border-box;
  border-radius: 0.2083333333vw;
  border: 2px solid #121c5e;
  font-size: 1rem;
  color: #121c5e;
  padding: 0.6944444444vw 1.0416666667vw;
  outline: none;
  resize: none;
}
.full-one-field-block .field-valid-error {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 0.3472222222vw;
}
.full-one-field-block .field-valid-error span {
  font-size: 0.875rem;
  color: #19E5FF;
  font-weight: 400;
}

.login-main-block {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #82D9a8;
  background-position: center;
  background-size: cover;
}
.login-main-block .login-form {
  width: 34.7222222222vw;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  border-radius: 0.6944444444vw;
  padding: 2.4305555556vw 1.7361111111vw;
}
.login-main-block .login-form .login-logo {
  width: 100%;
  height: auto;
  margin-bottom: 2.7777777778vw;
}
.login-main-block .login-form .alert {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 1.7361111111vw;
  font-size: 1.2rem;
  color: #121c5e;
  background: #ffffff;
  border-radius: 1.3888888889vw;
  box-shadow: 0 0 0.6944444444vw rgba(62, 140, 234, 0.8);
}
.login-main-block .login-form .alert i {
  color: #121c5e;
  font-size: 1.6rem;
  margin-right: 1.0416666667vw;
}
.login-main-block .login-form .alert span {
  color: #121c5e;
  font-size: 1rem;
  font-weight: 400;
}
.login-main-block .login-form .text-in-login-form {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.login-main-block .login-form .text-in-login-form b {
  color: #121c5e;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.3472222222vw;
}
.login-main-block .login-form .text-in-login-form span {
  color: #121c5e;
  font-size: 0.875rem;
  margin-bottom: 1.0416666667vw;
}
.login-main-block .login-form form {
  width: 100%;
  height: auto;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}

.form-icon {
  position: absolute;
  left: auto;
  right: 30%;
  bottom: 20%;
  top: auto;
  pointer-events: none;
  z-index: 2;
}

.submit-btn-block-both {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.submit-btn-block-both button {
  width: auto;
  height: 2.7777777778vw;
  border-radius: 1.3888888889vw;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  background-color: #3e8cea;
  outline: none;
  padding: 0 2.7777777778vw 0;
  transition: 0.2s linear;
  cursor: pointer;
  margin-left: 60px;
}
.submit-btn-block-both button i {
  font-size: 1.25rem;
  margin-right: 0.6944444444vw;
}
.submit-btn-block-both button:hover {
  background-color: #55ade1;
  transition: 0.2s linear;
}

.forgot-pass {
  color: #121c5e;
  font-size: 1rem;
  transition: 0.2s linear;
}
.forgot-pass:hover {
  text-shadow: 0 0 0.2083333333vw rgba(180, 180, 180, 0.3);
  transition: 0.2s linear;
}

.survey-new-block .survey-new-form form .form-field-block .form-label label {
  font-weight: bold;
  color: #121c5e;
}

#questionnaire-index {
  border-radius: 1vw 1vw 0 0;
  table-layout: fixed;
}

.questionnaire-questions-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
  border-radius: 1.3888888889vw;
  margin-bottom: 1.7361111111vw;
  margin-top: 0.6944444444vw;
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.questionnaire-questions-block .questionnaire-qstn-header {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 0.8333333333vw 1.3888888889vw 0.8333333333vw;
  color: #121c5e;
  font-weight: bold;
}
.questionnaire-questions-block .questionnaire-qstn-header h2 {
  margin: 0;
  color: #121c5e;
  font-weight: bold;
}
.questionnaire-questions-block .questionnaire-qstn-header .rapp-template-head-btns {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.questionnaire-questions-block .questionnaire-qstn-header .rapp-template-head-btns a {
  width: auto;
  height: auto;
  text-decoration: none;
  cursor: pointer;
  margin-right: 0.6944444444vw;
}
.questionnaire-questions-block .questionnaire-qstn-header .rapp-template-head-btns a:last-of-type {
  margin-right: 0;
}
.questionnaire-questions-block .questionnaire-qstn-header .rapp-template-head-btns a i {
  font-size: 1.625rem;
  color: #82D9a8;
  transition: 0.2s linear;
  font-weight: 400;
}
.questionnaire-questions-block .questionnaire-qstn-header .rapp-template-head-btns a i:hover {
  color: #121c5e;
  transition: 0.2s linear;
}
.questionnaire-questions-block .questionnaire-qstn-header .rapp-template-head-btns a .fa-filter {
  font-weight: 600;
  font-size: 1.375rem;
}
.questionnaire-questions-block .questionnaire-qstn-header .edit-btn-in-block {
  width: auto;
  height: auto;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}
.questionnaire-questions-block .questionnaire-qstn-header .edit-btn-in-block:hover {
  outline: none;
}
.questionnaire-questions-block .questionnaire-qstn-header .edit-btn-in-block:focus {
  outline: none;
}
.questionnaire-questions-block .questionnaire-qstn-header .edit-btn-in-block i {
  font-size: 1.625rem;
  color: #82D9a8;
  transition: 0.2s linear;
}
.questionnaire-questions-block .questionnaire-qstn-header .edit-btn-in-block i:hover {
  color: #121c5e;
  opacity: 0.8;
  transition: 0.2s linear;
}
.questionnaire-questions-block .questionnaire-qstn-footer {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.questionnaire-questions-block .questionnaire-qstn-footer .questionnaire-btn {
  width: 50%;
  height: 3.3333333333vw;
  text-decoration: none;
}
.questionnaire-questions-block .questionnaire-qstn-footer .questionnaire-btn button {
  width: 100%;
  height: 100%;
  background-color: #121c5e;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: #ffffff;
  font-size: 1.0625rem;
  font-weight: 400;
  transition: 0.2s linear;
  cursor: pointer;
  outline: none;
}
.questionnaire-questions-block .questionnaire-qstn-footer .questionnaire-btn button i {
  font-size: 1.25rem;
  margin-left: 0.4166666667vw;
}
.questionnaire-questions-block .questionnaire-qstn-footer .questionnaire-btn button:hover {
  background-color: #82D9a8;
  transition: 0.2s linear;
}
.questionnaire-questions-block .questionnaire-qstn-footer .questionnaire-btn button:focus {
  outline: none;
}
.questionnaire-questions-block .table-index .btns-in-table a {
  color: #82D9a8;
}
.questionnaire-questions-block .table-index .btns-in-table a:hover {
  color: #121c5e;
  transition: linear 0.2s;
  text-shadow: none;
}
.questionnaire-questions-block .table-index .btns-in-table .btn-create {
  color: #66E2BC !important;
}

.popup {
  width: 100%;
  height: 100%;
  max-height: 80vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  padding: 1.0416666667vw 1.3888888889vw 1.3888888889vw;
  background-color: #ffffff;
  border-radius: 0.3472222222vw;
}
.popup .popup-header {
  width: 100%;
  height: auto;
  min-height: 3.1944444444vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-bottom: 1.3888888889vw;
}
.popup .popup-header h2 {
  color: #121c5e;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0;
}
.popup .popup-header .popup-close-btn {
  width: auto;
  height: auto;
  box-sizing: border-box;
}
.popup .popup-header .popup-close-btn a {
  width: auto;
  height: auto;
  text-decoration: none;
  cursor: pointer;
}
.popup .popup-header .popup-close-btn a i {
  color: #121c5e;
  font-weight: 900;
  font-size: 1.625rem;
}
.popup .popup-content {
  width: 100%;
  flex-grow: 1;
  min-height: 50vh;
  box-sizing: border-box;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: auto;
}
.popup .popup-content form {
  width: 100%;
  height: auto;
}
.popup .popup-content > div {
  width: 100%;
  height: auto;
}
.popup .popup-content .popup-form-field {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom: 1.0416666667vw;
}
.popup .popup-content .popup-form-field label {
  font-size: 1rem;
  margin-bottom: 0.3472222222vw;
}
.popup .popup-content .popup-form-field .select {
  width: 100%;
  height: 2.7777777778vw;
}
.popup .popup-content .popup-form-field .select .select-styled {
  box-sizing: border-box;
}
.popup .popup-content .popup-form-field .routing-rules-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.popup .popup-content .popup-form-field .routing-rules-wrapper .routing-rules-row {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin-bottom: 0.6944444444vw;
  padding-left: 1.3888888889vw;
}
.popup .popup-content .popup-form-field .routing-rules-wrapper .routing-rules-row .routing-rules-field {
  width: auto;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-right: 1.0416666667vw;
}
.popup .popup-content .popup-form-field .routing-rules-wrapper .routing-rules-row .routing-rules-field label {
  margin-bottom: 0;
  margin-right: 1.0416666667vw;
}
.popup .popup-content .popup-form-field .routing-rules-wrapper .routing-rules-row .routing-rules-field .select {
  width: 12.5vw;
}
.popup .popup-content .popup-form-field .routing-rules-wrapper .routing-rules-row .routing-rules-field .select .select-styled {
  box-sizing: border-box;
}
.popup .popup-content .popup-form-field .routing-rules-wrapper .routing-rules-row .routing-rules-field .widget-comparison {
  height: 2.7777777778vw;
}
.popup .popup-content .popup-form-field .routing-rules-wrapper .routing-rules-row .routing-rules-field .widget-values {
  height: 2.7777777778vw;
}
.popup .popup-content .popup-form-field .routing-rules-wrapper .routing-rules-row .routing-rules-field:last-of-type {
  margin-right: 0;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  margin-top: 1.3888888889vw;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field {
  width: auto;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-right: 1.0416666667vw;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field .select {
  width: 12.5vw;
  margin-right: 1.0416666667vw;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field .select .select-styled {
  box-sizing: border-box;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field input {
  width: 17.3611111111vw;
  height: 2.7777777778vw;
  border: 2px solid #121c5e;
  border-radius: 0.2083333333vw;
  box-sizing: border-box;
  font-size: 1rem;
  padding: 0 0.6944444444vw;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field .widget-comparison {
  height: 2.7777777778vw;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field .widget-values {
  height: 2.7777777778vw;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field:last-of-type {
  margin-right: 0;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field-one {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field-one span {
  width: 100%;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field-one span .select {
  width: 100%;
  height: 2.7777777778vw;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field-one span .select .select-styled {
  box-sizing: border-box;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field-one span .widget-comparison {
  height: 2.7777777778vw;
}
.popup .popup-content .popup-form-field .hide-rules-wrapper .hide-rules-row .hide-rules-field-one span .widget-values {
  height: 2.7777777778vw;
}
.popup .popup-content .btns-in-popup {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.popup .popup-content .btns-in-popup button {
  width: auto;
  height: 2.7777777778vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  border: none;
  box-sizing: border-box;
  margin-right: 1.0416666667vw;
  padding: 0 1.3888888889vw;
  border-radius: 0.2083333333vw;
  background-color: #121c5e;
  font-size: 1rem;
  cursor: pointer;
  color: #ffffff;
  outline: none;
  transition: 0.2s linear;
}
.popup .popup-content .btns-in-popup button:last-of-type {
  margin-right: 0;
}
.popup .popup-content .vc-chrome {
  left: 0;
}
.popup .popup-footer {
  width: 100%;
  height: auto;
  min-height: 4.1666666667vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: sticky;
  bottom: 0;
  z-index: 1000;
  background-color: #ffffff;
}
.popup .popup-footer .popup-btns {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  border-top: 2px solid #82D9a8;
}
.popup .popup-footer .popup-btns a {
  margin-right: 1.0416666667vw;
  margin-top: 1.3888888889vw;
}
.popup .popup-footer .popup-btns a:last-of-type {
  margin-right: 0;
}

.popup-rapp-chart {
  width: 100%;
}

.add-new-question {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.add-new-question .add-new-question-header {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0.7638888889vw 0.6944444444vw 0.7638888889vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #ffffff;
  border-bottom: 1.5px solid #E8F1F2;
  border-top: 1.5px solid #E8F1F2;
}
.add-new-question .add-new-question-header span {
  color: #121c5e;
  font-size: 1rem;
}
.add-new-question .add-new-question-header .add-new-question-cls-btn {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  right: 0.6944444444vw;
  transform: translate(0, -50%);
  text-decoration: none;
  cursor: pointer;
}
.add-new-question .add-new-question-header .add-new-question-cls-btn i {
  color: #121c5e;
  font-size: 1.25rem;
}
.add-new-question .add-new-question-content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 1.3888888889vw;
  background-color: #ffffff;
}
.add-new-question .add-new-question-content .add-new-question-btn-type {
  width: auto;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0 1.875vw 0;
  margin-top: 1.3888888889vw;
}
.add-new-question .add-new-question-content .add-new-question-btn-type button {
  width: 9.0277777778vw;
  height: 2.4305555556vw;
  box-sizing: border-box;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-size: 0.75rem;
  color: #ffffff;
  background-color: #3e8cea;
  border-radius: 1.3888888889vw;
  margin-right: 0.6944444444vw;
  cursor: pointer;
  transition: 0.2s linear;
}
.add-new-question .add-new-question-content .add-new-question-btn-type button:hover {
  background-color: #55ade1;
  opacity: 0.8;
  transition: 0.2s linear;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-right {
  width: auto;
  height: auto;
  position: relative;
  border-radius: 1.3888888889vw;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-right i {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 50%;
  background-color: #3e8cea;
  font-size: 0.75rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-right i:hover ~ .question-hint {
  display: flex;
  opacity: 1;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-right .question-hint {
  width: 17.3611111111vw;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.9027777778vw;
  z-index: 500;
  position: absolute;
  left: 2.4305555556vw;
  bottom: -0.6944444444vw;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-right .question-hint .question-hint-inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 500;
  padding: 0.6944444444vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.9027777778vw;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-right .question-hint .question-hint-inside h6 {
  color: #121c5e;
  font-size: 1rem;
  margin: 0 0 0.3472222222vw;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-right .question-hint .question-hint-inside span {
  font-size: 0.75rem;
  color: #121c5e;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-right .question-hint:before {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background-color: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  left: -0.3472222222vw;
  bottom: 1.0416666667vw;
  z-index: 1;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-left i:hover ~ .question-hint {
  display: flex;
  opacity: 1;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-left .question-hint {
  right: 2.4305555556vw;
  left: auto;
}
.add-new-question .add-new-question-content .add-new-question-btn-type .question-hint-left .question-hint:before {
  right: -0.3472222222vw;
  left: auto;
}

.question-new {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.question-new .new-question-header {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 0.4861111111vw 0.6944444444vw 0.4861111111vw 3.4722222222vw;
}
.question-new .new-question-header .new-question-name {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.question-new .new-question-header .new-question-name b {
  font-size: 1rem;
  font-weight: 500;
  color: #121c5e;
  margin-right: 0.6944444444vw;
}
.question-new .new-question-header .new-question-name span {
  font-size: 1rem;
  color: #121c5e;
}
.question-new .new-question-header .new-question-name span:first-letter {
  text-transform: uppercase;
}
.question-new .new-question-header .new-question-edit {
  width: auto;
  height: auto;
  text-decoration: none;
  cursor: pointer;
}
.question-new .new-question-header .new-question-edit i {
  font-size: 1.375rem;
  color: #82D9a8;
  transition: 0.2s linear;
}
.question-new .new-question-header .new-question-edit i:hover {
  color: #121c5e;
  transition: 0.2s linear;
}

.new-question-content {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  padding: 0.6944444444vw 0vw 0vw;
}
.new-question-content form {
  width: 100%;
}
.new-question-content .new-question-options-header {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.new-question-content .new-question-options-header h5 {
  font-size: 1.25rem;
  color: #121c5e;
  font-weight: 400;
  margin: 0 0 1.3888888889vw;
}
.new-question-content .new-question-option {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  padding: 0 0.6944444444vw 1.3888888889vw 3.4722222222vw;
}
.new-question-content .new-question-option .new-question-option-label {
  width: 10.4166666667vw;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.new-question-content .new-question-option .new-question-option-label b {
  font-size: 1rem;
  font-weight: bold;
}
.new-question-content .new-question-option .new-question-option-label span {
  font-size: 1rem;
  font-weight: 300;
  color: #121c5e;
}
.new-question-content .new-question-option .spc-center-label {
  height: 2.7777777778vw;
}
.new-question-content .new-question-option .spc-top-mrg-label {
  margin-top: 0.7638888889vw;
}
.new-question-content .new-question-option .spc-top-mrg-label6 {
  margin-top: 0.4166666667vw;
}
.new-question-content .new-question-option .new-question-option-field {
  width: 58.3333333333vw;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.new-question-content .new-question-option .new-question-option-field.field-with-valid {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.new-question-content .new-question-option .new-question-option-field .mce-tinymce {
  border: 2px solid #121c5e !important;
  border-radius: 0.2083333333vw;
  outline: none;
  overflow: hidden;
}
.new-question-content .new-question-option .new-question-option-field .custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}
.new-question-content .new-question-option .new-question-option-field .custom-file-upload {
  display: block;
  width: auto;
  font-size: 1rem;
  margin-top: 2.0833333333vw;
}
.new-question-content .new-question-option .new-question-option-field .custom-file-upload label {
  display: block;
  margin-bottom: 0.3472222222vw;
}
.new-question-content .new-question-option .new-question-option-field .file-upload-wrapper {
  position: relative;
  margin-bottom: 0.3472222222vw;
}
.new-question-content .new-question-option .new-question-option-field .file-upload-input {
  width: 20.8333333333vw;
  color: #121c5e;
  font-size: 1rem;
  padding: 0.625vw 1.1805555556vw;
  box-sizing: border-box;
  background-color: #ffffff;
  border-left: 2px solid #121c5e;
  border-top: 2px solid #121c5e;
  border-bottom: 2px solid #121c5e;
  border-right: none;
  border-top-left-radius: 0.2083333333vw;
  border-bottom-left-radius: 0.2083333333vw;
  float: left;
}
.new-question-content .new-question-option .new-question-option-field .file-upload-input:hover, .new-question-content .new-question-option .new-question-option-field .file-upload-input:focus {
  outline: none;
}
.new-question-content .new-question-option .new-question-option-field .file-upload-button {
  cursor: pointer;
  display: inline-block;
  color: #ffffff;
  font-size: 1rem;
  padding: 0.7638888889vw 1.3888888889vw;
  border: none;
  margin-left: -1px;
  background-color: #121c5e;
  float: left;
  border-top-right-radius: 0.2083333333vw;
  border-bottom-right-radius: 0.2083333333vw;
  transition: 0.2s linear;
}
.new-question-content .new-question-option .new-question-option-field .question-select-field {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.new-question-content .new-question-option .new-question-option-field .question-select-field p {
  margin: 0 1.0416666667vw 0 0;
}
.new-question-content .new-question-option .new-question-option-field .question-select-field .select {
  width: 10.4166666667vw;
}
.new-question-content .new-question-option .new-question-option-field .question-check-field {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.new-question-content .new-question-option .new-question-option-field .question-check-field p {
  margin: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-check-field p label {
  margin: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field input[type=text] {
  width: 41.6666666667vw;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: 2px solid #82D9a8;
  border-radius: 1.3888888889vw;
  color: #121c5e;
  font-size: 1rem;
  padding: 0 0.6944444444vw;
  outline: none;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field input[type=text]:disabled {
  opacity: 0.5;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .v-select {
  width: 41.6666666667vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .v-select.disabled {
  opacity: 0.5;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-column-structure {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-column-structure .question-column-structure p {
  margin: 0.6944444444vw 0 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-column-structure p {
  margin: 0 0 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-column-structure p b {
  font-weight: 500;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-row-structure {
  width: calc(100% - 2.7777777778vw);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 0.25em;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-row-structure p {
  margin: 0 1.0416666667vw 0 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-left {
  width: auto;
  height: auto;
  position: relative;
  margin-right: 0.5208333333vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-left > i {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 50%;
  background-color: #82D9a8;
  font-size: 0.75rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-left > i:hover ~ .question-hint {
  display: flex;
  opacity: 1;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-left .question-hint {
  width: 17.3611111111vw;
  height: auto;
  right: 2.4305555556vw;
  left: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.9027777778vw;
  z-index: 500;
  position: absolute;
  bottom: -0.6944444444vw;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-left .question-hint .question-hint-inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 500;
  padding: 0.6944444444vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.9027777778vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-left .question-hint .question-hint-inside h6 {
  color: #121c5e;
  font-size: 1rem;
  margin: 0 0 0.3472222222vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-left .question-hint .question-hint-inside span {
  font-size: 0.75rem;
  color: #121c5e;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-left .question-hint:before {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background-color: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  right: -0.3472222222vw;
  left: auto;
  bottom: 1.0416666667vw;
  z-index: 1;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-right {
  width: auto;
  height: auto;
  position: relative;
  margin-left: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-right > i {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 50%;
  background-color: #82D9a8;
  font-size: 0.75rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-right > i:hover ~ .question-hint {
  display: flex;
  opacity: 1;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-right .question-hint {
  width: 17.3611111111vw;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.9027777778vw;
  z-index: 500;
  position: absolute;
  left: 2.4305555556vw;
  bottom: -0.6944444444vw;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-right .question-hint .question-hint-inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 500;
  padding: 0.6944444444vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.9027777778vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-right .question-hint .question-hint-inside h6 {
  color: #121c5e;
  font-size: 1rem;
  margin: 0 0 0.3472222222vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-right .question-hint .question-hint-inside span {
  font-size: 0.75rem;
  color: #121c5e;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-hint-right .question-hint:before {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background-color: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  left: -0.3472222222vw;
  bottom: 1.0416666667vw;
  z-index: 1;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .add-item-in-multiplelist {
  font-size: 1.5rem;
  color: #82D9a8;
  margin-left: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist {
  margin: 0;
  list-style: none;
  padding: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li:last-of-type {
  margin-bottom: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .ot-remove-item {
  margin-left: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li > i {
  font-size: 1.5rem;
  color: #82D9a8;
  margin-left: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li img {
  margin-right: 0 !important;
  margin-left: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .question-row-structure {
  width: 100%;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .question-row-structure > i {
  font-size: 1.5rem;
  color: #82D9a8;
  margin-left: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .question-row-structure .ot-remove-item {
  margin-left: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .spc-mb-list > div {
  margin-bottom: 10px;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .spc-mb-list > div:last-of-type {
  margin-bottom: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .spc-mb-list > div p {
  margin-bottom: 5px;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .two-equal-inputs .v-select {
  width: calc(50% - 5px);
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .two-equal-inputs .v-select > ul.dropdown-menu li a {
  width: 100%;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .two-equal-inputs .v-select:first-of-type {
  margin-right: 10px;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .multiplelist li .two-equal-inputs input[type=text] {
  width: calc(50% - 5px);
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .fields-generator {
  width: calc(100% - 2.7777777778vw);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .fields-generator .v-select {
  width: 8.3333333333vw;
  margin-right: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .fields-generator .v-select > ul.dropdown-menu li a {
  color: #121c5e;
  font-weight: 300;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .fields-generator .v-select > ul.dropdown-menu li a:hover {
  color: #ffffff;
  transition: linear 0.2s;
  font-weight: 300;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .fields-generator span {
  margin-right: 0.6944444444vw;
  color: #121c5e;
  font-size: 1rem;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .fields-generator input[type=text] {
  width: 13.8888888889vw;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: 2px solid #82D9a8;
  border-radius: 1.3888888889vw;
  color: #121c5e;
  font-size: 1rem;
  padding: 0 0.6944444444vw;
  outline: none;
  margin-right: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .fields-generator a {
  color: #121c5e;
  font-size: 1rem;
  transition: 0.2s linear;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .fields-generator a:hover {
  text-shadow: 0 0 0.4166666667vw #121c5e;
  transition: 0.2s linear;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .small-input-field input[type=text] {
  width: 6.9444444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-date-field {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-date-field input[type=text] {
  width: 10.4166666667vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-date-field > span {
  margin-right: 1.0416666667vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .question-date-field > span:last-of-type {
  margin-left: 1.0416666667vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list {
  margin: 0;
  padding: 0 0 0 1.0416666667vw;
  list-style: none;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 0.1388888889vw;
  position: relative;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list li:last-of-type {
  margin-bottom: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list li label {
  cursor: pointer;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list li input[type=radio] {
  position: absolute;
  opacity: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list li input[type=radio] + label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 2px solid #121c5e;
  box-sizing: border-box;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  margin-right: 0.5rem;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 50ms ease;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list li input[type=radio]:checked + label:before {
  background-color: #82D9a8;
  box-shadow: inset 0 0 0 3px #ffffff;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list li input[type=radio]:focus + label:before {
  outline: none;
  border-color: #121c5e;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list li input[type=radio]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .radio_list li input[type=radio] + label:empty:before {
  margin-right: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .two-equal-inputs .multiplelist {
  width: 100%;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .two-equal-inputs .multiplelist li {
  width: 100%;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .two-equal-inputs .multiplelist li input[type=text]:first-of-type {
  margin-right: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .open-answer .question-check-field {
  margin-top: 0.3472222222vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .open-answer p {
  margin: 0 0 0 1.8055555556vw !important;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .open-answer .ot-remove-item {
  width: 3.125vw;
  height: 3.125vw;
  margin-left: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .block-enkelkeuzeopen-opties ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .block-enkelkeuzeopen-opties ul li {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .image-options .multiplelist li .file-upload-wrapper {
  margin-right: 0.6944444444vw;
  margin-bottom: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .image-options .multiplelist li .file-upload-wrapper .file-upload-input {
  width: 17.3611111111vw;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .image-options .multiplelist li .file-upload-wrapper button {
  margin: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .image-options .multiplelist input[type=text] {
  width: 24.3055555556vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .two-equal-inputs-row {
  width: 41.6666666667vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .two-equal-inputs-row .v-select {
  width: calc(50% - 5px);
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .two-equal-inputs-row .v-select > ul.dropdown-menu li a {
  width: 100%;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .two-equal-inputs-row .v-select:first-of-type {
  margin-right: 10px;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .two-equal-inputs-row input[type=text] {
  width: calc(50% - 5px);
}
.new-question-content .new-question-option .new-question-option-field .question-one-field textarea {
  width: 100%;
  height: 20.8333333333vw;
  resize: none;
  outline: none;
  border: 2px solid #82D9a8;
  border-radius: 1.3888888889vw;
  color: #121c5e;
  font-size: 1rem;
  padding: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field textarea:focus {
  outline: none;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field textarea.html_source-textarea {
  color: #ffffff;
  border-radius: unset;
  border: none;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .three-items {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-right: 1.3888888889vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .three-items:last-of-type {
  margin-right: 0;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .three-items label {
  font-size: 1rem;
  font-weight: 500;
  color: #121c5e;
  margin-bottom: 0;
  margin-right: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .question-one-field .three-items input[type=text] {
  max-width: 6.9444444444vw;
}
.new-question-content .new-question-option .new-question-option-field .colorpicker-item {
  width: auto;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-top: 0.3472222222vw;
  margin-bottom: 0.3472222222vw;
}
.new-question-content .new-question-option .new-question-option-field .colorpicker-item > input[type=text] {
  display: none;
}
.new-question-content .new-question-option .new-question-option-field .colorpicker-item .colorpickerclass {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  cursor: pointer;
}
.new-question-content .new-question-option .new-question-option-field .colorpicker-item .colorpickerclass div {
  width: 100%;
  height: 100%;
  border-radius: 1.3888888889vw;
}
.new-question-content .new-question-option .new-question-option-field .block-colorpicker {
  width: auto;
  max-width: 10.4166666667vw;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 1.3888888889vw;
  margin-top: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .block-colorpicker label {
  margin-top: 0.2rem;
}
.new-question-content .new-question-option .new-question-option-field .block-colorpicker .vc-chrome {
  top: 2.7777777778vw;
  bottom: auto;
  left: 0;
}
.new-question-content .new-question-option .new-question-option-field .block-select {
  width: calc((100% - 11.8055555556vw) / 2);
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 1.3888888889vw;
  margin-top: 0.6944444444vw;
}
.new-question-content .new-question-option .new-question-option-field .block-select:last-of-type {
  margin-right: 0;
}
.new-question-content .new-question-option .new-question-option-field .block-select .v-select {
  width: 100%;
}
.new-question-content .new-question-option .new-question-option-field .block-select label {
  margin-top: 0.2rem;
}
.new-question-content .new-question-option .new-question-option-field .with-hint {
  justify-content: space-between;
}
.new-question-content .new-question-option .new-question-option-field .with-plus {
  align-items: flex-end;
}
.new-question-content .new-question-option .new-question-option-field .with-plus > img {
  margin-bottom: 0.4166666667vw;
}
.new-question-content .new-question-option .new-question-option-field .field-with-valid {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.new-question-content .new-question-option .some-fields {
  flex-direction: column;
}
.new-question-content .new-question-option .some-fields > div {
  margin-bottom: 1.0416666667vw;
}
.new-question-content .new-question-option .some-fields > div:last-of-type {
  margin-bottom: 0;
}
.new-question-content .without-hint {
  padding: 0 3.4722222222vw 1.3888888889vw 3.4722222222vw;
}
.new-question-content .without-hint .new-question-option-field {
  width: 55.5555555556vw;
}
.new-question-content .without-hint .field-error-q {
  width: 55.5555555556vw;
}
.new-question-content .field-with-valid {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.new-question-content .add-question-btn {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.new-question-content .add-question-btn button {
  width: 9.0277777778vw;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-size: 0.875rem;
  color: #ffffff;
  background-color: #3e8cea;
  border-radius: 1.3888888889vw;
  cursor: pointer;
  transition: 0.2s linear;
  margin-right: 1.0416666667vw;
  font-weight: bold;
}
.new-question-content .add-question-btn button:last-of-type {
  margin-right: 0;
}
.new-question-content .add-question-btn button:hover {
  background-color: #55ade1;
  transition: 0.2s linear;
}
.new-question-content .add-question-btn button:focus {
  outline: none;
}
.new-question-content .form-fields-title {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 0.6944444444vw;
}
.new-question-content .form-fields-title span {
  font-size: 1.0625rem;
  font-weight: bold;
  color: #121c5e;
}

.new-property {
  padding-top: 0;
}
.new-property .v-select {
  width: 100% !important;
}
.new-property .with-border {
  padding-top: 0.6944444444vw;
  border-top: 2px solid #121c5e;
}
.new-property .add-btn {
  justify-content: flex-end;
}
.new-property .action-btns {
  justify-content: center;
}
.new-property .action-btns a {
  margin-right: 1.0416666667vw;
}
.new-property .action-btns a:last-of-type {
  margin-right: 0;
}

.instel-main-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin-bottom: 2.7777777778vw;
  padding: 0 3.4722222222vw;
}

.instel-block {
  width: 14.5833333333vw;
  height: 11.1111111111vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  box-shadow: 0 0.25em 1em -0.5em #3e8cea;
  border-radius: 1.3888888889vw;
  padding: 0.6944444444vw;
  margin: 0 1.3888888889vw 1.3888888889vw;
  text-decoration: none;
  transition: 0.2s linear;
  background-color: rgba(255, 255, 255, 0.5);
}
.instel-block i {
  font-size: 4.375rem;
  color: #3e8cea;
  margin-bottom: 1.0416666667vw;
  transition: 0.2s linear;
}
.instel-block h1 {
  font-size: 1.125rem;
  font-weight: 400;
  color: #121c5e;
  transition: 0.2s linear;
  margin: 0;
}
.instel-block:hover {
  background-color: #3e8cea;
  transition: 0.2s linear;
  text-decoration: none;
}
.instel-block:hover i {
  color: #ffffff;
  transition: 0.2s linear;
}
.instel-block:hover h1 {
  color: #ffffff;
  transition: 0.2s linear;
}

.colorset-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  margin-top: 20px;
}
.colorset-block .table-index {
  border-radius: 0.9027777778vw;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.colorset-block .table-index .btns-in-table a i {
  color: #82D9a8;
  transition: 0.2s linear;
}
.colorset-block .table-index .btns-in-table a i:hover {
  text-shadow: none;
  color: #121c5e;
  transition: 0.2s linear;
}
.colorset-block .table-index .colors-block {
  width: auto;
  height: auto;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.colorset-block .table-index .colors-block div {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border-radius: 1.3888888889vw;
  margin-right: 0.3472222222vw;
}
.colorset-block .table-index .colors-block div:last-of-type {
  margin-right: 0;
}

#colorpicker-holder, .stylesheet_colorpicker {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
#colorpicker-holder .colorpicker-items, .stylesheet_colorpicker .colorpicker-items {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-right: 0.6944444444vw;
}
#colorpicker-holder .colorpicker-items .colorpicker-item, .stylesheet_colorpicker .colorpicker-items .colorpicker-item {
  width: auto;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-right: 0.3472222222vw;
}
#colorpicker-holder .colorpicker-items .colorpicker-item:last-of-type, .stylesheet_colorpicker .colorpicker-items .colorpicker-item:last-of-type {
  margin-right: 0;
}
#colorpicker-holder .colorpicker-items .colorpicker-item > input[type=text], .stylesheet_colorpicker .colorpicker-items .colorpicker-item > input[type=text] {
  display: none;
}
#colorpicker-holder .colorpicker-items .colorpicker-item .colorpickerclass, .stylesheet_colorpicker .colorpicker-items .colorpicker-item .colorpickerclass {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  cursor: pointer;
}
#colorpicker-holder .colorpicker-items .colorpicker-item .colorpickerclass div, .stylesheet_colorpicker .colorpicker-items .colorpicker-item .colorpickerclass div {
  width: 100%;
  height: 100%;
  border-radius: 1.3888888889vw;
}
#colorpicker-holder .colorset-buttons, .stylesheet_colorpicker .colorset-buttons {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
#colorpicker-holder .colorset-buttons div, .stylesheet_colorpicker .colorset-buttons div {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  display: flex;
  align-items: center;
}
#colorpicker-holder .colorset-buttons div:last-of-type, .stylesheet_colorpicker .colorset-buttons div:last-of-type {
  margin-right: 0;
}
#colorpicker-holder .colorset-buttons div i, .stylesheet_colorpicker .colorset-buttons div i {
  font-size: 1.5rem;
  color: #82D9a8;
  margin-left: 0.6944444444vw;
  transition: 0.2s linear;
}
#colorpicker-holder .colorset-buttons div:hover i, .stylesheet_colorpicker .colorset-buttons div:hover i {
  color: #121c5e;
  transition: 0.2s linear;
}

.respondent-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin-bottom: 1.7361111111vw;
}
.respondent-block h1 {
  font-size: 1.625rem;
  font-weight: 600;
  margin: 0 0 1.0416666667vw;
}
.respondent-block .table-index {
  border-radius: 0.9027777778vw;
  box-shadow: 0 0.25em 1em -0.5em #3e8cea;
}
.respondent-block .table-index .btns-in-table a i {
  color: #82D9a8;
  transition: 0.2s linear;
}
.respondent-block .table-index .btns-in-table a i:hover {
  color: #121c5e;
  text-shadow: none;
  transition: 0.2s linear;
}
.respondent-block .dashboards-buttons {
  margin-bottom: 1.3888888889vw;
}
.respondent-block .dashboards-buttons a {
  margin-right: 1.0416666667vw;
}
.respondent-block .dashboards-buttons a:last-of-type {
  margin-right: 0;
}
.respondent-block .dashboards-buttons div.action-btn {
  margin-right: 1.0416666667vw;
}
.respondent-block .table-check-block {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.respondent-block .table-check-block .form-check {
  width: auto;
  height: auto;
  margin-right: 1.9444444444vw;
}
.respondent-block .respondent-form {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  border: 2px solid #121c5e;
  border-radius: 0.3472222222vw;
}
.respondent-block .new-question-content {
  padding: 2.7777777778vw 0 1.3888888889vw;
}
.respondent-block .new-question-content .new-question-option {
  align-items: center;
}
.respondent-block .new-question-content .select {
  width: 100%;
}
.respondent-block .new-question-content input[type=text] {
  width: 100% !important;
}
.respondent-block .new-question-content .question-hint-left {
  margin-right: 0.2083333333vw !important;
}

.popup-rapp-chart .popup-content div {
  box-sizing: border-box;
}
.popup-rapp-chart .popup-content .new-question-option {
  padding-left: 0;
  padding-right: 0;
}
.popup-rapp-chart .popup-content .new-question-option .new-question-option-label {
  width: 10.4166666667vw;
  align-items: center;
}
.popup-rapp-chart .popup-content .new-question-option .new-question-option-label b label {
  font-weight: 500;
  font-size: 1.125rem;
}
.popup-rapp-chart .popup-content .new-question-option .new-question-option-field {
  width: calc(100% - 10.4166666667vw);
}
.popup-rapp-chart .popup-content .new-question-option .spc-center-label {
  height: 2.7777777778vw;
}
.popup-rapp-chart .popup-content .form-titles {
  margin-top: 1.3888888889vw;
}
.popup-rapp-chart .popup-content .form-titles:first-of-type {
  margin-top: 0;
}

.popup-rapp-chart-edit .popup-content div {
  box-sizing: border-box;
}
.popup-rapp-chart-edit .popup-content .new-question-option {
  padding-left: 0;
  padding-right: 0;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-label {
  width: 13.8888888889vw;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-label b label {
  font-weight: 500;
  font-size: 1.125rem;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-label h4 {
  margin: 0;
  font-size: 1.17rem;
  font-weight: 400;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-label h3 {
  margin: 0;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-label label > span > label {
  margin-bottom: 0;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-field {
  width: calc(100% - 13.8888888889vw);
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-field .select {
  height: 2.7777777778vw;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-field input[type=text] {
  width: 100%;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-field ul.radio_list {
  padding: 0;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-field .question-one-field .vc-chrome {
  bottom: 2.7777777778vw;
  top: auto;
  left: 0;
}
.popup-rapp-chart-edit .popup-content .new-question-option .new-question-option-field .block-colorpicker .vc-chrome {
  top: 2.7777777778vw;
  bottom: auto;
  left: 0;
}
.popup-rapp-chart-edit .popup-content .new-question-option .spc-center-label {
  height: 2.7777777778vw;
}
.popup-rapp-chart-edit .popup-content .new-question-option .color-set-label span {
  margin-top: 0.4166666667vw;
}
.popup-rapp-chart-edit .popup-content .checkbox-and-input {
  align-items: center;
  padding-bottom: 0.6944444444vw;
}
.popup-rapp-chart-edit .popup-content .checkbox-and-input .new-question-option-label {
  width: 15.2777777778vw;
}
.popup-rapp-chart-edit .popup-content .checkbox-and-input .new-question-option-label .custom-control.material-checkbox .material-control-indicator {
  left: 0;
}
.popup-rapp-chart-edit .popup-content .checkbox-and-input .new-question-option-label .custom-control.material-checkbox .material-control-description {
  padding-left: 2.0833333333vw;
  padding-right: 0.6944444444vw;
}
.popup-rapp-chart-edit .popup-content .checkbox-and-input .new-question-option-field {
  width: calc(100% - 15.2777777778vw);
}
.popup-rapp-chart-edit .popup-content .some-options-field {
  padding-bottom: 0.6944444444vw;
}
.popup-rapp-chart-edit .popup-content .form-titles {
  margin-top: 1.3888888889vw;
}
.popup-rapp-chart-edit .popup-content .form-titles .new-question-option-label {
  width: 100%;
}
.popup-rapp-chart-edit .popup-content .form-titles:first-of-type {
  margin-top: 0;
}
.popup-rapp-chart-edit .popup-content .form-title {
  margin-top: 0.6944444444vw;
  padding-bottom: 0.6944444444vw;
}
.popup-rapp-chart-edit .popup-content .form-title .new-question-option-label {
  width: 100%;
}

.popup-rapp-create .popup-content div {
  box-sizing: border-box;
}
.popup-rapp-create .popup-content .new-question-option {
  padding-left: 0;
  padding-right: 0;
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-label {
  width: 13.8888888889vw;
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-field {
  width: calc(100% - 13.8888888889vw);
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-field .select {
  height: 2.7777777778vw;
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-field input[type=text] {
  width: 100%;
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-field .question-one-field .question-date-field {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-field .question-one-field .question-date-field input[type=text] {
  width: 10.4166666667vw;
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-field .question-one-field span {
  margin-right: 1.0416666667vw;
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-field .question-one-field span:last-of-type {
  margin-left: 1.0416666667vw;
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-field .question-check-field {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.popup-rapp-create .popup-content .new-question-option .new-question-option-field .question-check-field .material-control-description {
  color: #121c5e;
  padding-left: 1.8055555556vw;
}
.popup-rapp-create .popup-content .new-question-option .color-set-label span {
  margin-top: 0.4166666667vw;
}
.popup-rapp-create .popup-content .new-question-option .spc-top-mrg-label {
  margin-top: 0.7638888889vw;
}
.popup-rapp-create .popup-content .some-options-field {
  padding-bottom: 0.6944444444vw;
}
.popup-rapp-create .popup-content .center-lab-and-field {
  align-items: center;
}
.popup-rapp-create .popup-content ul.radio_list {
  display: none;
}

.block-with-tabs {
  width: 99%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.block-with-tabs .block-with-tabs-header {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 0 1.3888888889vw;
}
.block-with-tabs .block-with-tabs-header a {
  width: auto;
  height: auto;
  margin-right: 0.3472222222vw;
}
.block-with-tabs .block-with-tabs-header a button {
  width: auto;
  height: 2.5vw;
  box-sizing: border-box;
  padding: 0 1.3888888889vw;
  border: 2px solid #121c5e;
  border-radius: 1.3888888889vw;
  background-color: #ffffff;
  color: #121c5e;
  font-size: 1.125rem;
  font-weight: 300;
  cursor: pointer;
  outline: none;
  font-weight: bold;
}
.block-with-tabs .block-with-tabs-header a button:focus {
  outline: none;
}
.block-with-tabs .block-with-tabs-header a:last-of-type {
  margin-right: 0;
}
.block-with-tabs .block-with-tabs-header a.active-tab button {
  background-color: #121c5e;
  color: #ffffff;
}
.block-with-tabs .block-with-tabs-content {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  border-radius: 1.3888888889vw;
  padding: 1.0416666667vw 0 0;
  overflow-y: auto;
  background-color: #ffffff;
  margin-top: 20px;
  box-shadow: 0 0.25em 1em -0.5em #3e8cea;
}
.block-with-tabs .block-with-tabs-content form {
  width: 100%;
  height: auto;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .new-question-option-label {
  width: 16.6666666667vw;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .new-question-option-field {
  width: calc(100% - 16.6666666667vw);
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .new-question-option-field .material-control-indicator {
  position: relative;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .new-question-option-field .material-control-input:checked ~ .material-control-indicator {
  margin-right: 0.4166666667vw;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .new-question-option-field .select {
  width: 100%;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .new-question-option-field input[type=text] {
  width: 100%;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .new-question-option-field .question-hint-left {
  margin-right: 0.2083333333vw;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .devider-in-tabs-form {
  width: calc(100% - 6.9444444444vw);
  height: 2px;
  box-sizing: border-box;
  background-color: #121c5e;
  margin: 0 3.4722222222vw 1.3888888889vw;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .datetime-field a {
  margin-left: 0.5555555556vw;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .datetime-field .question-one-field > span {
  margin: 0 1.3888888889vw;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .datetime-field .question-one-field > span:first-of-type {
  margin-left: 0;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .datetime-field .time-picker input[type=text] {
  width: 105%;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .qof-colm {
  flex-direction: column;
}
.block-with-tabs .block-with-tabs-content .block-wt-instellingen .qof-colm .field-error-q {
  width: 100%;
}
.block-with-tabs .block-with-tabs-content .block-wt-emailtekst {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}
.block-with-tabs .block-with-tabs-content .block-wt-emailtekst .new-question-option-field .special-field-with-button {
  justify-content: space-between;
}
.block-with-tabs .block-with-tabs-content .block-wt-emailtekst .new-question-option-field .special-field-with-button input[type=text] {
  width: calc(100% - 15.2777777778vw);
}
.block-with-tabs .block-with-tabs-content .block-wt-emailtekst .new-question-option-field .special-field-with-button .action-btn button {
  width: 13.8888888889vw;
  padding: 0;
}
.block-with-tabs .block-with-tabs-content .block-wt-emailtekst .qof-colm {
  flex-direction: column;
  align-items: flex-start;
}
.block-with-tabs .block-with-tabs-content .block-wt-emailtekst .qof-colm input[type=text] {
  width: 100%;
}
.block-with-tabs .block-with-tabs-content .block-wt-emailtekst .qof-colm .field-error-q {
  width: 100%;
}

.invitation-new-buttons {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-bottom: 1.3888888889vw;
  padding: 0 1.3888888889vw;
}
.invitation-new-buttons a {
  margin-right: 1.3888888889vw;
}
.invitation-new-buttons a:last-of-type {
  margin-right: 0;
}

.error-404-block {
  width: 100%;
  height: calc(100vh - 16.25vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.error-404-block .error-404 {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 1.3888888889vw;
}
.error-404-block .error-404 i {
  font-size: 3.75rem;
  color: #121c5e;
}
.error-404-block .error-404 span {
  font-size: 3.25rem;
  color: #121c5e;
  font-weight: 600;
  margin-left: 1.3888888889vw;
}
.error-404-block .error-content {
  width: 41.6666666667vw;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
}
.error-404-block .error-content h1 {
  color: #121c5e;
  margin: 0 auto 1.3888888889vw;
}
.error-404-block .error-content h3 {
  color: #121c5e;
  margin: 0 0 0.6944444444vw;
}
.error-404-block .error-content p {
  margin: 0 0 1.3888888889vw;
}
.error-404-block .error-content a {
  color: #121c5e;
  text-decoration: underline;
  margin-bottom: 0.6944444444vw;
  transition: linear 0.2s;
}
.error-404-block .error-content a:last-of-type {
  margin-bottom: 0;
}
.error-404-block .error-content a:hover {
  color: #121c5e;
  text-shadow: 0 0 0.4166666667vw #121c5e;
  transition: linear 0.2s;
}

.error-secure-block {
  width: 100%;
  height: calc(100vh - 16.25vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.error-secure-block .error-secure {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 1.3888888889vw;
}
.error-secure-block .error-secure span {
  font-size: 3.25rem;
  color: #121c5e;
  font-weight: 600;
  margin-left: 1.3888888889vw;
}
.error-secure-block .error-secure i {
  font-size: 3.125rem;
  color: #121c5e;
}
.error-secure-block .error-content {
  width: 41.6666666667vw;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
}
.error-secure-block .error-content h1 {
  color: #121c5e;
  margin: 0 auto 1.3888888889vw;
}
.error-secure-block .error-content h3 {
  color: #121c5e;
  margin: 0 0 0.6944444444vw;
}
.error-secure-block .error-content p {
  margin: 0 0 1.3888888889vw;
}
.error-secure-block .error-content a {
  color: #121c5e;
  text-decoration: underline;
  margin-bottom: 0.6944444444vw;
  transition: linear 0.2s;
}
.error-secure-block .error-content a:last-of-type {
  margin-bottom: 0;
}
.error-secure-block .error-content a:hover {
  color: #121c5e;
  text-shadow: 0 0 0.4166666667vw #121c5e;
  transition: linear 0.2s;
}

.rapport-main-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-top: 1.3888888889vw;
}
.rapport-main-block .rapport-head-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.rapport-main-block .rapport-head-block h2 {
  font-size: 1.375rem;
  font-weight: bold;
  margin: 0;
}
.rapport-main-block .rapport-head-block a.trash-btn {
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  color: #121c5e;
  font-size: 1rem;
  margin-left: 1.7361111111vw;
}
.rapport-main-block .rapport-head-block a.trash-btn i {
  font-size: 1.125rem;
  margin-left: 0.5555555556vw;
}
.rapport-main-block .rapport-content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-top: 1.3888888889vw;
}
.rapport-main-block .rapport-content .table-index {
  border-radius: 0.9027777778vw;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.rapport-main-block .rapport-content .table-index .btns-in-table a i {
  color: #82D9a8;
  transition: 0.2s linear;
}
.rapport-main-block .rapport-content .table-index .btns-in-table a i:hover {
  text-shadow: none;
  color: #121c5e;
  transition: 0.2s linear;
}
.rapport-main-block .dashboards-buttons {
  margin-top: 1.3888888889vw;
}

.rapp-create-main-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  padding: 1.3888888889vw;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
  margin: 0;
  padding: 0;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block {
  width: calc(50% - 1.3888888889vw);
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block.full-width-field {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-one-field-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin-bottom: 1.0416666667vw;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-one-field-block:last-of-type {
  margin-bottom: 0;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .save-button-field {
  justify-content: flex-end;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .save-button-field a i {
  font-size: 1.625rem;
  color: #82D9a8;
  transition: 0.2s linear;
  cursor: pointer;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .save-button-field a i:hover {
  color: #121c5e;
  transition: 0.2s linear;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-lable-block {
  width: calc(30% - 0.3472222222vw);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-lable-block label {
  font-weight: bold;
  font-size: 1rem;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-field-block {
  width: calc(70% - 0.3472222222vw);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-field-block input[type=text] {
  width: 100%;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: 2px solid #82D9a8;
  border-radius: 1.3888888889vw;
  color: #121c5e;
  font-size: 1rem;
  padding: 0 0.6944444444vw;
  outline: none;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-field-block .select {
  width: 100%;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block {
  width: calc(70% - 0.3472222222vw);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
  margin-bottom: 1.7361111111vw;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-lable-block {
  padding-top: 0.7638888889vw;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 1.0416666667vw;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block:last-of-type {
  margin-bottom: 0;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block > span {
  font-size: 1rem;
  color: #121c5e;
  margin-right: 0.5555555556vw;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .vdp-datepicker__calendar {
  right: 0;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .colorpicker-items {
  flex-wrap: wrap;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .colorpicker-items .colorpicker-item {
  margin-bottom: 5px;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .colorset-buttons {
  margin-bottom: 5px;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .rapp-date-field {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-right: 0.5555555556vw;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .rapp-date-field:last-of-type {
  margin-right: 0;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .rapp-date-field input[type=text] {
  width: 7.4305555556vw;
  margin-right: 0.3472222222vw;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .rapp-date-field a {
  color: #121c5e;
  text-decoration: none;
  font-size: 1.875rem;
  cursor: pointer;
  font-weight: 500;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .rapp-date-field a:hover {
  color: #121c5e;
  transition: linear 0.2s;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .rapp-some-field-block .rapp-fields-block .rapp-field-block .material-checkbox .material-control-description {
  padding-left: 0;
  color: #121c5e;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-right: 1.3888888889vw;
  position: relative;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list li:last-of-type {
  margin-right: 0;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list li label {
  line-height: 1.7361111111vw;
  cursor: pointer;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list li input[type=radio] {
  position: absolute;
  opacity: 0;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list li input[type=radio] + label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 2px solid #121c5e;
  box-sizing: border-box;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  top: 0.2rem;
  margin-right: 0.5rem;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 50ms ease;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list li input[type=radio]:checked + label:before {
  background-color: #82D9a8;
  box-shadow: inset 0 0 0 3px #ffffff;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list li input[type=radio]:focus + label:before {
  outline: none;
  border-color: #121c5e;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list li input[type=radio]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .radio_list li input[type=radio] + label:empty:before {
  margin-right: 0;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .field-with-valid {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .rapp-half-block .field-with-valid .field-error {
  width: calc(70% - 0.3472222222vw);
}
.rapp-create-main-block .questionnaire-questions-block .rapp-settings-form form .equal-half-height .rapp-one-field-block {
  min-height: 2.7777777778vw;
}

.rapp-temp-add-column-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  border-radius: 1.3888888889vw;
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.rapp-temp-add-column-block .rapp-temp-add-column-header {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 1.0416666667vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.rapp-temp-add-column-block .rapp-temp-add-column-header span {
  font-size: 1.125rem;
  color: #121c5e;
  margin-right: 1.0416666667vw;
}
.rapp-temp-add-column-block .rapp-temp-add-column-header i {
  font-size: 1.375rem;
  color: #ffffff;
}
.rapp-temp-add-column-block .rapp-temp-add-column-content {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 2.0833333333vw 6.25vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.rapp-temp-add-column-block .rapp-temp-add-column-content .rapp-temp-column-block {
  width: calc(50% - 4.5138888889vw);
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  background-color: #3e8cea;
  padding: 1.3888888889vw;
  border-radius: 1.3888888889vw;
  cursor: pointer;
  transition: 0.2s linear;
  color: #3e8cea;
}
.rapp-temp-add-column-block .rapp-temp-add-column-content .rapp-temp-column-block:hover {
  background-color: #55ade1;
  transition: 0.2s linear;
}
.rapp-temp-add-column-block .rapp-temp-add-column-content .rapp-temp-column-block span {
  color: #ffffff;
  margin-bottom: 1.0416666667vw;
  font-weight: 500;
  font-size: 1.125rem;
}
.rapp-temp-add-column-block .rapp-temp-add-column-content .rapp-temp-column-block .column-image {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.rapp-temp-add-column-block .rapp-temp-add-column-content .rapp-temp-column-block .column-image img {
  width: 100%;
  height: auto;
}

.rapp-template-block-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.rapp-template-block {
  width: 100%;
  height: auto;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  background-color: #ffffff !important;
  border-radius: 1.3888888889vw;
  margin-bottom: 1.3888888889vw;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.rapp-template-block .rapp-template-header {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  border-bottom: 1px solid #E8F1F2;
  padding: 0.8333333333vw 1.3888888889vw 0.8333333333vw;
}
.rapp-template-block .rapp-template-header h2 {
  margin: 0;
}
.rapp-template-block .rapp-template-header .rapp-template-head-btns {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.rapp-template-block .rapp-template-header .rapp-template-head-btns a {
  width: auto;
  height: auto;
  text-decoration: none;
  cursor: pointer;
  margin-right: 0.6944444444vw;
}
.rapp-template-block .rapp-template-header .rapp-template-head-btns a:last-of-type {
  margin-right: 0;
}
.rapp-template-block .rapp-template-header .rapp-template-head-btns a i {
  font-size: 1.625rem;
  color: #82D9a8;
  transition: 0.2s linear;
  font-weight: 400;
}
.rapp-template-block .rapp-template-header .rapp-template-head-btns a i:hover {
  color: #121c5e;
  transition: 0.2s linear;
}
.rapp-template-block .rapp-template-header .disabled-btns a i {
  color: rgba(130, 217, 168, 0.5);
}
.rapp-template-block .rapp-template-header .rapp-template-header-form {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.rapp-template-block .rapp-template-header .rapp-template-header-form form {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.rapp-template-block .rapp-template-header .rapp-template-header-form form input[type=text] {
  width: 27.7777777778vw;
  height: 2.7777777778vw;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 2px solid #121c5e;
  border-radius: 0.2083333333vw;
  font-size: 1rem;
  padding: 0 1.0416666667vw;
  outline: none;
  margin-right: 0.6944444444vw;
}
.rapp-template-block .rapp-template-header .rapp-template-header-form form .select {
  width: 12.5vw;
  margin-right: 1.0416666667vw;
}
.rapp-template-block .rapp-template-header .rapp-template-header-form form .select .select-options li {
  color: #121c5e !important;
  text-align: left;
}
.rapp-template-block .rapp-template-header .rapp-template-header-form form .v-select {
  width: 12.5vw;
  margin-right: 1.0416666667vw;
}
.rapp-template-block .rapp-template-header .rapp-template-header-form form a {
  width: auto;
  height: auto;
  text-decoration: none;
  cursor: pointer;
}
.rapp-template-block .rapp-template-header .rapp-template-header-form form a i {
  font-size: 2.125rem;
  font-weight: 400;
  color: #121c5e;
  transition: 0.2s linear;
}
.rapp-template-block .rapp-template-header .hidden-part-temp-block {
  display: none !important;
}
.rapp-template-block .rapp-template-content {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  padding: 2.0833333333vw 2.7777777778vw;
  transition: max-height 0.5s linear;
}
.rapp-template-block .rapp-template-content.content-collapsed {
  max-height: 5.5555555556vw;
  transition: max-height 0.5s linear;
}
.rapp-template-block .rapp-template-content .choose-addon-block {
  width: calc(50% - 1.0416666667vw);
  height: auto;
  min-height: 13.8888888889vw;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  border-radius: 1.3888888889vw;
  margin-right: 2.0833333333vw;
}
.rapp-template-block .rapp-template-content .choose-addon-block:last-of-type {
  margin-right: 0;
}
.rapp-template-block .rapp-template-content .choose-addon-block .dashboard-subcaption {
  margin: 0.83em 0;
}
.rapp-template-block .rapp-template-content .choose-addon-block .addons-block {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: center;
  width: 100%;
  gap: 10px 150px;
}
.rapp-template-block .rapp-template-content .choose-addon-block .addons-block a {
  width: 100%;
  max-width: 200px;
  font-size: 1rem;
  font-weight: 400;
  color: #87c9f0;
  margin-right: 1.3888888889vw;
  text-decoration: none;
  transition: 0.2s linear;
  cursor: pointer;
}
.rapp-template-block .rapp-template-content .choose-addon-block .addons-block a:last-of-type {
  margin-right: 0;
}
.rapp-template-block .rapp-template-content .choose-addon-block .addons-block a:hover {
  text-shadow: 0 0 0.4166666667vw #87c9f0;
  transition: 0.2s linear;
}
.rapp-template-block .rapp-template-content .choose-addon-block form {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0;
}
.rapp-template-block .rapp-template-content .choose-addon-block .inline-toolbar {
  z-index: 10;
}
.rapp-template-block .rapp-template-content .choose-addon-block .inline-toolbar a i {
  color: #ffffff;
}
.rapp-template-block .rapp-template-content .choose-addon-block .inline-toolbar a i:hover {
  color: rgba(255, 255, 255, 0.8);
  transition: linear 0.2s;
}
.rapp-template-block .rapp-template-content .choose-addon-block span, .rapp-template-block .rapp-template-content .choose-addon-block h1, .rapp-template-block .rapp-template-content .choose-addon-block h2, .rapp-template-block .rapp-template-content .choose-addon-block h3, .rapp-template-block .rapp-template-content .choose-addon-block h4, .rapp-template-block .rapp-template-content .choose-addon-block h5, .rapp-template-block .rapp-template-content .choose-addon-block h6, .rapp-template-block .rapp-template-content .choose-addon-block b, .rapp-template-block .rapp-template-content .choose-addon-block i, .rapp-template-block .rapp-template-content .choose-addon-block ul, .rapp-template-block .rapp-template-content .choose-addon-block li, .rapp-template-block .rapp-template-content .choose-addon-block p {
  color: #121c5e;
}
.rapp-template-block .rapp-template-content .choose-addon-block .custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}
.rapp-template-block .rapp-template-content .choose-addon-block .custom-file-upload {
  display: block;
  width: auto;
  font-size: 1rem;
  margin-top: 2.0833333333vw;
}
.rapp-template-block .rapp-template-content .choose-addon-block .custom-file-upload label {
  display: block;
  margin-bottom: 0.3472222222vw;
}
.rapp-template-block .rapp-template-content .choose-addon-block .file-upload-wrapper {
  position: relative;
  margin-bottom: 0.3472222222vw;
}
.rapp-template-block .rapp-template-content .choose-addon-block .file-upload-input {
  width: 20.8333333333vw;
  color: #121c5e;
  font-size: 1rem;
  padding: 0.625vw 1.1805555556vw;
  box-sizing: border-box;
  background-color: #ffffff;
  border-left: 2px solid #121c5e;
  border-top: 2px solid #121c5e;
  border-bottom: 2px solid #121c5e;
  border-right: none;
  border-top-left-radius: 0.2083333333vw;
  border-bottom-left-radius: 0.2083333333vw;
  float: left;
}
.rapp-template-block .rapp-template-content .choose-addon-block .file-upload-input:hover, .rapp-template-block .rapp-template-content .choose-addon-block .file-upload-input:focus {
  outline: none;
}
.rapp-template-block .rapp-template-content .choose-addon-block .file-upload-button {
  cursor: pointer;
  display: inline-block;
  color: #ffffff;
  font-size: 1rem;
  padding: 0.7638888889vw 1.3888888889vw;
  border: none;
  margin-left: -1px;
  background-color: #121c5e;
  float: left;
  border-top-right-radius: 0.2083333333vw;
  border-bottom-right-radius: 0.2083333333vw;
  transition: 0.2s linear;
}
.rapp-template-block .rapp-template-content .choose-addon-block img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.rapp-template-block .rapp-template-content .choose-addon-block img.image-addon {
  width: auto;
  height: auto;
  max-width: 100%;
}
.rapp-template-block .rapp-template-content .choose-addon-block .image-add-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rapp-template-block .rapp-template-content .choose-addon-block .image-add-form > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.3888888889vw 0;
}
.rapp-template-block .rapp-template-content .choose-addon-block .image-add-form > div .fileinput {
  display: none;
}
.rapp-template-block .rapp-template-content .choose-addon-block .image-add-form > div label {
  margin-top: 1.3888888889vw;
  text-align: center;
}
.rapp-template-block .choosed-addon-1 {
  padding: 0;
}
.rapp-template-block .choosed-addon-1 .choose-addon-block {
  width: 100%;
  height: auto;
  position: relative;
  min-height: 13.8888888889vw;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.rapp-template-block .choosed-addon-1 .chart-headers {
  box-sizing: border-box;
  width: 100%;
  padding: 3.4027777778vw 2vw 0;
}
.rapp-template-block .choosed-addon-1 .chart-headers h1 {
  box-sizing: border-box;
  padding: 0.25vh 1vw;
}
.rapp-template-block .choosed-addon-1 .chart-headers h1.editable:hover {
  background-color: #ddd;
  border-radius: 0.5vh;
  cursor: text;
}
.rapp-template-block .choosed-addon-1 .chart-headers h2 {
  box-sizing: border-box;
  padding: 0.25vh 1vw;
}
.rapp-template-block .choosed-addon-1 .chart-headers h2.editable:hover {
  background-color: #ddd;
  border-radius: 0.5vh;
  cursor: text;
}
.rapp-template-block .choosed-addon-1 .chart-headers .editSection {
  margin-bottom: 2rem;
}
.rapp-template-block .choosed-addon-1 .chart-headers .editSection textarea {
  background: #ffffff;
  border: 2px solid #121c5e;
  border-radius: 0.5vh;
  box-sizing: border-box;
  font-size: 1.1rem;
  line-height: 1.2rem;
  padding: 0.25vh 1vw;
  width: 100%;
  text-align: center;
}
.rapp-template-block .choosed-addon-1 .chart-headers .editSection .editbutton {
  background-color: #121c5e;
  border: none;
  border-radius: 0.5vh;
  cursor: pointer;
  float: right;
  height: 25px;
  margin: 2px;
  outline: inherit;
  width: 25px;
}
.rapp-template-block .choosed-addon-1 .chart-headers .editSection .editbutton i.fa {
  color: #ffffff !important;
}
.rapp-template-block .choosed-addon-1 .chart-headers .editSection .editbutton:hover {
  background-color: #82D9a8;
}
.rapp-template-block .choosed-addon-1 .chart-placeholder > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.rapp-template-block .choosed-addon-1 .with-open-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.rapp-template-block .choosed-addon-1 .with-open-data .chart-headers {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.rapp-template-block .choosed-addon-1 .with-open-data .open-data {
  width: 50%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.3888888889vw;
  margin-bottom: 1.3888888889vw;
  padding-left: 1.3888888889vw;
  max-height: calc(27.7777777778vw - 2.7777777778vw);
  overflow-y: auto;
  top: 0;
  right: 0;
}
.rapp-template-block .choosed-addon-1 .with-open-data .open-data span {
  font-size: 1rem;
}
.rapp-template-block .choosed-addon-1 .with-open-data .chart-placeholder > div {
  display: unset;
}
.rapp-template-block .choosed-addon-1 .with-open-data .chart-placeholder table {
  width: calc(70% - 1.3888888889vw);
}
.rapp-template-block .choosed-addon-2 {
  padding: 0;
  align-items: stretch;
}
.rapp-template-block .choosed-addon-2 > .choose-addon-block {
  width: 50%;
  border: none;
  border-radius: 0;
  padding: 0.3472222222vw;
  margin: 0;
}
.rapp-template-block .choosed-addon-2 > .choose-addon-block:first-of-type {
  border-right: 2px solid #E8F1F2;
}
.rapp-template-block .choosed-addon-2 > .choose-addon-block .highcharts-container {
  width: 100% !important;
  height: auto !important;
}
.rapp-template-block .choosed-addon-2 > .choose-addon-block .highcharts-container > svg {
  width: 100%;
  height: 100%;
}
.rapp-template-block .choosed-addon-2 .choose-addon-block {
  width: 100%;
  border: none;
  border-radius: 0;
  padding: 0.3472222222vw;
  margin: 0;
  overflow: hidden;
}
.rapp-template-block .choosed-addon-2 .chart-headers {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2.7083333333vw;
}
.rapp-template-block .choosed-addon-2 .open-data {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1.3888888889vw;
  max-height: 27.7777777778vw;
  overflow-y: auto;
  margin-top: 1.3888888889vw;
}
.rapp-template-block .choosed-addon-2 .open-data ul {
  margin-bottom: unset;
}
.rapp-template-block .choosed-addon-2 .open-data ul li {
  font-size: 1rem;
}
.rapp-template-block .choosed-addon-1 .choose-addon-block .editor-wrapper, .rapp-template-block .choosed-addon-2 .choose-addon-block .editor-wrapper {
  width: 100%;
  height: auto;
}
.rapp-template-block .choosed-addon-1 .choose-addon-block .text-addon-content, .rapp-template-block .choosed-addon-2 .choose-addon-block .text-addon-content {
  width: 100%;
  height: auto;
  min-height: 13.8888888889vw;
  max-height: 27.7777777778vw;
  display: block;
  padding: 0.3472222222vw;
  box-sizing: border-box;
}
.rapp-template-block .choosed-addon-1 .choose-addon-block .mce-tinymce, .rapp-template-block .choosed-addon-2 .choose-addon-block .mce-tinymce {
  width: 100% !important;
  border-bottom-right-radius: 0.2083333333vw;
  border-bottom-left-radius: 0.2083333333vw;
}
.rapp-template-block .choosed-addon-1 .choose-addon-block .mce-tinymce .mce-container-body, .rapp-template-block .choosed-addon-2 .choose-addon-block .mce-tinymce .mce-container-body {
  border-bottom-right-radius: 0.2083333333vw;
  border-bottom-left-radius: 0.2083333333vw;
}
.rapp-template-block .chart-headers h1, .rapp-template-block .chart-headers h2 {
  text-align: center;
}
.rapp-template-block .chart-wrapper {
  padding: 0.5em;
  position: relative;
  width: 100%;
}
.rapp-template-block .chart-placeholder {
  width: 100%;
}
.rapp-template-block .chart-placeholder table {
  width: calc(100% - 1.3888888889vw);
  margin: 0.6944444444vw;
  border: 1px solid black;
}
.rapp-template-block .chart-placeholder table tr {
  border-top: 1px solid black;
}
.rapp-template-block .chart-placeholder table tr:first-of-type {
  border-top: none;
}
.rapp-template-block .chart-placeholder table tr > td {
  border-right: 1px solid black;
}
.rapp-template-block .chart-placeholder table tr > td:last-of-type {
  border-right: none;
}

.chart-caption, .chart-subcaption, .chart-explanation {
  color: #121c5e;
  font-weight: 400;
}

.inline-toolbar {
  width: auto;
  height: auto;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 0.6944444444vw 1.0416666667vw;
  background-color: #82D9a8;
  border-bottom-left-radius: 0.3472222222vw;
  z-index: 1;
}
.inline-toolbar a {
  text-decoration: none;
  width: auto;
  height: auto;
  margin-right: 1.0416666667vw;
  cursor: pointer;
}
.inline-toolbar a i {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 400;
  transition: 0.2s linear;
}
.inline-toolbar a i:hover {
  opacity: 0.6;
  color: rgba(255, 255, 255, 0.8);
  transition: 0.2s linear;
}
.inline-toolbar a:last-of-type {
  margin-right: 0;
}

.colorpicker {
  z-index: 300;
}

.vc-chrome {
  position: absolute;
  top: 2.4305555556vw;
  right: 0;
  z-index: 1;
}

.block-with-users {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  border-radius: 0.3472222222vw;
  margin-top: 2.7777777778vw;
}
.block-with-users .bwu-header {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  margin-bottom: 1.3888888889vw;
  padding: 0 0.6944444444vw;
  box-sizing: border-box;
}
.block-with-users .bwu-header h2 {
  color: #121c5e;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 0.6944444444vw 0;
}
.block-with-users .bwu-header p {
  color: #121c5e;
  font-size: 1rem;
  margin: 0;
}
.block-with-users .bwu-content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.user-block {
  width: calc((100% - 4.1666666667vw) / 3);
  max-width: calc((100% - 4.1666666667vw) / 3);
  height: auto;
  min-height: 175px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex: calc((100% - 4.1666666667vw) / 3);
  box-sizing: border-box;
  padding: 1.0416666667vw;
  border-radius: 1.3888888889vw;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 0.6944444444vw 1.3888888889vw 0.6944444444vw;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-top: 2em;
}
.user-block .user-block-image {
  width: calc(20% - 0.3472222222vw);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 0.6944444444vw;
}
.user-block .user-block-image img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.user-block .user-block-description {
  width: calc(80% - 0.3472222222vw);
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.user-block .user-block-description h6 {
  width: 80%;
  font-weight: bold;
  color: #121c5e;
  margin: 0 0 0.3472222222vw 0;
}
.user-block .user-block-description .ubd-email {
  text-decoration: none;
  color: #121c5e;
  font-size: 1rem;
  width: 100%;
}
.user-block .user-block-description .ubd-email a {
  text-decoration: none;
  width: 100%;
  word-break: break-word;
  color: #121c5e;
}
.user-block .user-block-description .ubd-accesses, .user-block .user-block-description .ubd-accounts {
  font-size: 1rem;
}
.user-block .user-block-description .ubd-accesses b, .user-block .user-block-description .ubd-accounts b {
  font-weight: 400;
}
.user-block .user-block-description .ubd-accesses {
  color: rgba(18, 28, 94, 0.7);
}
.user-block .user-block-description .ubd-accounts {
  color: #121c5e;
}
.user-block .user-block-description .user-block-actions {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0.3472222222vw 0.3472222222vw;
  z-index: 10;
}
.user-block .user-block-description .user-block-actions a {
  text-decoration: none;
  color: #82D9a8;
  margin-right: 0.6944444444vw;
  transition: 0.2s linear;
}
.user-block .user-block-description .user-block-actions a i {
  font-size: 1.2rem;
}
.user-block .user-block-description .user-block-actions a span {
  font-size: 0.8125rem;
  color: #121c5e;
  text-decoration: underline;
}
.user-block .user-block-description .user-block-actions a:hover {
  transition: 0.2s linear;
  color: #121c5e;
}
.user-block .user-block-description .user-block-actions a:last-of-type {
  margin-right: 0;
}

.special-modal-container .v--modal-box {
  position: absolute !important;
  width: 60% !important;
  height: auto !important;
  max-height: 80%;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  padding: 1.7361111111vw;
  overflow: auto !important;
}
.special-modal-container .v--modal-box .special-modal {
  width: 100%;
  height: auto;
}

.field-block-valid {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.field-block-valid-q {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
}

.field-block-valid-q-q {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.field-error {
  width: calc(85% - 1.0416666667vw);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-self: flex-end;
  margin-top: 0.4861111111vw;
}
.field-error > span {
  font-size: 0.75rem;
  color: #b62733;
}

.field-error-q {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-self: flex-end;
  margin-top: 0.4861111111vw;
}
.field-error-q > span {
  font-size: 0.75rem;
  color: #b62733;
}

.block-with-scroll {
  display: block;
  height: auto;
  max-height: 100px;
  overflow-y: auto;
}

.form-selection-selector {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin: 1.3888888889vw auto 2.0833333333vw;
}
.form-selection-selector button {
  width: 50%;
  height: 2.5vw;
  border: 2px solid #82D9a8;
  color: #82D9a8;
  font-weight: bold;
  background-color: #ffffff;
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  outline: none;
  box-shadow: none;
}
.form-selection-selector button:first-of-type {
  border-bottom-left-radius: 1.25vw;
  border-top-left-radius: 1.25vw;
}
.form-selection-selector button:last-of-type {
  border-bottom-right-radius: 1.25vw;
  border-top-right-radius: 1.25vw;
}
.form-selection-selector button.active {
  background-color: #82D9a8;
  color: #ffffff;
}
.form-selection-selector button:focus {
  outline: none;
  box-shadow: none;
}

.file-select {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.file-select .file-name {
  height: 2.7777777778vw;
  width: 80%;
  box-sizing: border-box;
  border: 2px solid #82D9a8;
  border-radius: 1.3888888889vw;
  font-size: 1rem;
  color: #121c5e;
  font-weight: 300;
  padding: 0 0.6944444444vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.file-select label {
  width: 20%;
  height: 2.7777777778vw;
  background-color: #3e8cea;
  color: #ffffff;
  font-weight: bold;
  outline: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 1.3888888889vw;
  margin-bottom: 0;
  cursor: pointer;
}
.file-select input {
  display: none;
}

.table-with-margin {
  margin-bottom: 1.3888888889vw;
}

.vue__time-picker .dropdown ul li:not([disabled]).active {
  background-color: #82D9a8 !important;
}

.ql-add-answer, .ql-property {
  outline: none;
}
.ql-add-answer:focus, .ql-property:focus {
  outline: none;
}

.ql-add-answer > svg, .ql-add-property > svg {
  fill: #3F3F3F;
}
.ql-add-answer > svg:hover, .ql-add-property > svg:hover {
  fill: #06c;
}

.downloader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: linear-gradient(285deg, #87c9f0 0%, #77a179 50%, #82D9a8 100%);
  background-position: center;
  background-size: cover;
}
.downloader .download-form {
  width: 30vw;
  height: 25vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 0.6944444444vw;
  box-shadow: 0 12px 36px -12px #000000;
}
.downloader .download-form h4 {
  color: #121c5e;
  margin-bottom: 30px;
}
.downloader .download-form button {
  width: auto;
  height: 2.7777777778vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  padding: 0.4166666667vw 1.0416666667vw 0.4861111111vw;
  color: #ffffff;
  background-color: #82D9a8;
  font-size: 1rem;
  border: none;
  border-radius: 0.2083333333vw;
  cursor: pointer;
  transition: 0.2s linear;
  text-decoration: none;
}
.downloader .download-form button span {
  color: #ffffff;
}
.downloader .download-form button i {
  font-size: 1.125rem;
  margin-left: 0.6944444444vw;
}
.downloader .download-form button:hover {
  background-color: #82D9a8;
  transition: 0.2s linear;
  text-decoration: none;
}

.ds-show {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.ds-show .back-btn-ds {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px;
  background-color: #ffffff;
  box-shadow: 0 0 5px #121c5e;
  z-index: 100;
}
.ds-show .back-btn-ds .logo-ds {
  width: auto;
  height: auto;
}
.ds-show .back-btn-ds .logo-ds.centred {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.ds-show .back-btn-ds .logo-ds img {
  width: auto;
  height: 50px;
}
.ds-show .ds-main-block {
  height: 90vh;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 32px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.ds-show .ds-main-block .header-ds {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  padding: 30px 20px 20px;
}
.ds-show .ds-main-block .header-ds h2 {
  text-align: center;
  max-width: 80%;
}
.ds-show .ds-main-block .header-ds h3 {
  text-align: center;
  max-width: 80%;
}
.ds-show .ds-main-block .header-ds .logo-ds {
  width: auto;
  height: auto;
}
.ds-show .ds-main-block .header-ds .logo-ds img {
  width: 250px;
  height: auto;
}
.ds-show .ds-main-block .ds-row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.ds-show .ds-main-block .ds-row .ds-col1 {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 20px 20px;
  box-sizing: border-box;
}
.ds-show .ds-main-block .ds-row .ds-col2 {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-content: center;
  padding: 20px 20px;
  box-sizing: border-box;
}
.ds-show .ds-main-block .ds-row .ds-col1 img, .ds-show .ds-main-block .ds-row .ds-col2 img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.ds-show .ds-main-block .ds-row .ds-col1 .ds-content, .ds-show .ds-main-block .ds-row .ds-col2 .ds-content {
  width: 100%;
  height: auto;
  display: block;
}
.ds-show .ds-main-block .ds-row .ds-col1 .ds-chart, .ds-show .ds-main-block .ds-row .ds-col2 .ds-chart {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ds-show .ds-main-block .ds-row .ds-col1 .ds-chart h1, .ds-show .ds-main-block .ds-row .ds-col1 .ds-chart h2, .ds-show .ds-main-block .ds-row .ds-col2 .ds-chart h1, .ds-show .ds-main-block .ds-row .ds-col2 .ds-chart h2 {
  text-align: center;
}
.ds-show .ds-main-block .ds-row .ds-col1 .ds-chart > div, .ds-show .ds-main-block .ds-row .ds-col2 .ds-chart > div {
  max-width: 1000px;
  width: 100%;
  height: auto;
}
.ds-show .ds-main-block .ds-row .ds-col1 .ds-chart .open-data, .ds-show .ds-main-block .ds-row .ds-col2 .ds-chart .open-data {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.3888888889vw;
}
.ds-show .ds-main-block .ds-row .ds-col1 .ds-chart .open-data ul, .ds-show .ds-main-block .ds-row .ds-col2 .ds-chart .open-data ul {
  margin-bottom: unset;
}
.ds-show .ds-main-block .ds-row .ds-col1 .ds-chart .open-data ul li, .ds-show .ds-main-block .ds-row .ds-col2 .ds-chart .open-data ul li {
  font-size: 1rem;
}
.ds-show .ds-main-block .ds-row .ds-col1 table, .ds-show .ds-main-block .ds-row .ds-col2 table {
  width: calc(100% - 1.3888888889vw);
  margin: 0.6944444444vw;
  border: 1px solid black;
}
.ds-show .ds-main-block .ds-row .ds-col1 table tr, .ds-show .ds-main-block .ds-row .ds-col2 table tr {
  border-top: 1px solid black;
}
.ds-show .ds-main-block .ds-row .ds-col1 table tr:first-of-type, .ds-show .ds-main-block .ds-row .ds-col2 table tr:first-of-type {
  border-top: none;
}
.ds-show .ds-main-block .ds-row .ds-col1 table tr > td, .ds-show .ds-main-block .ds-row .ds-col2 table tr > td {
  border-right: 1px solid black;
}
.ds-show .ds-main-block .ds-row .ds-col1 table tr > td:last-of-type, .ds-show .ds-main-block .ds-row .ds-col2 table tr > td:last-of-type {
  border-right: none;
}

p.ql-align-right,
p.ql-align-center,
h1.ql-align-right,
h1.ql-align-center,
h2.ql-align-right,
h2.ql-align-center,
h3.ql-align-right,
h3.ql-align-center,
h4.ql-align-right,
h4.ql-align-center,
h5.ql-align-right,
h5.ql-align-center,
h6.ql-align-right,
h6.ql-align-center,
span.ql-align-right,
span.ql-align-center {
  width: 100%;
}

.ql-align-right {
  text-align: right;
}

.ql-align-center {
  text-align: center;
}

.picture-inner-text {
  font-size: 1.2rem !important;
}

.picture-input > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.picture-input .btn-spc-btw {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}
.picture-input .btn-spc-btw button {
  width: auto;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: none;
  border-radius: 1.3888888889vw;
  background-color: #3e8cea;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.25em;
  padding: 0 2.0833333333vw;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: 0.2s linear;
  outline: none;
  font-weight: bold;
  text-decoration: none;
}
.picture-input .btn-spc-btw button i {
  font-size: 1.125rem;
  margin-left: 0.4166666667vw;
}
.picture-input .btn-spc-btw button:hover {
  text-decoration: none;
  transition: 0.2s linear;
  background-color: #55ade1;
}

.tag-buttons-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  align-content: center;
  margin-left: 1em;
}
.tag-buttons-block button {
  width: auto;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border-left: 0.0694444444vw #3e8cea solid;
  border-right: 0.0694444444vw #3e8cea solid;
  border-top: 0.1388888889vw #3e8cea solid;
  border-bottom: 0.1388888889vw #3e8cea solid;
  background-color: #ffffff;
  color: #3e8cea;
  font-size: 1rem;
  padding: 0 2.0833333333vw;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: 0.2s linear;
  outline: none;
  text-decoration: none;
}
.tag-buttons-block button:first-of-type {
  border-top-left-radius: 1.3888888889vw;
  border-bottom-left-radius: 1.3888888889vw;
  border-left: 0.1388888889vw #3e8cea solid;
}
.tag-buttons-block button:last-of-type {
  border-top-right-radius: 1.3888888889vw;
  border-bottom-right-radius: 1.3888888889vw;
  border-right: 0.1388888889vw #3e8cea solid;
}
.tag-buttons-block button.active {
  background-color: #3e8cea;
  color: #ffffff;
}

.pull-down {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: top center;
  transition: transform 0.2s ease, opacity 0.2s ease;
  margin-top: 0.55em;
  border-radius: 0.9027777778vw;
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 100;
  width: max-content;
}
.pull-down.visible {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.pull-down ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.pull-down ul li {
  margin: 0.25em;
}
.pull-down ul li a,
.pull-down ul li router-link {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.55em 1em;
  color: #121c5e;
  text-decoration: none;
  background-color: #ffffff;
  transition: all 0.2s ease;
  border-radius: 1.3888888889vw;
  white-space: nowrap;
}
.pull-down ul li a i,
.pull-down ul li router-link i {
  font-size: 1.3rem;
  color: #82D9a8;
  min-width: 1.2em;
  text-align: center;
}
.pull-down ul li a:hover,
.pull-down ul li router-link:hover {
  background-color: #82D9a8;
  color: #ffffff;
  cursor: pointer;
}
.pull-down ul li a:hover i,
.pull-down ul li router-link:hover i {
  color: #ffffff;
}
.pull-down ul li a.danger:hover,
.pull-down ul li router-link.danger:hover {
  background-color: #c16568 !important;
  color: #ffffff !important;
}
.pull-down ul li a.danger:hover i,
.pull-down ul li router-link.danger:hover i {
  color: #ffffff !important;
}

.highcharts-range-selector-group {
  display: none;
}

.dash-style-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  border-radius: 0.9027777778vw;
}
.dash-style-block .dash-style-show {
  width: calc(100% - 13.8888888889vw);
  height: auto;
  min-height: 27.7777777778vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-right: 20px;
  border-radius: 0.9027777778vw;
  box-shadow: 0 0.25em 1em -0.5em #3e8cea;
}
.dash-style-block .dash-style-show .ex-email-stylesheet {
  border-radius: 0.9027777778vw;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.dash-style-block .dash-style-btns {
  width: 17.3611111111vw;
  height: auto;
  border-radius: 0.9027777778vw;
  max-height: 650px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  overflow-y: auto;
  box-shadow: 0 0.25em 1em -0.5em #3e8cea;
}
.dash-style-block .dash-style-btns .dash-style-scroll-wrapper {
  height: 80%;
  width: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dash-style-block .dash-style-btns .dash-style-scroll-wrapper a {
  width: 100%;
  height: auto;
  text-decoration: none;
}
.dash-style-block .dash-style-btns .dash-style-scroll-wrapper a button {
  width: 100%;
  height: 3.4722222222vw;
  box-sizing: border-box;
  background-color: #ffffff;
  border: none;
  color: #121c5e;
  font-size: 1rem;
  padding: 0 1.0416666667vw;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  transition: 0.2s linear;
  outline: none;
  text-decoration: none;
  text-align: left;
}
.dash-style-block .dash-style-btns .dash-style-scroll-wrapper a button:hover {
  background-color: rgba(130, 217, 168, 0.8);
  color: #ffffff;
  transition: linear 0.2s;
}
.dash-style-block .dash-style-btns .dash-style-scroll-wrapper a.active button {
  background-color: #82D9a8;
  color: #ffffff;
}
.dash-style-block .styling-hint {
  width: auto;
  height: auto;
  position: absolute;
  top: 0.6944444444vw;
  left: 0.6944444444vw;
}
.dash-style-block .styling-hint i {
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  border-radius: 50%;
  background-color: #82D9a8;
  font-size: 0.75rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.dash-style-block .styling-hint i:hover ~ .question-hint {
  display: flex;
  opacity: 1;
}
.dash-style-block .styling-hint .question-hint {
  width: 17.3611111111vw;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.9027777778vw;
  z-index: 500;
  position: absolute;
  left: 2.4305555556vw;
  top: -0.3472222222vw;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.dash-style-block .styling-hint .question-hint .question-hint-inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 500;
  padding: 0.6944444444vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.9027777778vw;
}
.dash-style-block .styling-hint .question-hint .question-hint-inside h6 {
  color: #121c5e;
  font-size: 1rem;
  margin: 0 0 0.3472222222vw;
}
.dash-style-block .styling-hint .question-hint .question-hint-inside span {
  font-size: 0.75rem;
  color: #121c5e;
}
.dash-style-block .styling-hint .question-hint:before {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background-color: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  left: -0.3472222222vw;
  top: 0.8333333333vw;
  z-index: 1;
}

.dashboard-block {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  border-radius: 0.9027777778vw;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.dashboard-block header {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0.6944444444vw 1.3888888889vw;
  box-sizing: border-box;
  background-color: #ffffff;
}
.dashboard-block header h1 {
  color: #121c5e;
}
.dashboard-block header .dashboard-buttons {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  right: 1.3888888889vw;
  transform: translate(0, -50%);
}
.dashboard-block header .dashboard-buttons a {
  text-decoration: none;
  width: auto;
  height: auto;
  margin-right: 1.0416666667vw;
}
.dashboard-block header .dashboard-buttons a:last-of-type {
  margin-right: 0;
}
.dashboard-block header .dashboard-buttons a i {
  font-size: 1.6rem;
  color: #ffffff;
  transition: linear 0.2s;
}
.dashboard-block header .dashboard-buttons a i:hover {
  color: rgba(255, 255, 255, 0.8);
  transition: linear 0.2s;
}
.dashboard-block main {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.dashboard-block footer {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  background-color: #eee;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0.2083333333vw 0.6944444444vw;
}
.dashboard-block footer span {
  color: #121c5e;
  font-size: 0.9rem;
}

.dash-layout-main-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-layout-main-block .dash-layout-block {
  width: calc(100% - 22.2222222222vw);
  height: auto;
  margin-right: 1.3888888889vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs {
  position: relative;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header {
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  align-items: flex-start;
  height: 37.8472222222vw;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header.panel-with-tabs-header {
  height: 66.5972222222vw;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a {
  position: relative;
  z-index: 20;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a.page-add {
  margin-right: 1.25vw;
  margin-top: 1.25vw;
  transform: translate(0, -50%);
  line-height: 1.25vw;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a.page-tab {
  min-width: 10vw;
  width: 15vw;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a button {
  padding: 0;
  position: relative;
  width: 100%;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a button label {
  color: #121c5e;
  position: relative;
  width: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.5rem;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a .btn-control-menu {
  position: absolute;
  right: 0.5vw;
  line-height: 2.5rem;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a .btn-control-menu i {
  font-size: 1rem;
  color: #121c5e;
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a .btn-control-menu i:hover {
  color: #121c5e;
  opacity: 0.6;
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a.active-tab button {
  border-color: #121c5e;
  background-color: #121c5e;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a.active-tab button label {
  color: #ffffff;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a.active-tab .btn-control-menu i {
  color: #ffffff;
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a.active-tab .btn-control-menu i:hover {
  color: rgba(255, 255, 255, 0.8);
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-header a i {
  font-size: 1rem;
  margin-left: 0.3472222222vw;
  cursor: pointer;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content {
  width: 100%;
  height: 34.7222222222vw;
  padding: 1vh;
  margin-top: 4rem;
  background: #ffffff;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content.panel-with-tabs-content {
  height: auto;
  padding: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 5px;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template {
  align-items: flex-start;
  border-radius: 0.5vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: absolute;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template span {
  font-size: 1.2rem;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  padding: 1vh;
  box-sizing: border-box;
  overflow-y: auto;
  position: relative;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block .inline-toolbar {
  background-color: #ccc;
  padding: 0.75vh 0.75vw;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block .inline-toolbar a i {
  font-size: 1rem;
  font-weight: 700;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block > div.draggable-area {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block .one-variable-block {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0.6944444444vw;
  margin-bottom: 0.6944444444vw;
  box-sizing: border-box;
  border-radius: 0.9027777778vw;
  background-color: #121c5e;
  cursor: pointer;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block .one-variable-block span {
  color: #ffffff;
  font-size: 1rem;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block .one-variable-block a {
  width: auto;
  height: auto;
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 1.3888888889vw;
  transform: translate(0, -50%);
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block .one-variable-block a i {
  color: #ffffff;
  font-size: 1.2rem;
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block .one-variable-block a:hover i {
  color: rgba(255, 255, 255, 0.8);
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .layout-template .all-variables-block .one-variable-block:hover a {
  opacity: 1;
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template {
  position: absolute;
  padding: 0.2777777778vw;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 3px solid #ddd;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 0.9027777778vw 0.6944444444vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block.selected-chart {
  border: 3px solid #121c5e;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block.selected-chart .inline-toolbar {
  background-color: #121c5e;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block a.edit-btn {
  width: auto;
  height: auto;
  position: absolute;
  top: 0.6944444444vw;
  right: 0.6944444444vw;
  transition: linear 0.2s;
  cursor: pointer;
  z-index: 10;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block a.edit-btn i {
  color: #121c5e;
  font-size: 1.3rem;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block a.edit-btn i:hover {
  color: rgba(18, 28, 94, 0.8);
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .inline-toolbar {
  padding: 6px 10px 8px 12px;
  background-color: #ddd;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .inline-toolbar a {
  margin-right: 0.6944444444vw;
  line-height: 1.1rem;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .inline-toolbar a:last-of-type {
  margin-right: 0;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .inline-toolbar a i {
  font-size: 1.2rem;
  font-weight: 700;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-title-block {
  width: 100%;
  height: auto;
  min-height: 2.0833333333vw;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-title-block h3 {
  font-size: 0.9rem;
  color: #121c5e;
  font-weight: 600;
  margin: 0 0 5px;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-title-block span {
  display: block;
  font-size: 0.8rem;
  color: #121c5e;
  margin-bottom: 5px;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-title-block a {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  right: 0.6944444444vw;
  transform: translate(0, -55%);
  transition: linear 0.2s;
  cursor: pointer;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-title-block a i {
  color: #121c5e;
  font-size: 1.3rem;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-title-block a i:hover {
  color: rgba(18, 28, 94, 0.8);
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .chart-type {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  border-radius: 3px;
  border: 2px solid #121c5e;
  background-color: #ffffff;
  margin-right: 0.6944444444vw;
  padding: 0.2083333333vw;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .chart-type:last-of-type {
  margin-right: 0;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .chart-type img {
  width: 100%;
  height: auto;
  background-position: center bottom;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .chart-type.active-chart-type {
  border: 2px solid #121c5e;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .aggreg-type {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .aggreg-type img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .dropdown {
  width: 80px;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .dropdown .dropdown-toggle {
  min-height: 2.0833333333vw;
  background-color: #121c5e;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .dropdown .dropdown-toggle .vs__selected-options {
  display: none;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .dropdown .dropdown-toggle:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 900;
  margin-left: 8px;
  margin-right: 8px;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .dropdown .dropdown-menu {
  min-width: 350px;
  margin-top: 5px;
  border-top: 2px solid #121c5e !important;
  border-radius: 4px;
  z-index: 100;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .radio_list {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .radio_list li {
  margin-right: 1.0416666667vw;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .radio_list li label {
  margin-bottom: 0;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .material-checkbox {
  margin-right: 1.0416666667vw;
  margin-bottom: 0;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-type-selection .material-checkbox .material-control-description {
  color: #121c5e;
  padding-left: 0;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-scale-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 5px;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-scale-block span {
  display: block;
  font-size: 0.8rem;
  color: #121c5e;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-scale-block span b {
  font-weight: 600;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-hint {
  width: auto;
  height: auto;
  position: absolute;
  top: 0.6944444444vw;
  left: 0.6944444444vw;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-hint i {
  width: 1.5277777778vw;
  height: 1.5277777778vw;
  border-radius: 50%;
  background-color: #82D9a8;
  font-size: 0.75rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-hint i:hover ~ .chart-hint {
  display: flex;
  opacity: 1;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-hint .chart-hint {
  width: 13.8888888889vw;
  height: auto;
  box-sizing: border-box;
  border: 1px solid #121c5e;
  background-color: #ffffff;
  border-radius: 0.2083333333vw;
  z-index: 500;
  position: absolute;
  left: 2.4305555556vw;
  top: 0;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-hint .chart-hint .chart-hint-inside {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 500;
  padding: 0.6944444444vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 0.2083333333vw;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-hint .chart-hint .chart-hint-inside span {
  display: block;
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  color: #121c5e;
  margin-bottom: 5px;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-hint .chart-hint .chart-hint-inside span:last-of-type {
  margin-bottom: 0;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-hint .chart-hint .chart-hint-inside span b {
  font-weight: 600;
}
.dash-layout-main-block .dash-layout-block .block-with-tabs-content .layout-shell .chart-template .chart-edit-block .chart-hint .chart-hint:before {
  content: "";
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  background-color: #121c5e;
  transform: rotate(45deg);
  position: absolute;
  left: -0.3472222222vw;
  top: 0.3472222222vw;
  z-index: 1;
}
.dash-layout-main-block .dash-layout-sidebar {
  width: 20.8333333333vw;
  height: auto;
  min-height: 31.25vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  border-radius: 1.3888888889vw;
  overflow: hidden;
  box-shadow: 0 0.25em 1em -0.5em #3e8cea;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-btns {
  width: 100%;
  height: 2.6388888889vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-btns a {
  width: 50%;
  height: 100%;
  text-decoration: none;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-btns a button {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  box-sizing: border-box;
  background: #ffffff;
  color: #3e8cea;
  font-size: 1rem;
  padding: 0.3472222222vw 0.6944444444vw;
  border: none;
  outline: none;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-btns a:hover button {
  background-color: #55ade1;
  color: #ffffff;
  transition: linear 0.2s;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-btns a.active button {
  background-color: #3e8cea;
  color: #ffffff;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper {
  width: 100%;
  height: 34.3055555556vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  overflow-y: auto;
  position: relative;
  background: #ffffff;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 2%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .dash-page-layout-block {
  width: 45%;
  height: 5.5555555556vw;
  position: relative;
  box-sizing: border-box;
  border-radius: 13px;
  margin: 2% 1%;
  padding: 0.5vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  cursor: pointer;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .dash-page-layout-block:hover {
  border: 2px solid #87c9f0;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .dash-page-layout-block.selected-layout {
  border: 2px solid #82D9a8;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .dash-page-layout-block .layout-paddings {
  width: 100%;
  height: 100%;
  position: relative;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .dash-page-layout-block .layout-paddings div {
  position: absolute;
  border: 1px solid #ffffff;
  background-color: #ddd;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 0.9027777778vw;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .dash-page-layout-block .layout-paddings div span {
  font-size: 0.5rem;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .all-variables-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .all-variables-block > div {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .all-variables-block .one-variable-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0.6944444444vw;
  margin-bottom: 0.6944444444vw;
  box-sizing: border-box;
  border-radius: 0.9027777778vw;
  background-color: #121c5e;
  cursor: pointer;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .all-variables-block .one-variable-block span {
  color: #ffffff;
  font-size: 1rem;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom: 1.3888888889vw;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block:last-of-type {
  margin-bottom: 0;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block b {
  font-size: 1rem;
  color: #121c5e;
  font-weight: 600;
  margin-bottom: 0.6944444444vw;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block .custom-control.material-checkbox {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 0.2777777778vw;
  margin-left: 1.0416666667vw;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block .custom-control.material-checkbox:last-of-type {
  margin-bottom: 0;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block .custom-control.material-checkbox .material-control-input {
  display: none;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
  border-right: 2px solid #121c5e;
  border-bottom: 2px solid #121c5e;
  background-color: transparent;
  transform: rotateZ(45deg) translate(1px, -5px);
  width: 0.8333333333vw;
  height: 1.25vw;
  opacity: 1;
  left: -0.1388888889vw;
  box-sizing: border-box;
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block .custom-control.material-checkbox .material-control-input:disabled ~ .material-control-indicator {
  opacity: 0.6;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block .custom-control.material-checkbox .material-control-indicator {
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  width: 1.25vw;
  height: 1.25vw;
  border: 2px solid #121c5e;
  background-color: #ffffff;
  transition: 0.3s;
  border-radius: 0.2083333333vw;
  cursor: pointer;
}
.dash-layout-main-block .dash-layout-sidebar .dash-layout-sidebar-content-wrapper .dash-layout-sidebar-content .settings-block .custom-control.material-checkbox .material-control-description {
  font-size: 1rem;
  color: #121c5e;
  padding-left: 0.6944444444vw;
}
.dash-layout-main-block .radio_list {
  margin: 0;
  padding: 0 0 0 1.0416666667vw;
  list-style: none;
}
.dash-layout-main-block .radio_list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 0;
  position: relative;
}
.dash-layout-main-block .radio_list li:last-of-type {
  margin-bottom: 0;
}
.dash-layout-main-block .radio_list li .column-radio-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-layout-main-block .radio_list li .row-radio-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-layout-main-block .radio_list li .radio_list {
  padding-left: 2.7777777778vw;
}
.dash-layout-main-block .radio_list li label {
  line-height: 1.7361111111vw;
  cursor: pointer;
}
.dash-layout-main-block .radio_list li input[type=radio] {
  position: absolute;
  opacity: 0;
}
.dash-layout-main-block .radio_list li input[type=radio] + label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 2px solid #121c5e;
  box-sizing: border-box;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  top: 0.2rem;
  margin-right: 0.5rem;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 50ms ease;
}
.dash-layout-main-block .radio_list li input[type=radio]:checked + label:before {
  background-color: #82D9a8;
  box-shadow: inset 0 0 0 3px #ffffff;
}
.dash-layout-main-block .radio_list li input[type=radio]:focus + label:before {
  outline: none;
  border-color: #121c5e;
}
.dash-layout-main-block .radio_list li input[type=radio]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.dash-layout-main-block .radio_list li input[type=radio] + label:empty:before {
  margin-right: 0;
}

.dash-filters-main-block, .dash-publish-main-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-filters-main-block .block-with-tabs-header a, .dash-publish-main-block .block-with-tabs-header a {
  position: relative;
}
.dash-filters-main-block .block-with-tabs-header a button, .dash-publish-main-block .block-with-tabs-header a button {
  color: #121c5e;
  position: relative;
  overflow-y: hidden;
  text-overflow: ellipsis;
  padding: 0 2.7777777778vw;
}
.dash-filters-main-block .block-with-tabs-header a.active-tab button, .dash-publish-main-block .block-with-tabs-header a.active-tab button {
  color: #ffffff;
  border-color: #121c5e;
  background-color: #121c5e;
}
.dash-filters-main-block .dash-filters-content .vdp-datepicker__calendar, .dash-publish-main-block .dash-filters-content .vdp-datepicker__calendar {
  margin-bottom: calc(2px + 2.7777777778vw);
  bottom: 0;
}
.dash-filters-main-block .dash-filters-content, .dash-filters-main-block .dash-publish-content, .dash-publish-main-block .dash-filters-content, .dash-publish-main-block .dash-publish-content {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 1.3888888889vw 2.0833333333vw 2.7777777778vw;
}
.dash-filters-main-block .dash-filters-content form, .dash-filters-main-block .dash-publish-content form, .dash-publish-main-block .dash-filters-content form, .dash-publish-main-block .dash-publish-content form {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block, .dash-filters-main-block .dash-publish-content form .filter-item-block, .dash-publish-main-block .dash-filters-content form .filter-item-block, .dash-publish-main-block .dash-publish-content form .filter-item-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  margin-bottom: 1.3888888889vw;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block:last-of-type, .dash-filters-main-block .dash-publish-content form .filter-item-block:last-of-type, .dash-publish-main-block .dash-filters-content form .filter-item-block:last-of-type, .dash-publish-main-block .dash-publish-content form .filter-item-block:last-of-type {
  margin-bottom: 0;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block > b, .dash-filters-main-block .dash-publish-content form .filter-item-block > b, .dash-publish-main-block .dash-filters-content form .filter-item-block > b, .dash-publish-main-block .dash-publish-content form .filter-item-block > b {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.6944444444vw;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .material-control-description, .dash-filters-main-block .dash-publish-content form .filter-item-block .material-control-description, .dash-publish-main-block .dash-filters-content form .filter-item-block .material-control-description, .dash-publish-main-block .dash-publish-content form .filter-item-block .material-control-description {
  color: #121c5e !important;
  font-size: 0.9rem;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .form-field-block, .dash-filters-main-block .dash-publish-content form .filter-item-block .form-field-block, .dash-publish-main-block .dash-filters-content form .filter-item-block .form-field-block, .dash-publish-main-block .dash-publish-content form .filter-item-block .form-field-block {
  padding-left: 1.3888888889vw;
  margin-bottom: 0.3472222222vw;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .form-field-block:last-of-type, .dash-filters-main-block .dash-publish-content form .filter-item-block .form-field-block:last-of-type, .dash-publish-main-block .dash-filters-content form .filter-item-block .form-field-block:last-of-type, .dash-publish-main-block .dash-publish-content form .filter-item-block .form-field-block:last-of-type {
  margin-bottom: 0;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list {
  margin: 0;
  padding: 0 0 0 1.0416666667vw;
  list-style: none;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 0.1388888889vw;
  position: relative;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li:last-of-type, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li:last-of-type, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li:last-of-type, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li:last-of-type {
  margin-bottom: 0;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li .column-radio-block, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li .column-radio-block, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li .column-radio-block, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li .column-radio-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li .row-radio-block, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li .row-radio-block, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li .row-radio-block, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li .row-radio-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li .radio_list, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li .radio_list, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li .radio_list, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li .radio_list {
  padding-left: 2.7777777778vw;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li label, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li label, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li label, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li label {
  line-height: 1.7361111111vw;
  cursor: pointer;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio], .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio], .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio], .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio] {
  position: absolute;
  opacity: 0;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio] + label:before, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio] + label:before, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio] + label:before, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio] + label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 2px solid #121c5e;
  box-sizing: border-box;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  top: 0.2rem;
  margin-right: 0.5rem;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 50ms ease;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio]:checked + label:before, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio]:checked + label:before, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio]:checked + label:before, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio]:checked + label:before {
  background-color: #82D9a8;
  box-shadow: inset 0 0 0 3px #ffffff;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio]:focus + label:before, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio]:focus + label:before, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio]:focus + label:before, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio]:focus + label:before {
  outline: none;
  border-color: #82D9a8;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio]:disabled + label:before, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio]:disabled + label:before, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio]:disabled + label:before, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio] + label:empty:before, .dash-filters-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio] + label:empty:before, .dash-publish-main-block .dash-filters-content form .filter-item-block .radio_list li input[type=radio] + label:empty:before, .dash-publish-main-block .dash-publish-content form .filter-item-block .radio_list li input[type=radio] + label:empty:before {
  margin-right: 0;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .date-field, .dash-filters-main-block .dash-publish-content form .filter-item-block .date-field, .dash-publish-main-block .dash-filters-content form .filter-item-block .date-field, .dash-publish-main-block .dash-publish-content form .filter-item-block .date-field {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-left: 3.4722222222vw;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .date-field .question-date-field, .dash-filters-main-block .dash-publish-content form .filter-item-block .date-field .question-date-field, .dash-publish-main-block .dash-filters-content form .filter-item-block .date-field .question-date-field, .dash-publish-main-block .dash-publish-content form .filter-item-block .date-field .question-date-field {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .date-field .question-date-field input[type=text], .dash-filters-main-block .dash-publish-content form .filter-item-block .date-field .question-date-field input[type=text], .dash-publish-main-block .dash-filters-content form .filter-item-block .date-field .question-date-field input[type=text], .dash-publish-main-block .dash-publish-content form .filter-item-block .date-field .question-date-field input[type=text] {
  width: 10.4166666667vw;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border-radius: 1.3888888889vw;
  border: 2px solid #82D9a8;
  padding: 0 1.0416666667vw;
  font-size: 1rem;
  outline: none;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .date-field > span, .dash-filters-main-block .dash-publish-content form .filter-item-block .date-field > span, .dash-publish-main-block .dash-filters-content form .filter-item-block .date-field > span, .dash-publish-main-block .dash-publish-content form .filter-item-block .date-field > span {
  margin-right: 1.0416666667vw;
}
.dash-filters-main-block .dash-filters-content form .filter-item-block .date-field > span:last-of-type, .dash-filters-main-block .dash-publish-content form .filter-item-block .date-field > span:last-of-type, .dash-publish-main-block .dash-filters-content form .filter-item-block .date-field > span:last-of-type, .dash-publish-main-block .dash-publish-content form .filter-item-block .date-field > span:last-of-type {
  margin-left: 1.0416666667vw;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block, .dash-filters-main-block .dash-publish-content .dash-wrapper-block, .dash-publish-main-block .dash-filters-content .dash-wrapper-block, .dash-publish-main-block .dash-publish-content .dash-wrapper-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-image, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-image, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-image, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-image {
  width: 20%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-image a, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-image a, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-image a, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-image a {
  width: 100%;
  height: auto;
  text-decoration: none;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-image a:hover, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-image a:hover, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-image a:hover, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-image a:hover {
  text-decoration: none;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-image a img, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-image a img, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-image a img, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-image a img {
  width: 100%;
  height: auto;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-info, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-info, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-info, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-info {
  width: 78%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2em;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link p.link, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link p.link, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link p.link, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link p.link {
  height: 40px;
  border-radius: 1.3888888889vw;
  border: 2px solid #82D9a8;
  padding: 0 1.0416666667vw;
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link p.link a, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link p.link a, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link p.link a, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link p.link a {
  text-decoration: none;
  color: #3e8cea;
  transition: linear 0.2s;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link p.link a:hover, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link p.link a:hover, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link p.link a:hover, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link p.link a:hover {
  text-decoration: underline;
  color: #55ade1;
  transition: linear 0.2s;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link i, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link i, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link i, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link i {
  font-size: 1.6rem;
  color: #82D9a8;
  transition: linear 0.2s;
  cursor: pointer;
  margin-left: 0.8em;
}
.dash-filters-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link i:hover, .dash-filters-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link i:hover, .dash-publish-main-block .dash-filters-content .dash-wrapper-block .dash-info .dash-link i:hover, .dash-publish-main-block .dash-publish-content .dash-wrapper-block .dash-info .dash-link i:hover {
  color: #121c5e;
  transition: linear 0.2s;
}

.chart-colorset-colors {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.chart-colorset-colors span {
  display: block;
}
.chart-colorset-colors .colorset-colors {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-left: 0.6944444444vw;
}
.chart-colorset-colors .colorset-colors div {
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  border-radius: 1.3888888889vw;
  margin-right: 0.2083333333vw;
}
.chart-colorset-colors .colorset-colors div:last-of-type {
  margin-right: 0;
}

.new-plus-view {
  margin-top: 0.6944444444vw;
  justify-content: flex-end !important;
  width: 45.2777777778vw !important;
}
.new-plus-view > img {
  margin-right: 0 !important;
}

.custom-new-plus-view {
  margin-top: 0.6944444444vw;
  justify-content: flex-end !important;
  width: 25.3472222222vw !important;
}
.custom-new-plus-view > img {
  margin-right: 0 !important;
}

ul#list-report-images {
  display: flex;
  flex-wrap: wrap;
}
ul#list-report-images li {
  margin-right: 1em;
}

.html_source-textarea {
  display: block;
  box-sizing: border-box;
  line-height: 1.42;
  width: 100%;
  height: 100%;
  min-height: 200px;
  outline: 0;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 0.9rem;
  background-color: #121c5e;
  color: #ffffff;
  border: none;
  border-radius: unset;
}
.html_source-textarea.hidden {
  display: none;
}

.ql-html-source svg {
  color: rgba(54, 54, 54, 0.9);
}
.ql-html-source:hover svg {
  color: #06c;
}
.ql-html-source.ql-active svg {
  color: #06c;
}

.v--modal-overlay {
  z-index: 1001 !important;
}

.date-validation {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.date-validation .date-validation-field {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.tox-tinymce-aux {
  position: relative !important;
  z-index: 2000 !important;
}

.editor-wrapper {
  width: 100%;
  height: auto;
}

.rules_counter {
  position: absolute;
  right: -3px;
  top: 0;
  height: 10px;
  background-color: #121c5e;
  border-radius: 5px;
  color: #ffffff !important;
  font-size: 0.5rem;
  line-height: 8px;
  font-weight: 600;
  width: auto;
  min-width: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.response-mon .ds-chart > div {
  width: 100%;
}
.response-mon .ds-chart > div > div {
  width: 100% !important;
  text-align: center !important;
  border-radius: 1.3888888889vw;
}

.linked-question {
  color: #C0C0C0;
  text-decoration: none !important;
  cursor: default !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}
.linked-question img {
  width: 1.5972222222vw !important;
  height: 1.5972222222vw !important;
}
.linked-question:hover {
  color: #C0C0C0;
  text-decoration: none;
  cursor: default;
}
.linked-question span {
  border: 1px solid #C0C0C0;
  border-radius: 0.5em;
  color: #C0C0C0 !important;
  font-size: 0.5rem;
  font-weight: bold;
  padding: 0.1em 0.2em 0.2em 0.2em;
  display: inline-block;
  box-sizing: content-box;
  margin: 0.5em 0;
}

.condition-option-content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.condition-option-content .condition-fields {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.condition-option-content .condition-fields .condition-field {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 1.0416666667vw;
}
.condition-option-content .condition-fields .condition-field:last-of-type {
  margin-right: 0;
}
.condition-option-content .condition-fields .condition-field > span {
  display: block;
  margin: 0 0 0.3472222222vw;
}
.condition-option-content .condition-fields .condition-field .cf-wrapper {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.condition-option-content .condition-fields .condition-field .cf-wrapper .colorpicker-item {
  width: auto;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-top: 0.3472222222vw;
  margin-bottom: 0.3472222222vw;
}
.condition-option-content .condition-fields .condition-field .cf-wrapper .colorpicker-item input {
  display: none;
}
.condition-option-content .condition-fields .condition-field .cf-wrapper .colorpicker-item .colorpickerclass {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  cursor: pointer;
}
.condition-option-content .condition-fields .condition-field .cf-wrapper .colorpicker-item .colorpickerclass div {
  width: 100%;
  height: 100%;
  border-radius: 1.3888888889vw;
}
.condition-option-content .condition-fields .cf-ss {
  width: 11.1111111111vw;
}
.condition-option-content .condition-fields .cf-ss .cf-wrapper {
  width: 100%;
}
.condition-option-content .condition-fields .cf-bs {
  width: 24.3055555556vw;
}
.condition-option-content .condition-fields .cf-bs .cf-wrapper {
  width: 100%;
}
.condition-option-content .condition-fields .cf-color {
  align-items: center;
}
.condition-option-content .condition-btn {
  width: 2.4305555556vw;
  height: auto;
}
.condition-option-content .condition-btn .ot-remove-item {
  width: 3.125vw;
  height: 3.125vw;
  margin-left: 1.7361111111vw;
  margin-top: calc(3rem + 0.3472222222vw);
}

.condition-add-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  transition: linear 0.2s;
}
.condition-add-btn:hover {
  text-decoration: none;
  color: #82D9a8;
  transition: linear 0.2s;
}
.condition-add-btn:hover i {
  color: #82D9a8;
  transition: linear 0.2s;
}
.condition-add-btn:hover span {
  color: #82D9a8;
  transition: linear 0.2s;
}
.condition-add-btn i {
  font-size: 1.2rem;
  color: #82D9a8;
  margin-right: 0.6944444444vw;
  transition: linear 0.2s;
}
.condition-add-btn span {
  color: #82D9a8;
  font-size: 1rem;
  transition: linear 0.2s;
}

.pagination-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  margin-top: 2.0833333333vw;
}
.pagination-wrapper .pagination {
  list-style: none;
  display: flex;
  width: auto;
  height: auto;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0;
}
.pagination-wrapper .pagination li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
}
.pagination-wrapper .pagination li a {
  color: #121c5e;
  text-decoration: none;
  font-size: 1rem;
  transition: linear 0.2s;
  padding: 0.3472222222vw 0.9722222222vw;
  cursor: pointer;
  background-color: #ffffff;
  outline: none;
}
.pagination-wrapper .pagination li a:hover {
  color: #ffffff;
  background-color: #121c5e;
  border: 1px solid #121c5e;
  opacity: 0.8;
  transition: linear 0.2s;
}
.pagination-wrapper .pagination li:first-of-type a {
  border-top-left-radius: 1.3888888889vw;
  border-bottom-left-radius: 1.3888888889vw;
}
.pagination-wrapper .pagination li:last-of-type a {
  border-top-right-radius: 1.3888888889vw;
  border-bottom-right-radius: 1.3888888889vw;
}
.pagination-wrapper .pagination li.active a {
  background-color: #121c5e;
  border-color: #121c5e;
  color: #ffffff;
  transition: linear 0.2s;
  padding: 0.3472222222vw 1.0416666667vw;
  cursor: default;
  margin-left: -0.0694444444vw;
  margin-right: -0.0694444444vw;
  z-index: 10;
}
.pagination-wrapper .pagination li.active a:hover {
  background-color: #121c5e;
  transition: linear 0.2s;
}
.pagination-wrapper .pagination li.disabled a {
  opacity: 0.8;
  transition: linear 0.2s;
  cursor: default;
}
.pagination-wrapper .pagination li.disabled a:hover {
  background-color: #ffffff;
  color: #121c5e;
  transition: linear 0.2s;
}

.loading-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 700px;
  width: 1500px;
  font-size: 24px;
  color: #3e8cea;
}

.loading-icon i {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading-header {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.loading-header h2 {
  color: #121c5e;
  margin-bottom: 0;
}
.loading-header i {
  color: #121c5e;
  font-size: 1.8rem;
  margin-right: 1.3888888889vw;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transition: rotate(3600deg);
}

.handle {
  cursor: pointer;
}

.disabled-export {
  opacity: 0.7;
}
.disabled-export button {
  cursor: default;
}

.disabled-export:hover button {
  cursor: default;
  background-color: #121c5e;
  transition: linear 0.2s;
}

.panel-chart-shell {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.panel-chart-shell .panel-chart-template {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #82D9a8;
  padding: 0 0.5em 0.5em;
  overflow: hidden;
}
.panel-chart-shell .panel-chart-template .chart-headers {
  width: calc(100% - 11.3888888889vw);
  height: auto;
  padding-top: 0.625vw;
}
.panel-chart-shell .panel-chart-template .chart-headers h3, .panel-chart-shell .panel-chart-template .chart-headers h4 {
  text-align: center;
}
.panel-chart-shell .panel-chart-template .chart-wrapper {
  padding: 0.5em;
  position: relative;
  width: 100%;
  height: auto;
}
.panel-chart-shell .panel-chart-template .chart-wrapper .hc {
  color: #121c5e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.panel-buttons {
  width: calc(100% - 1.3888888889vw);
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  margin: 1.3888888889vw 0.6944444444vw;
}
.panel-buttons a {
  z-index: 50;
}

.v-select.searchable .dropdown-toggle {
  background-color: #ffffff;
}

.respondent-search {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.respondent-search input[type=text] {
  width: calc(100% - 13.8888888889vw);
  height: 2.7777777778vw;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 2px solid #121c5e;
  border-radius: 1.3888888889vw;
  font-size: 1rem;
  padding: 0 1.0416666667vw;
  outline: none;
}
.respondent-search input[type=text]:focus {
  outline: none;
}
.respondent-search input[type=text]::-webkit-input-placeholder {
  color: rgba(18, 28, 94, 0.8);
}
.respondent-search input[type=text]::-moz-placeholder {
  color: rgba(18, 28, 94, 0.8);
}
.respondent-search input[type=text]:-ms-input-placeholder {
  color: rgba(18, 28, 94, 0.8);
}
.respondent-search input[type=text]:-moz-placeholder {
  color: rgba(18, 28, 94, 0.8);
}
.respondent-search .action-btn button {
  width: 13.8888888889vw;
}
.respondent-search .form-check.custom-control.material-checkbox {
  margin-bottom: 0;
  margin-top: 0.6944444444vw;
  margin-right: 1.7361111111vw;
}
.respondent-search .form-check.custom-control.material-checkbox:last-of-type {
  margin-right: 0;
}
.respondent-search .form-check.custom-control.material-checkbox .material-control-description {
  color: #121c5e;
  padding-left: 5px;
}

.rule-special-main-block {
  justify-content: flex-start;
  align-items: center;
}
.rule-special-main-block .rule-special-block {
  width: calc(100% - 1.3888888889vw);
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.rule-special-main-block i.fa-times {
  justify-items: flex-end;
  font-size: 1.5rem;
  color: #121c5e;
  transition: linear 0.2s;
  cursor: pointer;
  margin-bottom: 1.1805555556vw;
}
.rule-special-main-block i.fa-times:hover {
  color: #82D9a8;
  transition: linear 0.2s;
}

.range-filter {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
  padding: 1.3888888889vw;
  box-shadow: 0 0.25em 1em -0.5em #82D9a8;
  background: #ffffff;
}
.range-filter .question-date-field {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.range-filter .question-date-field input[type=text] {
  width: 17.3611111111vw;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: 2px solid #82D9a8;
  border-radius: 1.3888888889vw;
  color: #121c5e;
  font-size: 1rem;
  padding: 0 0.6944444444vw;
  outline: none;
  margin-right: 0.6944444444vw;
}
.range-filter .question-date-field > span {
  margin-right: 1.0416666667vw;
}
.range-filter .question-date-field > span:last-of-type {
  margin-left: 1.0416666667vw;
}
.range-filter .vdp-datepicker__clear-button span i span {
  font-style: initial;
  margin-right: 5px;
  color: #121c5e;
  font-size: 1.4rem;
}
.range-filter .action-btn {
  min-width: 100px;
  width: 30%;
}
.range-filter .action-btn button {
  width: 100%;
}

.qr-main-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.qr-main-block .qr-two-block {
  width: calc(50% - 15px);
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.qr-main-block .qr-two-block .qr-with-buttons-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.qr-main-block .qr-two-block .qr-with-buttons-block .qr-buttons-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.qr-main-block .qr-two-block .qr-with-buttons-block .qr-buttons-block .action-btn {
  margin-bottom: 10px;
}
.qr-main-block .qr-two-block .qr-with-buttons-block .qr-buttons-block .action-btn:last-of-type {
  margin-bottom: 0;
}

.popup-search {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 1.0416666667vw 1.0416666667vw;
}
.popup-search input[type=text] {
  width: calc(100% - 115px);
  height: 2.7777777778vw;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 2px solid #82D9a8;
  border-radius: 1.3888888889vw;
  font-size: 1rem;
  padding: 0 1.0416666667vw;
  outline: none;
}
.popup-search input[type=text]:focus {
  outline: none;
}
.popup-search input[type=text]::-webkit-input-placeholder {
  color: rgba(18, 28, 94, 0.8);
}
.popup-search input[type=text]::-moz-placeholder {
  color: rgba(18, 28, 94, 0.8);
}
.popup-search input[type=text]:-ms-input-placeholder {
  color: rgba(18, 28, 94, 0.8);
}
.popup-search input[type=text]:-moz-placeholder {
  color: rgba(18, 28, 94, 0.8);
}
.popup-search .action-btn button {
  width: 7.9861111111vw;
}

.page_break {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
  position: relative;
}
.page_break .page_break-block {
  width: 80%;
  height: auto;
  border-bottom: 2px dashed #121c5e;
}
.page_break span {
  display: inline-block;
  padding: 5px 10px;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #121c5e;
  font-size: 0.9rem;
}

.stylesheet-wrapper {
  width: 100%;
  height: calc(100vh - 5.8333333333vw);
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.stylesheet-wrapper .content-block {
  padding-bottom: 0;
}

.intake-preview {
  width: calc(60% - 1.3888888889vw);
  height: calc(100vh - 13.4722222222vw);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 2.7777777778vw;
  align-self: flex-start;
}
.intake-preview .intake-content {
  width: 100%;
  height: 27.7777777778vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3.4722222222vw;
  position: relative;
  border-radius: 1.3888888889vw;
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dashboard-preview {
  width: calc(55% - 2.7777777778vw);
  height: calc(100vh - 13.4722222222vw);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 2.7777777778vw;
  align-self: flex-start;
}
.dashboard-preview .dashboard-stylesheet-content {
  width: 100%;
  height: 24.3055555556vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3.4722222222vw;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 1.3888888889vw;
}

.email-stylesheet-preview {
  width: calc(55% - 2.7777777778vw);
  height: calc(100vh - 13.4722222222vw);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 2.7777777778vw;
  align-self: flex-start;
}
.email-stylesheet-preview .email-stylesheet-content {
  width: 100%;
  height: 70vh;
  display: flex;
  overflow: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  border-radius: 1.3888888889vw;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.stylesheet-form-block {
  width: calc(40% - 1.3888888889vw);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
}
.stylesheet-form-block .stylesheet-block-with-bar {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar {
  width: 80px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn {
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border-radius: 0.9027777778vw;
  cursor: pointer;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn:hover {
  background-color: #121c5e;
  opacity: 0.8;
  transition: linear 0.2s;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn:hover i {
  color: #ffffff;
  transition: linear 0.2s;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn:hover span {
  color: #ffffff;
  transition: linear 0.2s;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn i {
  font-size: 1.6rem;
  color: #121c5e;
  margin-bottom: 5px;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn span {
  font-size: 0.9rem;
  color: #121c5e;
  font-weight: 400;
  text-align: center;
  line-height: initial;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn.active {
  background-color: #121c5e;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn.active i {
  color: #ffffff;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn.active span {
  color: #ffffff;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block {
  width: calc(100% - 80px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form {
  width: 100%;
  height: calc(100% - 2.7777777778vw - 42px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 1.3888888889vw;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.3888888889vw 0 2.0833333333vw;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option {
  padding-left: 1.0416666667vw;
  padding-right: 1.0416666667vw;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-label {
  width: calc(30% - 0.3472222222vw);
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-label span label {
  font-weight: 500;
  margin-bottom: 0;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-field {
  width: calc(70% - 0.3472222222vw);
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-field .vc-chrome {
  left: 0;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-field .radio_list label.button-style:before {
  vertical-align: sub;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .image-field {
  flex-direction: column;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .image-field .new-question-option-label {
  width: 100%;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .image-field .new-question-option-label span label {
  margin-bottom: 0.3472222222vw;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .image-field .new-question-option-field {
  width: 100%;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-button {
  width: 100%;
  height: auto;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-button > span {
  color: #121c5e;
  margin-bottom: 0;
  font-size: 1rem;
  display: inline-block;
}
.stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-button > i {
  color: #121c5e;
  font-size: 1.2rem;
  margin-right: 1.3888888889vw;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transition: rotate(3600deg);
}
.stylesheet-form-block .stylesheet-form {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.3888888889vw 0 2.0833333333vw;
}
.stylesheet-form-block .stylesheet-form .new-question-content .new-question-option {
  padding-left: 1.0416666667vw;
  padding-right: 1.0416666667vw;
}
.stylesheet-form-block .stylesheet-form .new-question-content .new-question-option .new-question-option-label {
  width: calc(30% - 0.3472222222vw);
}
.stylesheet-form-block .stylesheet-form .new-question-content .new-question-option .new-question-option-label span label {
  font-weight: 500;
  margin-bottom: 0;
}
.stylesheet-form-block .stylesheet-form .new-question-content .new-question-option .new-question-option-field {
  width: calc(70% - 0.3472222222vw);
}
.stylesheet-form-block .stylesheet-form .new-question-content .new-question-option .new-question-option-field .vc-chrome {
  left: 0;
}
.stylesheet-form-block .stylesheet-form .new-question-content .image-field {
  flex-direction: column;
}
.stylesheet-form-block .stylesheet-form .new-question-content .image-field .new-question-option-label {
  width: 100%;
}
.stylesheet-form-block .stylesheet-form .new-question-content .image-field .new-question-option-label span label {
  margin-bottom: 0.3472222222vw;
}
.stylesheet-form-block .stylesheet-form .new-question-content .image-field .new-question-option-field {
  width: 100%;
}
.stylesheet-form-block .stylesheet-form .new-question-content .stylesheet-button {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1.3888888889vw;
}
.stylesheet-form-block .stylesheet-form .new-question-content .stylesheet-button > span {
  color: #121c5e;
  margin-bottom: 0;
  font-size: 1rem;
  display: inline-block;
}
.stylesheet-form-block .stylesheet-form .new-question-content .stylesheet-button > i {
  color: #121c5e;
  font-size: 1.2rem;
  margin-right: 1.3888888889vw;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transition: rotate(3600deg);
}

.email-stylesheet-form-block {
  width: 45%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
}
.email-stylesheet-form-block .stylesheet-block-with-bar {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar {
  width: 80px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn {
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border-radius: 0.9027777778vw;
  cursor: pointer;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn:hover {
  background-color: #121c5e;
  opacity: 0.8;
  transition: linear 0.2s;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn:hover i {
  color: #ffffff;
  transition: linear 0.2s;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn:hover span {
  color: #ffffff;
  transition: linear 0.2s;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn i {
  font-size: 1.6rem;
  color: #121c5e;
  margin-bottom: 5px;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn span {
  font-size: 0.9rem;
  color: #121c5e;
  font-weight: 400;
  text-align: center;
  line-height: initial;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn.active {
  background-color: #121c5e;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn.active i {
  color: #ffffff;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar .bar-btn.active span {
  color: #ffffff;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block {
  width: calc(100% - 80px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form {
  width: 100%;
  height: calc(100% - 2.7777777778vw - 42px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 1.3888888889vw;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.3888888889vw 0 2.0833333333vw;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option {
  padding-left: 1.0416666667vw;
  padding-right: 1.0416666667vw;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-label {
  width: calc(40% - 0.3472222222vw);
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-label span label {
  font-weight: 500;
  margin-bottom: 0;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-field {
  width: calc(60% - 0.3472222222vw);
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-field .vc-chrome {
  left: 0;
  z-index: 50;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-field .radio_list label.button-style:before {
  vertical-align: sub;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .new-question-option .new-question-option-field input[type=url] {
  width: 100%;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: 2px solid #121c5e;
  border-radius: 0.2083333333vw;
  color: #121c5e;
  font-size: 1rem;
  padding: 0 0.6944444444vw;
  outline: none;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .image-field {
  flex-direction: column;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .image-field .new-question-option-label {
  width: 100%;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .image-field .new-question-option-label span label {
  margin-bottom: 0.3472222222vw;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-bar-form .stylesheet-form .new-question-content .image-field .new-question-option-field {
  width: 100%;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-button {
  width: 100%;
  height: auto;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-button > span {
  color: #121c5e;
  margin-bottom: 0;
  font-size: 1rem;
  display: inline-block;
}
.email-stylesheet-form-block .stylesheet-block-with-bar .stylesheet-bar-form-block .stylesheet-button > i {
  color: #121c5e;
  font-size: 1.2rem;
  margin-right: 1.3888888889vw;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transition: rotate(3600deg);
}

.report-pdf-preview {
  width: calc(55% - 2.7777777778vw);
  height: calc(100vh - 13.4722222222vw);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 2.7777777778vw;
  align-self: flex-start;
}
.report-pdf-preview .report-stylesheet-content {
  width: 100%;
  height: 70vh;
  display: flex;
  overflow: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  border-radius: 1.3888888889vw;
  padding: 10px 0 0;
}
.report-pdf-preview .report-stylesheet-content .pdf-page {
  width: 450px;
  height: 636.39px;
  border-radius: 1.3888888889vw;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin-bottom: 10px;
}
.report-pdf-preview .report-stylesheet-content .pdf-page .pdf-content {
  width: 100%;
  height: 632.39px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 1.3888888889vw;
}

.report-stylesheet-form-block {
  overflow: hidden;
}

.active-popup-btn {
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  background-color: #3e8cea;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}
.active-popup-btn i {
  color: #ffffff;
  font-size: 1.1rem;
  transition: linear 0.2s;
  cursor: pointer;
}

.row-with-radio {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.row-with-radio label {
  line-height: 1.7361111111vw;
  cursor: pointer;
}
.row-with-radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.row-with-radio input[type=radio] + label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 2px solid #121c5e;
  box-sizing: border-box;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  top: 0.2rem;
  margin-right: 0.5rem;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 50ms ease;
}
.row-with-radio input[type=radio]:checked + label:before {
  background-color: #82D9a8;
  box-shadow: inset 0 0 0 3px #ffffff;
}
.row-with-radio input[type=radio]:focus + label:before {
  outline: none;
  border-color: #121c5e;
}
.row-with-radio input[type=radio]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.row-with-radio input[type=radio] + label:empty:before {
  margin-right: 0;
}

.viewer-main-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 1.3888888889vw 0;
}
.viewer-main-block .viewer-link {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.viewer-main-block .viewer-link i {
  font-size: 1.375rem;
  margin-left: 1rem;
  color: #82D9a8;
  transition: linear 0.2s;
  cursor: pointer;
}
.viewer-main-block .viewer-link i:hover {
  color: #121c5e;
  transition: linear 0.2s;
}
.viewer-main-block .viewer-check {
  font-size: 1.2rem;
  color: #121c5e;
}

.question-one-field.small-select .v-select .dropdown-menu {
  min-width: unset;
}

.content-main-block {
  width: 100%;
}
.content-main-block h3 {
  font-size: 1.4rem;
}

.form-field-group {
  display: block;
  margin-bottom: 1rem;
  width: 100%;
}
.form-field-group .input {
  width: 100%;
  height: 2.7777777778vw;
  box-sizing: border-box;
  border: 2px solid #82D9a8;
  border-radius: 1.3888888889vw;
  color: #121c5e;
  font-size: 1rem;
  padding: 0 0.6944444444vw;
  outline: none;
}
.form-field-group .input:disabled {
  border-color: #ccc;
}
.form-field-group v-select {
  width: calc(100% - 1rem);
  height: 2.7777777778vw;
  font-size: 1rem;
  padding: 0 0.5em;
  outline: none;
}
.form-field-group textarea {
  border: 2px solid #82D9a8;
  border-radius: 1.3888888889vw;
  box-sizing: border-box;
  height: 2.7777777778vw;
  font-size: 1rem;
  padding: 0.5em;
  outline: none;
  width: calc(100% - 1rem);
}
.form-field-group .dropdown {
  box-sizing: border-box;
  width: calc(100% - 1rem);
}
.form-field-group .colorpicker-item {
  width: auto;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-top: 0.3472222222vw;
  margin-bottom: 0.3472222222vw;
}
.form-field-group .colorpicker-item > input[type=text] {
  display: none;
}
.form-field-group .colorpicker-item .colorpickerclass {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  cursor: pointer;
}
.form-field-group .colorpicker-item .colorpickerclass div {
  width: 100%;
  height: 100%;
  border-radius: 1.3888888889vw;
}
.form-field-group .form-check.custom-control.material-checkbox {
  margin-bottom: 0.5rem;
}
.form-field-group .form-check.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
  transform: rotateZ(45deg) translate(1px, -10px);
}
.form-field-group .form-check.custom-control.material-checkbox .material-control-description {
  color: #121c5e;
  font-size: 1rem;
}
.form-field-group .field-error {
  align-self: normal;
  box-sizing: border-box;
  display: block;
  margin: 0.25em;
  position: absolute;
}
.form-field-group .field-error span {
  display: inline-block;
  margin: 0 0 0 0.5em;
}

.form-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-grid .flex-row {
  align-items: center;
}
.form-grid .form-field-group {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.form-grid .form-field-group label {
  min-width: 5vw;
}
.form-grid .form-field-group label.lead {
  font-weight: bold;
  margin-right: 2rem;
  text-align: left;
  height: 59px;
  align-content: center;
}

.form-vertical label {
  line-height: 1.5rem;
}

.form-grid p {
  font-size: 1rem;
}

.form-vertical p {
  font-size: 1rem;
}

.calendar-button {
  text-decoration: none;
  margin-left: 0.6944444444vw;
  cursor: pointer;
}
.calendar-button i {
  color: #121c5e;
  font-size: 1.875rem;
}
.calendar-button span {
  margin-right: 1.0416666667vw;
}
.calendar-button:last-of-type {
  margin-left: 1.0416666667vw;
}

.calendar-button {
  text-decoration: none;
  margin-left: 0.6944444444vw;
  cursor: pointer;
}
.calendar-button i {
  color: #121c5e;
  font-size: 1.875rem;
}

#dashboard-page-variables i.fa {
  margin: 0 0.3vw;
}
#dashboard-page-variables i.button {
  color: #82D9a8;
  cursor: pointer;
}
#dashboard-page-variables ul.table-index {
  align-items: normal;
  list-style: none;
  margin: 0;
  padding: 0;
}
#dashboard-page-variables ul.table-index li {
  list-style: none;
  margin: 0.25vw;
  padding: 0;
}
#dashboard-page-variables .panel {
  border: 2px solid #999;
  border-radius: 0.3vw;
  box-sizing: border-box;
  padding: 0.3vw;
  width: 100%;
}
#dashboard-page-variables .source-name {
  box-sizing: border-box;
  border-radius: 0.3vw;
  padding: 0.2vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#dashboard-page-variables input[type=text] {
  border: 2px solid #121c5e;
  box-sizing: border-box;
  border-radius: 0.3vw;
  padding: 0.2vw;
  outline: none;
}
#dashboard-page-variables input[type=text].disabled {
  border: 2px solid #ffffff;
  box-sizing: border-box;
}
#dashboard-page-variables input[type=text].disabled:hover {
  background-color: #eee;
}

.block-fill {
  box-sizing: border-box;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  width: 100%;
}

.dash-layout-main-block .dash-layout-block .tabs-fit-height {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dash-layout-main-block .dash-layout-block .tabs-fit-height .block-with-tabs-header {
  flex-grow: 0;
}
.dash-layout-main-block .dash-layout-block .tabs-fit-height .block-with-tabs-content {
  height: auto;
  flex-grow: 1;
}

.html-text-editable {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  box-sizing: border-box;
  overflow-y: auto;
  position: relative;
  border: 2px solid #82D9a8;
  box-sizing: border-box;
  border-radius: 1.3888888889vw;
}
.html-text-editable .inline-toolbar {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  background-color: #121c5e;
}
.html-text-editable .inline-toolbar a i {
  font-size: 1rem;
  font-weight: 700;
}

strong {
  font-weight: 700;
}

.html-text-editing .toolbar {
  display: flex;
  justify-content: flex-end;
  margin: 0.5rem 0 1rem;
}
.html-text-editing .toolbar a {
  margin-left: 1rem;
}

input[type=text].inline-edit {
  border: 2px solid #ffffff;
  box-sizing: border-box;
  border-radius: 0.5vh;
  outline: none;
  padding: 0.5vh;
}
input[type=text].inline-edit:hover {
  background-color: #eee;
}
input[type=text].inline-edit:focus {
  background-color: #ffffff;
  border-color: #121c5e;
}

.description-mfa .v--modal-box {
  height: auto !important;
  overflow: auto !important;
  position: absolute !important;
}

.dragging {
  border: 3px dashed #87c9f0;
}

.dragging-block {
  border: 3px dashed #87c9f0;
  border-radius: 20px;
}

.alert-modal {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 9999;
  border-radius: 1.3888888889vw;
}
.alert-modal .alert-modal-content {
  background-color: #ffffff;
  padding: 1.5em;
  border-radius: 2px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  width: 400px;
  min-height: 110px;
  text-align: center;
  border-radius: 1.3888888889vw;
}
.alert-modal .alert-modal-content .alert-modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.5rem;
  margin-bottom: 1em;
}
.alert-modal .alert-modal-content .close-btn {
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  color: gray;
  margin-left: 0.5em;
  margin-top: -0.5em;
}
.alert-modal .alert-modal-content .alert-modal-message {
  flex-grow: 1;
  text-align: left;
  font-size: 1rem;
  padding: 0 1em;
  color: #121c5e;
}
.alert-modal .alert-modal-content .fa-check {
  color: #82D9a8;
}
.alert-modal .alert-modal-content .fa-exclamation-triangle {
  color: orange;
}
.alert-modal .alert-modal-content .fa-exclamation {
  color: #121c5e;
}

.slide-fade-leave-active,
.slide-fade-enter-active {
  transition: all 0.5s ease;
}

.slide-fade-enter-from {
  opacity: 0;
  transform: translateX(-100%);
}

.slide-fade-leave-to {
  opacity: 0;
  transform: translateX(-100%);
}

.button-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  width: 100%;
}

.modal-body {
  font-size: 1rem;
}

.modal-success {
  border: 4px solid #82D9a8;
}

.modal-warning {
  border: 4px solid orange;
}

.modal-error {
  border: 4px solid #121c5e;
}

.row-question-details {
  background-color: #ffffff;
  transition: all 0.3s ease;
}

.rapport-head-block {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0.6944444444vw;
}

.rapport-btn {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}

.trash-button {
  font-size: 1rem;
  font-weight: 400;
  margin-left: 10px;
  color: #121c5e;
}

.tag-button-block {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  align-content: center;
  margin-left: 1em;
}

.vue-select {
  border: 2px solid #82D9a8;
  font-size: 1em !important;
  width: 100% !important;
  min-height: 2.7777777778vw;
  background: #ffffff;
  align-items: center;
  border-radius: 1.3888888889vw;
  position: relative;
  overflow: visible !important;
  color: #121c5e;
}

.vue-select .vs__dropdown-toggle {
  align-items: center;
  padding: 13px;
  font-size: 1.2em;
  border: none;
  z-index: 1000 !important;
  border-radius: 1.3888888889vw;
}

.vue-select .vs__search,
.vue-select .vs__selected {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  display: flex;
  align-items: center;
  color: #121c5e !important;
}

.vue-select .vs__dropdown-menu {
  z-index: 9999 !important;
  border-radius: 1.3888888889vw !important;
  min-width: 0% !important;
  color: #121c5e;
}

.p-dialog-mask {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.custom-dialog {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
  border-radius: 0.9027777778vw;
  background-color: #ffffff;
  padding: 20px;
  max-height: 80vh;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}

.danger-button {
  color: #c16568 !important;
  transition: 0.2s ease;
}
.danger-button:hover {
  background-color: #c16568 !important;
  color: #ffffff !important;
}

.custom-dialog .dialog-title {
  font-size: 1.4rem;
  text-align: center;
  color: #121c5e;
  font-weight: bold;
  margin-bottom: 15px;
}

.custom-dialog .vue-dialog-buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-radius: 0.9027777778vw;
}

.custom-dialog .dialog-content {
  width: 100%;
  padding: 15px;
  font-size: 14px;
  color: #121c5e;
  border-bottom: 1px solid #82D9a8;
  overflow-y: hidden !important;
}
.custom-dialog .dialog-content p {
  font-weight: normal;
}

.vue-dialog-buttons .vue-dialog-button {
  flex: 1;
  padding: 9px;
  font-size: 0.8rem;
  border: none;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.vue-dialog-buttons .vue-dialog-button:first-child {
  border-bottom-left-radius: 0.9027777778vw;
  border-right: 1px solid #82D9a8;
  font-weight: bold;
  color: #82D9a8;
}
.vue-dialog-buttons .vue-dialog-button:nth-child(2) {
  border-right: 1px solid #82D9a8;
  font-weight: bold;
  color: #82D9a8;
}
.vue-dialog-buttons .vue-dialog-button:last-child {
  border-bottom-right-radius: 0.9027777778vw;
  color: #82D9a8;
  font-weight: bold;
}
.vue-dialog-buttons .vue-dialog-button:hover {
  background-color: #82D9a8;
  color: #ffffff !important;
  font-weight: bold;
}

.vue-select.multiple .vs__selected {
  background-color: #82D9a8 !important;
  color: #ffffff !important;
  border-radius: 1.3888888889vw;
  box-sizing: border-box;
  margin-right: 0.5em;
  margin-bottom: 0.25em;
  max-width: 100%;
  overflow: hidden;
  padding: 0 2em 0 1em;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}

.vue-select.multiple .vs__selected-options {
  overflow: hidden !important;
}
.vue-select.multiple .vs__selected-options button {
  background-color: #82D9a8 !important;
  box-shadow: none !important;
  box-sizing: border-box;
  height: 1.5em;
  padding: 0.5em 0.5em;
  position: absolute;
  right: 0;
  width: 2em;
  z-index: 10;
}
.vue-select.multiple .vs__selected-options button:hover {
  background-color: #3e8cea !important;
  color: #fff;
}

.vue-select.multiple .vs__dropdown-menu .vs__dropdown-option--selected {
  background-color: #82D9a8 !important;
  color: #ffffff !important;
  border-radius: 1.3888888889vw;
  min-width: 0% !important;
  overflow: hidden;
}

.vs__dropdown-option--highlight {
  background-color: #82D9a8 !important;
  color: #ffffff !important;
  border-radius: 1.3888888889vw;
}

form {
  width: 100%;
  box-sizing: border-box;
}

.vs__dropdown-menu {
  z-index: 9999 !important;
  position: absolute !important;
  border: 2px solid #82D9a8 !important;
  border-radius: 1.3888888889vw !important;
  min-width: 0% !important;
  color: #121c5e !important;
  overflow: hidden;
}

.add-item-in-multiplelist {
  width: 30px;
}

.ot-remove-item {
  font-size: 1.5rem;
  color: #82D9a8;
  margin-left: 0.6944444444vw;
}

.v3dp__popout {
  border-radius: 1.3888888889vw !important;
  z-index: 9990 !important;
}

.has-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#app-loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  width: 100%;
}

#app-loader div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#app-loader img {
  animation: fadein 2s;
  width: 65%;
}

#app-loader p {
  animation: color-change 10s infinite;
  color: #3e8cea;
  font-size: 3vw;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes color-change {
  0% {
    color: #fff;
  }
  25% {
    color: #82D9a8;
  }
  45% {
    color: #82D9a8;
  }
  50% {
    color: #fff;
  }
  75% {
    color: #3e8cea;
  }
  95% {
    color: #3e8cea;
  }
  100% {
    color: #080808;
  }
}
p:not(.text-addon-content p, .ds-content p), b, label, span:not(.text-addon-content span, .ds-content span, .field-error span), input, textarea, li, select {
  font-family: "Basic Sans", sans-serif;
  font-weight: bold;
}

.v-select.single .selected-tag {
  font-size: 1vw;
}

.attention-block .attention-content p,
.attention-block .attention-content li {
  color: #121c5e;
  font-size: 1vw;
}

.survey-new-block .survey-new-form form .two-fields-together .form-field-block {
  width: 50%;
}

.survey-new-block .survey-new-form form .two-fields-together .form-field-block .form-label {
  width: 46%;
}

.survey-new-block .survey-new-form form .two-fields-together .form-field-block .form-field {
  width: calc(85% - 1.0416666667vw);
}

.vdp-datepicker__clear-button {
  font-size: 3em;
  line-height: 0;
  margin-left: -1em;
}

ul#list-report-images {
  display: flex;
  flex-wrap: wrap;
}

ul#list-report-images li {
  margin-right: 1em;
}

a.action-preview {
  background-color: #3e8cea;
  border-radius: 0.2083333333vw;
  color: #fff;
  padding: 0 2.0833333333vw;
  position: absolute;
  right: 0;
  height: 2.7777777778vw;
  font-size: 1.1111111111vw;
  line-height: 2.5em;
}

.quillWrapper .ql-snow .ql-tooltip.ql-flip {
  left: 1em !important;
  top: 1em !important;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  width: 80%;
}

.ql-snow .ql-tooltip a.ql-action {
  background-color: #3e8cea;
  border-radius: 0.2083333333vw;
  color: #fff;
  margin-left: 1em;
  padding: 0.5em 0.5em;
}

.ql-snow .ql-tooltip a.ql-action:hover {
  background-color: #19E5FF;
}

.quillWrapper .ql-snow .ql-tooltip a.ql-action::after {
  margin-left: 0;
}

.rapp-template-block .choosed-addon-1 .with-open-data {
  padding-left: 0;
}

.rapp-template-block .choosed-addon-1 .chart-headers,
.rapp-template-block .choosed-addon-1 .with-open-data .chart-headers {
  width: 100%;
}

.rapp-template-block .chart-headers h1,
.rapp-template-block .chart-headers h2,
.rapp-template-block .chart-headers h3 {
  text-align: center;
}

.rapp-template-block .chart-wrapper {
  padding: 0.5em;
  position: relative;
  width: 100%;
}

.rapp-template-block .chart-placeholder {
  width: 100%;
}

.rapp-template-block .choosed-addon-1 .with-open-data .chart-placeholder {
  width: 50%;
}

.tox-tinymce-aux {
  position: relative !important;
  z-index: 2000 !important;
}

section.signup ul {
  list-style-type: none;
  padding-left: 1rem;
}

section.signup label {
  margin-bottom: 0;
}

section.signup input[type=checkbox] {
  width: 2rem;
}

section.signup .check-field {
  display: flex;
  margin-top: 1rem;
}

section.signup .check-field span {
  line-height: 1rem;
  margin-left: 1rem;
}

section.signup form button {
  color: #ffffff;
}

section.signup a,
section.signup input[type=checkbox],
section.signup input[type=radio] {
  cursor: pointer;
}

section.signup a {
  color: #82D9a8;
}

section.signup div.text,
section.signup div.form {
  padding: 1rem;
}

.special-modal a {
  color: #3e8cea;
  font-size: 14px;
}

.description-mfa .v--modal-box {
  height: auto !important;
  overflow: auto !important;
  position: absolute !important;
}

/*# sourceMappingURL=main.css.map */