@font-face {
  font-family: "Roboto-Regular";
  src: url("fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Black";
  src: url("fonts/Montserrat/Montserrat-Black.ttf") format("truetype");
}

.color-primary {
  color: #f34a47;
}

.color-secondary {
  color: #ff897c;
}

.color-success {
  color: #008f00;
}

.color-info {
  color: #2980b9;
}

.color-danger {
  color: #bf211e;
}

.color-warning {
  color: #fff3cd;
}

.color-default {
  color: #494947;
}

.text-xsm {
  font-size: 0.5rem;
}

.text-sm {
  font-size: 0.6rem;
}

.text-md {
  font-size: 0.7rem;
}

.text-lg {
  font-size: 0.8rem;
}

.text-xlg {
  font-size: 0.9rem;
}

.text-xxlg {
  font-size: 0.99rem;
}

.btn {
  padding: 10px;
  font-size: 0.9rem;
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.1s;
}

.btn-default {
  background: #494947;
  color: #ffffff;
}

.btn-default:hover,
.btn-default.selected {
  background: transparent;
  color: #494947;
  border: 1px solid #494947;
}

.btn-default-light {
  background: #494947;
  color: #ffffff;
}

.btn-default-light:hover,
.btn-default-light.selected {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.btn-grey {
  background: #cbcbcb;
  color: #414541;
}

.btn-grey:hover,
.btn-grey.selected {
  background: transparent;
  color: #282b28;
  border: 1px solid #494947;
}

.btn-primary {
  background: #f34a47;
  color: #ffffff;
  transition: all 0.1s;
}

.btn-primary:hover,
.btn-primary.selected {
  background: #ffffff;
  color: #f34a47;
  border: 1px solid #f34a47;
}

.btn-primary:focus {
  background: #ffffff;
  color: #f34a47;
  border: 1px solid #f34a47;
}

.btn-info {
  background: #2980b9;
  color: #ffffff;
}

.btn-info:hover,
.btn-info.selected {
  background: #ffffff;
  color: #2980b9;
  border: 1px solid #2980b9;
}

.btn-success {
  background: #008f00;
  color: #ffffff;
}

.btn-success:hover,
.btn-success.selected {
  background: #ffffff;
  color: #008f00;
  border: 1px solid #008f00;
}

.btn-warning {
  background: #fff3cd;
  color: #000000;
}

.btn-warning:hover,
.btn-warning.selected {
  background: transparent;
  color: #000000;
  border: 1px solid #fff3cd;
}

.btn-danger {
  background: #bf211e;
  color: #ffffff;
}

.btn-danger:hover,
.btn-danger.selected {
  background: transparent;
  color: #bf211e;
  border: 1px solid #bf211e;
}

.btn-tools {
  background: transparent;
  color: #ffffff;
  width: 100%;
  border: 1px solid #ffffff;
  display: block;
}

.btn-tools:hover,
.btn-tools.selected {
  background: #ffffff;
  color: #494947;
}

.btn-full {
  width: 100%;
  display: block;
  text-align: center;
}

.btn-sm {
  height: 35px;
  line-height: 1px;
  font-size: 0.7rem;
}

.disabled,
input[type="button"]:disabled,
button:disabled,
a[disabled] {
  background: #9fa4aa;
  color: #ffffff;
  cursor: default;
}

.disabled:hover,
input[type="button"]:disabled:hover,
button:disabled:hover,
a[disabled]:hover {
  background: #9fa4aa;
  color: #ffffff;
  border: 1px solid transparent;
}

label,
label.xs {
  font-size: 0.8rem;
  padding: 5px 0;
  display: block;
}

label.xs {
  font-size: 0.6rem;
}

select.form-input,
textarea.form-input,
input.form-input,
.form-input-md,
.form-input-sm {
  padding: 5px;
  height: 30px;
  width: 100%;
  color: #202020;
  border: 1px solid #b6b5b5;
}

select.form-input::placeholder,
textarea.form-input::placeholder,
input.form-input::placeholder,
.form-input-md::placeholder,
.form-input-sm::placeholder {
  color: #969595;
}

select.form-input:focus,
textarea.form-input:focus,
input.form-input:focus,
.form-input-md:focus,
.form-input-sm:focus {
  outline: 1;
  outline-color: #ff897c;
}

select[multiple] {
  height: 100px;
}

.auto-suggest-input-wrapper {
  position: relative;
}

.auto-suggest-input-wrapper .ml-bot {
  position: absolute;
  left: 8px;
  top: 6px;
  color: #0081cf;
}

.auto-suggest-input-wrapper input.ml-bot-input {
  padding-left: 35px;
}

.auto-suggest-input-wrapper .spinner {
  position: absolute;
  top: 8px;
  right: 7px;
  color: #969595;
}

.auto-suggest-input-wrapper .close {
  color: #969595;
  position: absolute;
  top: 8px;
  right: 10px;
}

.suggestions-outer {
  position: relative;
}

.suggestions-outer .suggestions {
  background: #f6f4f4;
  border: 1px solid #cccccc;
  width: 100%;
  min-height: 30px;
  max-height: 150px;
  overflow: auto;
  position: absolute;
}

.suggestions-outer .suggestions ul li {
  font-size: 0.66rem;
  padding: 8px 5px;
  cursor: pointer;
  letter-spacing: 0.75px;
  color: #000000;
}

.suggestions-outer .suggestions ul li:hover {
  background: #2980b9;
  color: #ffffff;
}

.suggestions-outer .suggestions .no-results {
  text-align: center;
  cursor: default;
  font-size: 0.69rem;
  font-weight: bolder;
  color: #000000;
}

.suggestions-outer .suggestions .no-results:hover {
  background: #f6f4f4;
  color: #000000;
}

.form-input-md {
  width: 220px;
}

.form-input-sm {
  width: 200px;
}

input[type="checkbox"].form-input,
.form-input-md[type="checkbox"],
.form-input-sm[type="checkbox"],
input[type="radio"].form-input,
.form-input-md[type="radio"],
.form-input-sm[type="radio"] {
  width: 15px;
  display: block;
}

input[type="checkbox"].form-input-sm,
input[type="radio"].form-input-sm {
  width: 11px;
  height: 11px;
  display: inline-block;
}

textarea.form-input {
  height: 110px;
}

div.label {
  font-size: 0.89rem;
  font-weight: bold;
}

div.readonly-value {
  font-size: 0.76rem;
}

.form-input-vgroup {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-input-vgroup label {
  width: 200px;
  display: block;
}

.form-input-vgroup .input-item {
  display: flex;
  padding: 0;
  align-items: center;
}

.form-input-vgroup .input-item .form-input {
  margin-right: 10px;
}

.form-input-hgroup,
.form-text-hgroup {
  display: flex;
  flex-direction: row;
}

.form-input-hgroup label,
.form-text-hgroup label {
  margin-right: 10px;
}

.form-input-hgroup .input-item,
.form-text-hgroup .input-item {
  width: 100px;
  display: flex;
  padding: 0;
  align-items: center;
}

.form-input-hgroup .input-item .form-input,
.form-text-hgroup .input-item .form-input {
  margin-right: 5px;
}

.form-text-hgroup .input-item {
  width: 100%;
}

input.form-error,
select.form-error,
textarea.form-error {
  outline: 1px dashed red;
}

div.form-error {
  color: red;
  font-size: 0.77rem;
}

div.form-error-inverse {
  background: red;
  color: white;
  padding: 2px;
  font-size: 0.7rem;
}

.loading-async-block {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-async-block span {
  color: #ffffff;
  font-size: 3rem;
}

.dual-multiselect-component {
  display: flex;
  flex-direction: row;
}

.dual-multiselect-component .list {
  background: #e7e6e6;
  border: 1px solid #cccccc;
  height: 1200px;
  width: 200px;
  max-height: 200px;
  overflow: auto;
}

.dual-multiselect-component .list .list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dual-multiselect-component .list .list-item label {
  max-width: 100%;
}

.dual-multiselect-component .list .list-item .fa-check {
  color: green;
}

.dual-multiselect-component .list .nothing {
  font-size: 0.88rem;
  text-align: center;
  margin: auto;
}

.dual-multiselect-component .select-items-wrapper {
  width: 200px;
}

.dual-multiselect-component .select-items-wrapper .search-wrapper {
  position: relative;
}

.dual-multiselect-component .select-items-wrapper .search-wrapper input.search {
  padding-right: 30px;
  font-size: 0.7rem;
  letter-spacing: 1px;
}

.dual-multiselect-component
  .select-items-wrapper
  .search-wrapper
  input.search::placeholder {
  font-size: 0.7rem;
  letter-spacing: 1px;
}

.dual-multiselect-component .select-items-wrapper .search-wrapper .fa-search {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #cccccc;
}

.dual-multiselect-component .select-items-wrapper .list .list-item {
  padding: 5px;
}

.dual-multiselect-component .select-items-wrapper .list .list-item:hover {
  background: #c5c4c4;
}

.dual-multiselect-component
  .select-items-wrapper
  .list
  .list-item
  .fa-plus:hover {
  cursor: pointer;
}

.dual-multiselect-component .selected-items .list {
  height: 230px;
  max-height: 230px;
}

.dual-multiselect-component .selected-items .list ul > li {
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

.dual-multiselect-component .selected-items .list ul > li:hover {
  background: #c5c4c4;
  cursor: pointer;
}

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

.import-folder-wrapper .path {
  height: 30px;
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 0.66rem;
  padding: 5px;
  color: #969595;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.clear {
  clear: both;
}

.left {
  text-align: left;
}

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

.fx-center-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fx-center-space-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.fx-center-space-evenly {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.fx-center-space-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.right {
  text-align: right;
}

.clear {
  clear: both;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.m-5 {
  margin: 5px;
}

.m-10 {
  margin: 10px;
}

.m-20 {
  margin: 20px;
}

.m-30 {
  margin: 30px;
}

.m-40 {
  margin: 40px;
}

.m-50 {
  margin: 50px;
}

.my-5 {
  margin: 5px 0;
}

.my-10 {
  margin: 10px 0;
}

.my-20 {
  margin: 20px 0;
}

.my-30 {
  margin: 30px 0;
}

.my-40 {
  margin: 40px 0;
}

.my-50 {
  margin: 50px 0;
}

.my-80 {
  margin: 70px 0;
}

.mx-10 {
  margin: 0 10px;
}

.mx-20 {
  margin: 0 20px;
}

.mx-30 {
  margin: 0 30px;
}

.mx-40 {
  margin: 0 40px;
}

.mx-50 {
  margin: 0 50px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-50 {
  margin-right: 50px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-50 {
  margin-left: 50px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.badge,
.badge-sm {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 0.6rem;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 0;
}

.badge-sm {
  width: 20px;
  height: 20px;
  font-size: 0.5rem;
  top: -13px;
  right: -15px;
}

.badge-grey {
  background: #2d2d2a;
  color: #ffffff;
}

.badge-green {
  background: green;
  color: #ffffff;
}

.badge-red {
  background: #9c0e04;
  color: #ffffff;
}

.badge-blue {
  background: #053c5e;
  color: #ffffff;
}

.badge-yellow {
  background: #ef8a17;
  color: #000000;
}

.badge-brown {
  background: #772e25;
  color: #ffffff;
}

.badge-purple {
  background: #845ec2;
  color: #ffffff;
}

.alert {
  padding: 10px;
  border-radius: 5px;
  font-size: 0.65rem;
}

.alert-info {
  background: #cce5ff;
  border: 1px solid #b8daff;
  color: #2980b9;
}

.alert-warning {
  background: #fff3cd;
  border: 1px solid #ffeeba;
  color: #856405;
}

.alert-danger {
  background: #f8d7db;
  border: 1px solid #f5c7cb;
  color: #bf211e;
}

.alert-success {
  background: #d4edda;
  border: 1px solid #c3e6cb;
  color: #008f00;
}

.alert-default {
  background: #e2e3e5;
  border: 1px solid #d6d8db;
  color: #494947;
}

.text-primary {
  color: #f34a47;
}

.text-secondary {
  color: #ff897c;
}

.text-success {
  color: #008f00;
}

.text-info {
  color: #2980b9;
}

.text-danger {
  color: #bf211e;
}

.text-warning {
  color: #fff3cd;
}

.text-default {
  color: #494947;
}

.text-dark {
  color: #282b28;
}

.text-light {
  color: #b9b9b9;
}

.help {
  font-size: 0.7rem;
  font-style: italic;
}

.hide,
.hidden {
  display: none !important;
}

.show {
  display: block !important;
}

.pointer {
  cursor: pointer;
}

table.collapse {
  border-collapse: collapse;
  width: 100%;
}

table.collapse tr:nth-child(odd) {
  background-color: #e6e6e6;
}

table.collapse tr:hover {
  background-color: #ddd;
}

table.collapse tr th {
  background: #282b28;
  color: #ffffff;
  padding: 8px;
}

table.collapse tr td {
  border: 1px solid #282b28;
  padding: 8px;
}

table.collapse tr td:last-child {
  width: 8%;
  white-space: nowrap;
}

table.collapse tr td a.icon {
  color: #053c5e;
  font-size: 0.98rem;
}

table.collapse tr td a.icon:hover {
  color: #f34a47;
}

.tooltip {
  cursor: help;
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 8px;
  position: absolute;
  z-index: 10000;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

:root {
  --update-progress-meter: 0%;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}

body {
  background: #f0efef;
  height: 84vh;
  font-family: "Montserrat-Regular", sans-serif;
}

.container {
  max-width: 1100px;
  height: 100%;
  margin: auto;
}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.header {
  background: #ffffff;
  height: 10vh;
  justify-content: center;
  justify-items: center;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}

.header .logo {
  width: 200px;
}

.header nav.nav ul li {
  display: inline-block;
  margin-right: 30px;
}

.header nav.nav ul li a {
  text-transform: uppercase;
  color: #282b28;
  font-weight: bold;
  position: relative;
  transition: 0.3s ease-in-out;
  font-size: 0.55rem;
  border-radius: 4px;
  padding: 3px;
}

.header nav.nav ul li a:hover,
.header nav.nav ul li a.selected {
  background: #f34a47;
  color: #ffffff;
  position: relative;
}

.header nav.nav ul li a:hover:after,
.header nav.nav ul li a.selected:after {
  content: "";
  border-bottom: 1px solid #282b28;
  height: 1px;
  bottom: -8px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 50%;
}

.header .user {
  color: #282b28;
}

.header .user h2.username {
  font-size: 1rem;
}

.header .user a.logout {
  color: #f34a47;
  font-size: 0.7rem;
  font-weight: 600;
  transition: 0.3s ease-out;
  text-align: right;
  width: 100%;
  margin-top: 10px;
  display: inline-block;
}

.header .user a.logout:hover {
  color: #282b28;
}

footer.footer {
  width: 100%;
  height: 4vh;
  background: #dadada;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
}

footer.footer .copyright {
  font-size: 0.7rem;
}

main.main-content {
  height: 84vh;
}

main.main-content .client-setup,
main.main-content .client-setup-md {
  width: 600px;
  min-height: 430px;
  border-radius: 10px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

main.main-content .client-setup .previous-info,
main.main-content .client-setup-md .previous-info {
  font-size: 0.79rem;
  width: 300px;
}

main.main-content .client-setup .overwrite-rules h3,
main.main-content .client-setup-md .overwrite-rules h3 {
  font-size: 0.8rem;
}

main.main-content .client-setup .collection-list,
main.main-content .client-setup-md .collection-list {
  max-height: 200px;
  overflow: auto;
  padding: 8px;
  border: 1px solid #f0eded;
}

main.main-content .client-setup .form-group,
main.main-content .client-setup-md .form-group {
  width: 300px;
}

main.main-content .client-setup .navigation-group,
main.main-content .client-setup-md .navigation-group {
  width: 80%;
}

main.main-content .client-setup-md {
  padding: 10px;
  height: auto;
  width: 800px;
}

main.main-content .client-setup-md .body-content {
  padding: 10px;
  text-align: justify;
  line-height: 25px;
}

main.main-content .dashboard,
main.main-content .dashboard-col-2 {
  display: grid;
  grid-template-columns: 35px 230px auto 250px;
  height: 100%;
}

main.main-content .dashboard .activity-bar,
main.main-content .dashboard-col-2 .activity-bar {
  background: #3d5467;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

main.main-content .dashboard .activity-bar .ico-parent,
main.main-content .dashboard-col-2 .activity-bar .ico-parent {
  width: 100%;
  height: 35px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

main.main-content .dashboard .activity-bar .ico-parent.selected,
main.main-content .dashboard-col-2 .activity-bar .ico-parent.selected {
  background: #4a667d;
  border-left: 2px solid #ffffff;
  width: 100%;
  outline: none;
}

main.main-content .dashboard .activity-bar .ico-parent a.activity-icon,
main.main-content .dashboard-col-2 .activity-bar .ico-parent a.activity-icon {
  color: #cccccc;
  outline: none;
}

main.main-content .dashboard .activity-bar .ico-parent a.activity-icon.selected,
main.main-content
  .dashboard-col-2
  .activity-bar
  .ico-parent
  a.activity-icon.selected {
  color: #ffffff;
  outline: none;
}

main.main-content .dashboard .explore-bar,
main.main-content .dashboard-col-2 .explore-bar {
  border-right: 1px solid #7c7c7c;
  background: #ffffff;
  overflow: hidden;
  resize: horizontal;
  min-width: 230px;
  min-height: 86vh;
  z-index: 99;
}

main.main-content .dashboard .explore-bar .file-filter-box,
main.main-content .dashboard-col-2 .explore-bar .file-filter-box {
  position: relative;
}

main.main-content .dashboard .explore-bar .file-filter-box .fa-search,
main.main-content .dashboard-col-2 .explore-bar .file-filter-box .fa-search {
  color: #7e7e7e;
  font-size: 0.65rem;
  position: absolute;
  line-height: 30px;
}

main.main-content .dashboard .explore-bar .file-filter-box input,
main.main-content .dashboard-col-2 .explore-bar .file-filter-box input {
  font-size: 0.65rem;
  color: #4d4d4d;
  padding-left: 18px;
}

main.main-content .dashboard .explore-bar .file-filter-box input::placeholder,
main.main-content
  .dashboard-col-2
  .explore-bar
  .file-filter-box
  input::placeholder {
  font-size: 0.65rem;
  letter-spacing: 1px;
}

main.main-content .dashboard .explore-bar .container,
main.main-content .dashboard-col-2 .explore-bar .container {
  min-width: 230px;
  min-height: 86vh;
  overflow: auto;
}

main.main-content .dashboard .explore-bar .client-container,
main.main-content .dashboard-col-2 .explore-bar .client-container {
  padding: 40px 10px;
}

main.main-content .dashboard .explore-bar .client-container h1.client,
main.main-content .dashboard-col-2 .explore-bar .client-container h1.client {
  font-size: 0.9rem;
  color: #2980b9;
}

main.main-content .dashboard .explore-bar .client-container a.change,
main.main-content .dashboard-col-2 .explore-bar .client-container a.change {
  font-size: 0.65rem;
  color: #f34a47;
}

main.main-content .dashboard .explore-bar .client-container h1.collection,
main.main-content
  .dashboard-col-2
  .explore-bar
  .client-container
  h1.collection {
  font-size: 0.72rem;
  color: #282b28;
  clear: both;
}

main.main-content .dashboard .explore-bar .client-container h1.client-info,
main.main-content
  .dashboard-col-2
  .explore-bar
  .client-container
  h1.client-info {
  font-size: 0.8rem;
  text-decoration: underline;
  color: #282b28;
}

main.main-content
  .dashboard
  .explore-bar
  .client-container
  ul.client-info-data
  li,
main.main-content
  .dashboard-col-2
  .explore-bar
  .client-container
  ul.client-info-data
  li {
  margin-left: 15px;
  color: #282b28;
}

main.main-content
  .dashboard
  .explore-bar
  .client-container
  ul.client-info-data
  li
  strong,
main.main-content
  .dashboard-col-2
  .explore-bar
  .client-container
  ul.client-info-data
  li
  strong {
  font-size: 0.68rem;
}

main.main-content
  .dashboard
  .explore-bar
  .client-container
  ul.client-info-data
  li
  span,
main.main-content
  .dashboard-col-2
  .explore-bar
  .client-container
  ul.client-info-data
  li
  span {
  font-size: 0.8rem;
}

main.main-content .dashboard .explore-bar .bulk-container,
main.main-content .dashboard-col-2 .explore-bar .bulk-container {
  padding: 40px 10px;
}

main.main-content .dashboard .explore-bar .bulk-container h2.title,
main.main-content .dashboard-col-2 .explore-bar .bulk-container h2.title {
  font-size: 0.88rem;
  color: #282b28;
}

main.main-content .dashboard .explore-bar .bulk-container ul.folders li .row,
main.main-content
  .dashboard-col-2
  .explore-bar
  .bulk-container
  ul.folders
  li
  .row {
  display: flex;
}

main.main-content
  .dashboard
  .explore-bar
  .bulk-container
  ul.folders
  li
  .checkbox
  input,
main.main-content
  .dashboard-col-2
  .explore-bar
  .bulk-container
  ul.folders
  li
  .checkbox
  input {
  height: 12px;
}

main.main-content .dashboard .explore-bar .bulk-container ul.folders li .icon,
main.main-content
  .dashboard-col-2
  .explore-bar
  .bulk-container
  ul.folders
  li
  .icon {
  font-size: 0.79rem;
  color: #fd7e14;
}

main.main-content .dashboard .explore-bar .bulk-container ul.folders li .name,
main.main-content
  .dashboard-col-2
  .explore-bar
  .bulk-container
  ul.folders
  li
  .name {
  font-size: 0.7rem;
}

main.main-content .dashboard .explore-bar .bulk-container ul.folders li .status,
main.main-content
  .dashboard-col-2
  .explore-bar
  .bulk-container
  ul.folders
  li
  .status {
  font-size: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
}

main.main-content .dashboard .explore-bar .bulk-container ul.folders li .path,
main.main-content
  .dashboard-col-2
  .explore-bar
  .bulk-container
  ul.folders
  li
  .path {
  color: #8d8c8c;
  font-size: 0.6rem;
  font-style: italic;
  overflow: hidden;
  white-space: nowrap;
}

main.main-content .dashboard .explore-bar .bulk-container .stats-wrapper,
main.main-content .dashboard-col-2 .explore-bar .bulk-container .stats-wrapper {
  font-size: 0.6rem;
  display: flex;
  flex-direction: column;
}

main.main-content .dashboard .explore-bar .bulk-container .stats-wrapper .total,
main.main-content
  .dashboard-col-2
  .explore-bar
  .bulk-container
  .stats-wrapper
  .total {
  color: #3c3c3c;
}

main.main-content
  .dashboard
  .explore-bar
  .bulk-container
  .stats-wrapper
  .uploaded,
main.main-content
  .dashboard-col-2
  .explore-bar
  .bulk-container
  .stats-wrapper
  .uploaded {
  color: #008f00;
}

main.main-content
  .dashboard
  .explore-bar
  .bulk-container
  .stats-wrapper
  .failed,
main.main-content
  .dashboard-col-2
  .explore-bar
  .bulk-container
  .stats-wrapper
  .failed {
  color: #bf211e;
}

main.main-content .dashboard .explore-bar .accuracy-container,
main.main-content .dashboard-col-2 .explore-bar .accuracy-container {
  padding: 40px 10px;
}

main.main-content .dashboard .explore-bar .accuracy-container h1.title,
main.main-content .dashboard-col-2 .explore-bar .accuracy-container h1.title {
  font-size: 0.98rem;
}

main.main-content .dashboard .explore-bar .accuracy-container ul.data li,
main.main-content .dashboard-col-2 .explore-bar .accuracy-container ul.data li {
  color: #282b28;
}

main.main-content .dashboard .explore-bar .accuracy-container ul.data li strong,
main.main-content
  .dashboard-col-2
  .explore-bar
  .accuracy-container
  ul.data
  li
  strong {
  font-size: 0.75rem;
}

main.main-content .dashboard .explore-bar .accuracy-container ul.data li span,
main.main-content
  .dashboard-col-2
  .explore-bar
  .accuracy-container
  ul.data
  li
  span {
  font-size: 0.71rem;
}

main.main-content .dashboard .document-bar,
main.main-content .dashboard-col-2 .document-bar {
  border-right: 1px solid #7c7c7c;
  overflow: auto;
  height: 100%;
}

main.main-content .dashboard .document-bar h1.title,
main.main-content .dashboard-col-2 .document-bar h1.title {
  font-size: 1.22rem;
  display: block;
}

main.main-content .dashboard .document-bar h1.title span.client,
main.main-content .dashboard-col-2 .document-bar h1.title span.client {
  font-family: "Montserrat-Bold";
}

main.main-content .dashboard .document-bar .mini-info-bar,
main.main-content .dashboard-col-2 .document-bar .mini-info-bar {
  background: #282b28;
  color: #b9b9b9;
  padding: 5px 10px;
}

main.main-content
  .dashboard
  .document-bar
  .mini-info-bar
  span.client-info
  strong.client-name-label,
main.main-content
  .dashboard-col-2
  .document-bar
  .mini-info-bar
  span.client-info
  strong.client-name-label,
main.main-content
  .dashboard
  .document-bar
  .mini-info-bar
  span.path-info
  strong.client-name-label,
main.main-content
  .dashboard-col-2
  .document-bar
  .mini-info-bar
  span.path-info
  strong.client-name-label {
  font-size: 0.7rem;
  font-weight: bold;
  line-height: 20px;
}

main.main-content
  .dashboard
  .document-bar
  .mini-info-bar
  span.client-info
  span.client-name-value,
main.main-content
  .dashboard-col-2
  .document-bar
  .mini-info-bar
  span.client-info
  span.client-name-value,
main.main-content
  .dashboard
  .document-bar
  .mini-info-bar
  span.path-info
  span.client-name-value,
main.main-content
  .dashboard-col-2
  .document-bar
  .mini-info-bar
  span.path-info
  span.client-name-value {
  font-size: 0.7rem;
  color: #ffffff;
  font-style: italic;
}

main.main-content .dashboard .document-bar .mini-info-bar span.path-info,
main.main-content .dashboard-col-2 .document-bar .mini-info-bar span.path-info {
  font-size: 0.6rem;
  font-style: italic;
  line-height: 20px;
  max-width: 500px;
}

main.main-content .dashboard .document-bar .split-merge-pdf-container,
main.main-content .dashboard-col-2 .document-bar .split-merge-pdf-container {
  height: 100%;
  width: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper {
  display: flex;
  height: 30px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab {
  width: 150px;
  height: 100%;
  font-size: 0.68rem;
  padding: 10px;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab
  .label,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab
  .label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 30px;
  color: #282b28;
  font-size: 0.68rem;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab
  .close,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab
  .close {
  display: inline-block;
  z-index: 1;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab
  .close:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab
  .close:hover {
  color: #f34a47;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab:hover {
  background: #b9b9b9;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected {
  color: #ffffff;
  background: #006e90;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected
  .label,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected
  .label {
  color: #ffffff;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected
  .label:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected
  .label:hover {
  background: transparent;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected
  .close,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected
  .close {
  color: #ffffff;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected
  .close:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .tab-wrapper
  .tab.selected
  .close:hover {
  color: #f34a47;
  background: transparent;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content {
  min-height: 100vh;
  padding: 10px;
  padding-bottom: 50px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content.selected {
  background: #006e90;
  color: #ffffff;
  width: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .title,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .title {
  font-size: 0.78rem;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .path,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .path {
  font-size: 0.66rem;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  grid-gap: 30px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .file-details,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .file-details {
  display: flex;
  justify-content: center;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .range-group,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .range-group {
  border: 1px dashed #ffffff;
  grid-column: 1 / 3;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .range-group
  .range-group-parent,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .range-group
  .range-group-parent {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0 20px 0;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .range-solo,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .range-solo {
  border: 1px dashed #ffffff;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  height: 314px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .box-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .box-wrapper {
  width: 200px;
  height: 220px;
  margin: 10px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .box-wrapper
  .box-pdf,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .box-wrapper
  .box-pdf {
  min-height: 200px;
  overflow: hidden;
  color: #000000;
  box-shadow: 5px 10px 15px #2980b9;
  background: #ffffff;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .box-wrapper
  .box-pdf.new,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-split
  .box-wrapper
  .box-pdf.new {
  border: 2px dashed #282b28;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.76rem;
  text-align: center;
  line-height: 20px;
  height: 265px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  justify-content: center;
  grid-gap: 30px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .file-details,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .file-details {
  display: flex;
  justify-content: center;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .range-group,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .range-group {
  border: 1px dashed #ffffff;
  grid-column: 1 / 3;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .range-group
  .range-group-parent,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .range-group
  .range-group-parent {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0 20px 0;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .range-solo,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .range-solo {
  border: 1px dashed #ffffff;
  grid-column: 1 / 1;
  padding-bottom: 20px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper {
  width: 200px;
  height: 220px;
  margin: 10px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .heading,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .heading {
  display: flex;
  flex-direction: row;
  background: #282b28;
  justify-content: space-between;
  align-items: center;
  cursor: move;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .heading
  h2.title,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .heading
  h2.title {
  height: 30px;
  max-width: 200px;
  font-size: 0.74rem;
  text-align: center;
  color: #b9b9b9;
  overflow: hidden;
  line-height: 30px;
  padding: 0 5px;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .heading
  .close:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .heading
  .close:hover {
  color: #f34a47;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .box-pdf,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .box-pdf {
  min-height: 200px;
  overflow: hidden;
  color: #000000;
  box-shadow: 5px 10px 15px #2980b9;
  background: #ffffff;
}

main.main-content
  .dashboard
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .box-pdf.new,
main.main-content
  .dashboard-col-2
  .document-bar
  .split-merge-pdf-container
  .split-merge-content
  .grid-merge
  .box-wrapper
  .box-pdf.new {
  border: 2px dashed #282b28;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.76rem;
  text-align: center;
  line-height: 20px;
  height: 230px;
}

main.main-content .dashboard .document-bar .accuracy-container,
main.main-content .dashboard-col-2 .document-bar .accuracy-container {
  padding: 15px;
}

main.main-content .dashboard .document-bar .accuracy-container .page-name,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  .page-name {
  font-size: 1.5rem;
}

main.main-content .dashboard .document-bar .accuracy-container .filters,
main.main-content .dashboard-col-2 .document-bar .accuracy-container .filters {
  display: flex;
  border: 1px solid #282b28;
  background: #dddcdc;
  height: 100px;
  border-radius: 3px;
  width: 400px;
  padding: 14px;
  justify-content: space-between;
  position: relative;
}

main.main-content .dashboard .document-bar .accuracy-container .filters .title,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  .filters
  .title {
  font-size: 0.66rem;
  position: absolute;
  left: -1px;
  top: -12px;
  background: #006e90;
  padding: 5px;
  color: #ffffff;
  border-radius: 4px;
}

main.main-content
  .dashboard
  .document-bar
  .accuracy-container
  .filters
  .filter-a,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  .filters
  .filter-a {
  width: 80%;
}

main.main-content
  .dashboard
  .document-bar
  .accuracy-container
  .filters
  .filter-b,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  .filters
  .filter-b {
  align-self: center;
}

main.main-content
  .dashboard
  .document-bar
  .accuracy-container
  .filters
  .filter-c,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  .filters
  .filter-c {
  justify-self: center;
  align-self: flex-start;
}

main.main-content .dashboard .document-bar .accuracy-container table.reports,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  table.reports {
  border-collapse: collapse;
  width: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .accuracy-container
  table.reports
  tr:nth-child(odd),
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  table.reports
  tr:nth-child(odd) {
  background-color: #e6e6e6;
}

main.main-content
  .dashboard
  .document-bar
  .accuracy-container
  table.reports
  tr:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  table.reports
  tr:hover {
  background-color: #ddd;
}

main.main-content .dashboard .document-bar .accuracy-container table.reports th,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  table.reports
  th {
  padding: 8px;
  background: #282b28;
  color: #ffffff;
}

main.main-content .dashboard .document-bar .accuracy-container table.reports td,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  table.reports
  td {
  border: 1px solid #282b28;
  padding: 8px;
}

main.main-content
  .dashboard
  .document-bar
  .accuracy-container
  table.reports
  .user-accuracy-container,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  table.reports
  .user-accuracy-container {
  max-height: 100px;
  overflow: auto;
}

main.main-content
  .dashboard
  .document-bar
  .accuracy-container
  table.reports
  .user-accuracy-container
  .user-accuracy
  .username,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  table.reports
  .user-accuracy-container
  .user-accuracy
  .username {
  font-weight: bolder;
  font-size: 0.99rem;
}

main.main-content
  .dashboard
  .document-bar
  .accuracy-container
  table.reports
  .user-accuracy-container
  .user-accuracy
  .accuracy-items,
main.main-content
  .dashboard-col-2
  .document-bar
  .accuracy-container
  table.reports
  .user-accuracy-container
  .user-accuracy
  .accuracy-items {
  font-size: 0.68rem;
  font-weight: lighter;
}

main.main-content .dashboard .document-bar .upload-logs-container,
main.main-content .dashboard-col-2 .document-bar .upload-logs-container {
  padding: 15px;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper {
  padding: 10px 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box {
  box-shadow: 5px 5px 5px #aeaeae;
  border-radius: 3px;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box
  .content,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box
  .content {
  padding: 12px;
  display: flex;
  justify-content: space-between;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box
  .content
  .section-a
  .number,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box
  .content
  .section-a
  .number {
  font-family: "Montserrat-Black";
  letter-spacing: 2px;
  font-weight: 1900;
  font-size: 2rem;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box
  .content
  .section-b
  .icon,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box
  .content
  .section-b
  .icon {
  font-size: 4rem;
  color: rgba(0, 0, 0, 0.1);
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box
  .filter,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box
  .filter {
  cursor: pointer;
  padding: 10px 0;
  text-align: center;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-info,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-info {
  color: #ffffff;
  background: #17a2b8;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-info
  .filter,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-info
  .filter {
  background: #128294;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-grey,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-grey {
  color: #ffffff;
  background: #494947;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-grey
  .filter,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-grey
  .filter {
  background: #343433;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-success,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-success {
  color: #ffffff;
  background: #008f00;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-success
  .filter,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-success
  .filter {
  background: #060;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-warning,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-warning {
  color: #856405;
  background: #fff3cd;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-warning
  .filter,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-warning
  .filter {
  background: #ffe9a4;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-danger,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-danger {
  color: #ffffff;
  background: #bf211e;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-danger
  .filter,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .stats-wrapper
  .box-danger
  .filter {
  background: #9c1b18;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  .action-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  .action-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

main.main-content .dashboard .document-bar .upload-logs-container table.logs,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  table.logs {
  border-collapse: collapse;
  width: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  table.logs
  tr
  th,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  table.logs
  tr
  th {
  background: #282b28;
  color: #ffffff;
  font-size: 0.9rem;
  padding: 5px;
  border: 1px solid #ddd;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  table.logs
  tr.data:nth-child(odd),
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  table.logs
  tr.data:nth-child(odd) {
  background-color: #e6e6e6;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  table.logs
  tr.data:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  table.logs
  tr.data:hover {
  background-color: #ddd;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  table.logs
  tr
  td,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  table.logs
  tr
  td {
  border: 1px solid #ddd;
  padding: 5px;
  font-size: 0.8rem;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  table.logs
  tr
  td
  a,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  table.logs
  tr
  td
  a {
  color: #006e90;
}

main.main-content
  .dashboard
  .document-bar
  .upload-logs-container
  table.logs
  tr
  td
  a:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .upload-logs-container
  table.logs
  tr
  td
  a:hover {
  color: #f34a47;
}

main.main-content .dashboard .document-bar .initiate-upload-container,
main.main-content .dashboard-col-2 .document-bar .initiate-upload-container {
  width: 100%;
  height: 100%;
  position: relative;
}

main.main-content .dashboard .document-bar .initiate-upload-container .box,
main.main-content
  .dashboard-col-2
  .document-bar
  .initiate-upload-container
  .box {
  padding: 25px;
  border-radius: 12px;
  background: #3c6382;
  color: #ffffff;
  width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

main.main-content
  .dashboard
  .document-bar
  .initiate-upload-container
  .box
  h2.title,
main.main-content
  .dashboard-col-2
  .document-bar
  .initiate-upload-container
  .box
  h2.title {
  font-size: 0.98rem;
}

main.main-content
  .dashboard
  .document-bar
  .initiate-upload-container
  .box
  .form-wrapper
  label,
main.main-content
  .dashboard-col-2
  .document-bar
  .initiate-upload-container
  .box
  .form-wrapper
  label {
  font-size: 0.77rem;
  font-weight: bold;
}

main.main-content
  .dashboard
  .document-bar
  .initiate-upload-container
  .box
  .adapter-login-box
  .form-group
  .readonly-value,
main.main-content
  .dashboard-col-2
  .document-bar
  .initiate-upload-container
  .box
  .adapter-login-box
  .form-group
  .readonly-value {
  font-size: 0.8rem;
}

main.main-content .dashboard .document-bar .manage,
main.main-content .dashboard-col-2 .document-bar .manage {
  padding: 15px;
  height: 100%;
  width: 100%;
}

main.main-content .dashboard .document-bar .manage a.back,
main.main-content .dashboard-col-2 .document-bar .manage a.back {
  display: block;
  color: #bf211e;
  font-size: 0.8rem;
}

main.main-content .dashboard .document-bar .manage a.back:hover,
main.main-content .dashboard-col-2 .document-bar .manage a.back:hover {
  color: #282b28;
}

main.main-content .dashboard .document-bar .manage .box,
main.main-content .dashboard-col-2 .document-bar .manage .box {
  display: flex;
  justify-content: center;
  align-items: center;
}

main.main-content .dashboard .document-bar .manage .box .grid,
main.main-content .dashboard-col-2 .document-bar .manage .box .grid {
  display: grid;
  grid-gap: 80px;
  grid-template: "meta roles users" "collection clients history";
}

main.main-content .dashboard .document-bar .manage .box .grid .button,
main.main-content .dashboard-col-2 .document-bar .manage .box .grid .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  border: 1px solid #282b28;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  background: #282b28;
  color: #f0efef;
}

main.main-content .dashboard .document-bar .manage .box .grid .button a,
main.main-content .dashboard-col-2 .document-bar .manage .box .grid .button a {
  width: 200px;
  height: 200px;
  color: inherit;
  display: inline-block;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

main.main-content .dashboard .document-bar .manage .box .grid .button .icon,
main.main-content
  .dashboard-col-2
  .document-bar
  .manage
  .box
  .grid
  .button
  .icon {
  font-size: 7rem;
}

main.main-content .dashboard .document-bar .manage .box .grid .button:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .manage
  .box
  .grid
  .button:hover {
  background: #f0efef;
  color: #282b28;
}

main.main-content .dashboard .document-bar .manage .box .grid .button h2.title,
main.main-content
  .dashboard-col-2
  .document-bar
  .manage
  .box
  .grid
  .button
  h2.title {
  font-size: 0.99rem;
}

main.main-content .dashboard .document-bar .manage .box .grid .meta,
main.main-content .dashboard-col-2 .document-bar .manage .box .grid .meta {
  grid-area: meta;
}

main.main-content .dashboard .document-bar .manage .box .grid .roles,
main.main-content .dashboard-col-2 .document-bar .manage .box .grid .roles {
  grid-area: roles;
}

main.main-content .dashboard .document-bar .manage .box .grid .collection,
main.main-content
  .dashboard-col-2
  .document-bar
  .manage
  .box
  .grid
  .collection {
  grid-area: collection;
}

main.main-content .dashboard .document-bar .manage .box .grid .users,
main.main-content .dashboard-col-2 .document-bar .manage .box .grid .users {
  grid-area: users;
}

main.main-content .dashboard .document-bar .manage .box .grid .clients,
main.main-content .dashboard-col-2 .document-bar .manage .box .grid .clients {
  grid-area: clients;
}

main.main-content .dashboard .document-bar .manage .box .grid .history,
main.main-content .dashboard-col-2 .document-bar .manage .box .grid .history {
  grid-area: history;
}

main.main-content .dashboard .document-bar .add-edit,
main.main-content .dashboard-col-2 .document-bar .add-edit {
  padding: 15px;
  width: 100%;
  height: 100%;
}

main.main-content .dashboard .document-bar .add-edit .center-form,
main.main-content .dashboard-col-2 .document-bar .add-edit .center-form {
  display: flex;
  justify-content: center;
  align-items: center;
}

main.main-content .dashboard .document-bar .add-edit .center-form .form-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit
  .center-form
  .form-wrapper {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 40px;
  width: 500px;
  height: auto;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  label,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  label {
  font-size: 0.77rem;
  font-weight: bold;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .key-value,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .key-value {
  display: flex;
  flex-direction: row;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .col-3,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .col-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  font-size: 0.69rem;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .col-3
  .subtitle,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .col-3
  .subtitle {
  font-size: 0.6rem;
  color: #7e7e7e;
  font-style: italic;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .col-3
  .pointer,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .col-3
  .pointer {
  opacity: 0;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .col-3:hover
  .pointer,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .col-3:hover
  .pointer {
  opacity: 1;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .group,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit
  .center-form
  .form-wrapper
  .group {
  background: #f0efef;
  border-radius: 5px;
  padding: 10px;
  height: 135px;
  overflow: auto;
}

main.main-content .dashboard .document-bar .meta-data,
main.main-content .dashboard-col-2 .document-bar .meta-data {
  padding: 15px;
  height: 100%;
}

main.main-content .dashboard .document-bar .meta-data .tabs,
main.main-content .dashboard-col-2 .document-bar .meta-data .tabs {
  display: flex;
}

main.main-content .dashboard .document-bar .meta-data .tabs .tab,
main.main-content .dashboard-col-2 .document-bar .meta-data .tabs .tab {
  padding: 10px;
  font-size: 0.8rem;
  color: #dddddd;
  background: #005e7c;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tabs
  .tab-manage.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tabs
  .tab-manage.selected {
  background: #006e90;
  color: #ffffff;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tabs
  .tab-design.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tabs
  .tab-design.selected {
  background: #006e90;
  color: #ffffff;
}

main.main-content .dashboard .document-bar .meta-data .tab-wrapper,
main.main-content .dashboard-col-2 .document-bar .meta-data .tab-wrapper {
  color: #ffffff;
  height: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected {
  background: #006e90;
  padding: 30px 15px;
  height: 60vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  h2.title,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  h2.title {
  font-size: 0.99rem;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .new,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .new {
  width: 299px;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #dddddd;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider
  span::before,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider
  span::before {
  content: "";
  height: 20vh;
  background: #dddddd;
  width: 0.1rem;
  display: block;
  left: 10px;
  top: -160px;
  position: absolute;
  margin-bottom: 10px;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider
  span::after,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider
  span::after {
  content: "";
  margin-top: 10px;
  height: 20vh;
  background: #dddddd;
  width: 0.1rem;
  display: block;
  left: 10px;
  top: 30px;
  position: absolute;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .update,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-manage-wrapper.selected
  .update {
  width: 299px;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected {
  background: #006e90;
  padding: 30px 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane {
  height: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .main-title,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .main-title {
  font-size: 0.99rem;
  display: flex;
  align-items: center;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .main-title
  input.readonly,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .main-title
  input.readonly {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  background: #006e90;
  color: #ffffff;
  border: 0;
  cursor: pointer;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .title,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .title {
  font-size: 0.99rem;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .title
  span.value,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .title
  span.value {
  font-weight: bold;
  font-family: "Montserrat-Bold";
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .title
  .edit,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .title
  .edit {
  cursor: pointer;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .title
  .edit:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .title
  .edit:hover {
  color: #ccc;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .add-more-fields-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .add-more-fields-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .add-more-fields-wrapper
  .menu-container,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .add-more-fields-wrapper
  .menu-container {
  position: relative;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .add-more-fields-wrapper
  .menu-container
  .inner,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .add-more-fields-wrapper
  .menu-container
  .inner {
  position: absolute;
  left: -25px;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box {
  background: #282b28;
  border: #ccb69b;
  padding: 12px;
  border-radius: 5px;
  width: 300px;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .mini-toolbar,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .mini-toolbar {
  display: flex;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .settings,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .settings,
main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .move,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .move,
main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .trash,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .trash,
main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .addmore,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .addmore {
  cursor: pointer;
  display: block;
  border: 1px solid transparent;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .settings:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .settings:hover,
main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .move:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .move:hover,
main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .trash:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .trash:hover,
main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .addmore:hover,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .addmore:hover {
  color: #ccc;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .add-child,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .design-pane
  .box
  .add-child {
  position: relative;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .preview-pane,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .preview-pane {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px;
  width: 600px;
  height: 100%;
  background: #f0efef;
  color: #282b28;
}

main.main-content
  .dashboard
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .preview-pane
  .form-group,
main.main-content
  .dashboard-col-2
  .document-bar
  .meta-data
  .tab-wrapper
  .tab-design-wrapper.selected
  .preview-pane
  .form-group {
  width: 100%;
  padding: 10px;
}

main.main-content .dashboard .document-bar .meta-data .tab-wrapper,
main.main-content .dashboard-col-2 .document-bar .meta-data .tab-wrapper {
  height: 100%;
}

main.main-content .dashboard .document-bar .add-edit-role,
main.main-content .dashboard-col-2 .document-bar .add-edit-role {
  padding: 15px;
  width: 100%;
  height: 100%;
}

main.main-content .dashboard .document-bar .add-edit-role .content,
main.main-content .dashboard-col-2 .document-bar .add-edit-role .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .name-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .name-wrapper {
  width: 300px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .user-type-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .user-type-wrapper {
  width: 400px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .user-type-wrapper
  .form-input-hgroup
  .title,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .user-type-wrapper
  .form-input-hgroup
  .title,
main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .user-type-wrapper
  .form-text-hgroup
  .title,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .user-type-wrapper
  .form-text-hgroup
  .title {
  font-size: 0.99rem;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .web-user-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .web-user-wrapper {
  width: 600px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .web-user-wrapper
  .form-input-vgroup,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .web-user-wrapper
  .form-input-vgroup {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .permissions,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .permissions {
  width: 100%;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 5px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .permissions
  .form-group
  label.title,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .permissions
  .form-group
  label.title {
  font-size: 0.89rem;
  font-family: "Montserrat-Bold";
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .permissions
  .form-group
  strong.select-all,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .permissions
  .form-group
  strong.select-all {
  font-family: "Montserrat-Bold";
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .permissions
  .form-input-vgroup
  label,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-role
  .content
  .user-type-option
  .permissions
  .form-input-vgroup
  label {
  width: 100%;
}

main.main-content .dashboard .document-bar .add-edit-client,
main.main-content .dashboard-col-2 .document-bar .add-edit-client {
  padding: 15px;
  width: 100%;
}

main.main-content .dashboard .document-bar .add-edit-client .tabs,
main.main-content .dashboard-col-2 .document-bar .add-edit-client .tabs {
  display: flex;
}

main.main-content .dashboard .document-bar .add-edit-client .tabs .tab,
main.main-content .dashboard-col-2 .document-bar .add-edit-client .tabs .tab {
  padding: 10px;
  font-size: 0.8rem;
  color: #dddddd;
  background: #667575;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tabs
  .tab-manage.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tabs
  .tab-manage.selected {
  background: #708080;
  color: #ffffff;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tabs
  .tab-design.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tabs
  .tab-design.selected {
  background: #708080;
  color: #ffffff;
}

main.main-content .dashboard .document-bar .add-edit-client .tab-wrapper,
main.main-content .dashboard-col-2 .document-bar .add-edit-client .tab-wrapper {
  height: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected {
  color: #ffffff;
  background: #708080;
  padding: 30px 15px;
  height: 60vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  h2.title,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  h2.title {
  font-size: 0.99rem;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .new,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .new {
  width: 299px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #dddddd;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider
  span::before,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider
  span::before {
  content: "";
  height: 20vh;
  background: #dddddd;
  width: 0.1rem;
  display: block;
  left: 10px;
  top: -160px;
  position: absolute;
  margin-bottom: 10px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider
  span::after,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .divider
  span::after {
  content: "";
  margin-top: 10px;
  height: 20vh;
  background: #dddddd;
  width: 0.1rem;
  display: block;
  left: 10px;
  top: 30px;
  position: absolute;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .update,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-manage-wrapper.selected
  .update {
  width: 299px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-design-wrapper.selected,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .tab-wrapper
  .tab-design-wrapper.selected {
  background: #708080;
  padding: 30px 15px;
}

main.main-content .dashboard .document-bar .add-edit-client .tab-wrapper,
main.main-content .dashboard-col-2 .document-bar .add-edit-client .tab-wrapper {
  height: 100%;
}

main.main-content .dashboard .document-bar .add-edit-client .form-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper {
  position: relative;
}

main.main-content .dashboard .document-bar .add-edit-client .form-wrapper .form,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .left,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .left {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 5px;
  min-width: 300px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .left
  .metadata,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .left
  .metadata {
  background: #f0efef;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 150px;
  overflow: auto;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 5px;
  min-width: 300px;
  min-height: 600px;
  overflow: auto;
  text-align: left;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  h2.title,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  h2.title {
  font-size: 0.99rem;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition {
  background: #f0efef;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .row,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .row {
  width: 100%;
  display: flex;
  flex-direction: row;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .row
  input.form-input-sm,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .row
  input.form-input-sm {
  width: 170px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .row
  select,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .row
  select {
  width: 170px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .row
  span.symbol,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .row
  span.symbol {
  line-height: 30px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .and,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .and {
  font-size: 0.8rem;
  text-align: center;
  width: 100%;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .and
  span.optional,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  .form-group
  .and
  span.optional {
  font-style: italic;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  div.then,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .form
  .right
  .condition
  div.then {
  font-size: 0.8rem;
}

main.main-content .dashboard .document-bar .add-edit-workflow,
main.main-content .dashboard-col-2 .document-bar .add-edit-workflow {
  padding: 15px;
  position: relative;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflow-name-wrapper,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflow-name-wrapper {
  display: flex;
  justify-content: center;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflow-name-wrapper
  .workflow-name,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflow-name-wrapper
  .workflow-name {
  width: 340px;
}

main.main-content .dashboard .document-bar .add-edit-workflow .workflows,
main.main-content .dashboard-col-2 .document-bar .add-edit-workflow .workflows {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  background: #ffffff;
  border-radius: 5px;
  padding: 15px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  h2.title,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  h2.title {
  font-size: 0.77rem;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .col-1,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .col-1,
main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .col-2,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .col-2,
main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .col-3,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .col-3 {
  width: 50%;
  height: 290px;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .team-source-destination,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .team-source-destination {
  background: #f0efef;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .team-source-destination
  span.assign,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .team-source-destination
  span.assign {
  color: #006e90;
  font-family: "Montserrat-Regular";
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .team-source-destination
  span.assigned,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .team-source-destination
  span.assigned {
  color: #282b28;
  font-family: "Montserrat-Bold";
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .team-source-destination
  span.assigned
  .change-team,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .team-source-destination
  span.assigned
  .change-team {
  color: #006e90;
  font-family: "Montserrat-Regular";
  font-size: 0.75rem;
  text-align: center;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  label.type,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  label.type {
  display: block;
  display: flex;
  align-items: center;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .group,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .workflow
  .group {
  background: #f0efef;
  border-radius: 5px;
  padding: 10px;
  height: 250px;
  overflow: auto;
}

main.main-content .dashboard .document-bar .add-edit-workflow .workflows .col-2,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .col-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-workflow
  .workflows
  .col-2
  .fas.fa-long-arrow-alt-right,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-workflow
  .workflows
  .col-2
  .fas.fa-long-arrow-alt-right {
  font-size: 5rem;
}

main.main-content .dashboard .tool-bar,
main.main-content .dashboard-col-2 .tool-bar {
  height: 100%;
  overflow: hidden;
}

main.main-content .dashboard .tool-bar .tabs,
main.main-content .dashboard-col-2 .tool-bar .tabs {
  font-family: "Roboto-Regular";
  font-size: 0.78rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

main.main-content .dashboard .tool-bar .tabs .tab,
main.main-content .dashboard-col-2 .tool-bar .tabs .tab {
  background: #eeeeee;
  width: 100%;
  text-align: center;
  cursor: pointer;
  align-self: stretch;
  align-items: center;
}

main.main-content .dashboard .tool-bar .tabs .tab:hover,
main.main-content .dashboard-col-2 .tool-bar .tabs .tab:hover {
  background: #dddddd;
}

main.main-content .dashboard .tool-bar .tabs .tab a,
main.main-content .dashboard-col-2 .tool-bar .tabs .tab a {
  color: #000000;
  width: 100%;
  height: 100%;
  display: block;
  padding: 8px 5px;
  align-self: center;
}

main.main-content .dashboard .tool-bar .tabs .selected a,
main.main-content .dashboard-col-2 .tool-bar .tabs .selected a,
main.main-content .dashboard .tool-bar .tabs .selected a:hover,
main.main-content .dashboard-col-2 .tool-bar .tabs .selected a:hover,
main.main-content .dashboard .tool-bar .tabs .selected:hover,
main.main-content .dashboard-col-2 .tool-bar .tabs .selected:hover {
  background: transparent;
}

main.main-content .dashboard .tool-bar .tabs .selected .tab-menu,
main.main-content .dashboard-col-2 .tool-bar .tabs .selected .tab-menu {
  color: #ffffff;
}

main.main-content .dashboard .tool-bar .tabs .tab-menu-one.selected,
main.main-content .dashboard-col-2 .tool-bar .tabs .tab-menu-one.selected {
  background: #c73e1d !important;
}

main.main-content .dashboard .tool-bar .tabs .tab-menu-two.selected,
main.main-content .dashboard-col-2 .tool-bar .tabs .tab-menu-two.selected {
  background: #5e574d !important;
}

main.main-content .dashboard .tool-bar .tabs .tab-menu-three.selected,
main.main-content .dashboard-col-2 .tool-bar .tabs .tab-menu-three.selected {
  background: #006e90 !important;
}

main.main-content .dashboard .tool-bar .tabs .tab-menu-four.selected,
main.main-content .dashboard-col-2 .tool-bar .tabs .tab-menu-four.selected {
  background: #845ec2 !important;
}

main.main-content .dashboard .tool-bar .tab-content-wrapper,
main.main-content .dashboard-col-2 .tool-bar .tab-content-wrapper {
  height: 100%;
  color: #ffffff;
  overflow: auto;
}

main.main-content .dashboard .tool-bar .tab-content-wrapper .tab-content,
main.main-content .dashboard-col-2 .tool-bar .tab-content-wrapper .tab-content {
  padding: 15px;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-one.selected,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-one.selected {
  background: #c73e1d;
  min-height: 100%;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected {
  background: #5e574d;
  min-height: 100%;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  h2.title,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  h2.title {
  font-size: 0.99rem;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  strong.subtitle,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  strong.subtitle {
  font-size: 0.78rem;
  display: block;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  p.path,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  p.path {
  font-size: 0.6rem;
  font-style: italic;
  color: #cecece;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .info-box,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .info-box {
  background: #bdad96;
  color: #282b28;
  padding: 10px;
  font-size: 0.7rem;
  font-style: italic;
  line-height: 20px;
  border-radius: 5px;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  h4.range-label,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  h4.range-label {
  font-size: 0.77rem;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  .title-trash,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  .title-trash {
  display: flex;
  justify-content: space-between;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  .title-trash
  label,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  .title-trash
  label {
  font-size: 0.6rem;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  input.form-input-range,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  input.form-input-range {
  width: 50px;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  .grid,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-two.selected
  .split-merge-tools
  .split-merge-input-group
  .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected {
  background: #006e90;
  min-height: 100%;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  h2.title,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  h2.title {
  font-size: 0.95rem;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.file-info
  li,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.file-info
  li {
  background: #01607c;
  padding: 5px 3px;
  border-radius: 5px;
  position: relative;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.file-info
  li
  strong,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.file-info
  li
  strong {
  font-size: 0.75rem;
  display: block;
  font-weight: 600;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.file-info
  li
  span.value,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.file-info
  li
  span.value {
  font-size: 0.7rem;
  word-wrap: break-word;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.file-info
  li
  span.timestamp,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.file-info
  li
  span.timestamp {
  position: absolute;
  font-size: 0.6rem;
  padding: 5px;
  background: #005c00;
  top: -5px;
  right: 0;
  border-radius: 5px;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.history-timeline
  li,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.history-timeline
  li {
  font-size: 0.6rem;
  padding: 10px;
  border-radius: 10px;
  background: #282b28;
  margin: 20px 0;
  position: relative;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.history-timeline
  li
  .timestamp,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.history-timeline
  li
  .timestamp {
  position: absolute;
  right: 0px;
  top: -10px;
  background: #c73e1d;
  color: #ffffff;
  border-radius: 5px;
  padding: 3px;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.history-timeline
  li
  strong,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-three.selected
  ul.history-timeline
  li
  strong {
  font-size: 0.75rem;
  display: block;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected {
  background: #845ec2;
  min-height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  h2.title,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  h2.title {
  font-size: 0.95rem;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  h2.title
  sup,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  h2.title
  sup {
  font-size: 0.6rem;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  ul.chat,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  ul.chat {
  min-height: 50vh;
  max-height: 50vh;
  overflow: auto;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  ul.chat
  li,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  ul.chat
  li {
  font-size: 0.7rem;
  padding: 10px;
  border-radius: 10px;
  background: #b39cd0;
  color: #000000;
  margin: 20px 0;
  position: relative;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  ul.chat
  li
  .timestamp,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  ul.chat
  li
  .timestamp {
  position: absolute;
  right: 0px;
  top: -10px;
  background: #4a148c;
  font-size: 0.6rem;
  color: #ffffff;
  border-radius: 5px;
  padding: 3px;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  ul.chat
  li
  strong,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  ul.chat
  li
  strong {
  font-size: 0.75rem;
  display: block;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  .send-message-wrapper
  .chat-input,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .tab-content-four.selected
  .send-message-wrapper
  .chat-input {
  height: 65px;
  resize: none;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .prediction-container,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .prediction-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
}

main.main-content
  .dashboard
  .tool-bar
  .tab-content-wrapper
  .prediction-container
  .cancel:hover,
main.main-content
  .dashboard-col-2
  .tool-bar
  .tab-content-wrapper
  .prediction-container
  .cancel:hover {
  color: #fff3cd;
}

main.main-content .dashboard-col-2 {
  grid-template-columns: auto;
}

.no-data {
  text-align: center;
  padding: 20px 0;
  font-weight: bolder;
  background: #ffffff;
  border: 1px solid #282b28;
}

code {
  background: #d8d8d8;
  color: #f34a47;
  padding: 3px;
  font-style: italic;
  border-radius: 2px;
}

.edit-profile {
  padding: 16px;
  outline: 1px solid #969696;
  background: #ffffff;
  -webkit-box-shadow: 14px 15px 23px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 14px 15px 23px -8px rgba(0, 0, 0, 0.75);
  box-shadow: 14px 15px 23px -8px rgba(0, 0, 0, 0.75);
  width: 300px;
  height: 430px;
}

.edit-profile h2 {
  font-size: 0.9rem;
}

.edit-profile .tab-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.edit-profile .tab-wrapper .tab {
  font-size: 0.77rem;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px;
  background: #b9b9b9;
  color: #ffffff;
}

.edit-profile .tab-wrapper .tab.selected {
  cursor: default;
  background: #494947;
  color: #ffffff;
}

.add-input-types {
  background: #ffffff;
  padding: 20px;
  width: 1000px;
}

.add-input-types .input-collections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  justify-items: center;
  align-items: center;
}

.add-input-types .input-collections .input-type-box {
  padding: 20px 10px;
  height: 25px;
  min-width: 400px;
  max-width: 400px;
  border: 1px solid #dfe0e2;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}

.add-input-types .input-collections .input-type-box.selected {
  border-color: #aed4fb;
  background: #e6f0fb;
}

.add-input-types .input-collections .input-type-box:hover {
  border-color: #aed4fb;
  background: #e6f0fb;
}

.add-input-types .input-collections .input-type-box .icon {
  padding: 2px 10px;
  width: 40px;
  height: 23px;
  color: #ffffff;
  border-radius: 3px;
  text-align: center;
  font-size: 0.69rem;
  line-height: 20px;
}

.add-input-types .input-collections .input-type-box .icon.orange {
  background: #ff9301;
}

.add-input-types .input-collections .input-type-box .icon.blue {
  background: #1375da;
}

.add-input-types .input-collections .input-type-box .icon.red {
  background: #e8442f;
}

.add-input-types .input-collections .input-type-box .icon.green {
  background: #69bb04;
}

.add-input-types .input-collections .input-type-box .icon.purple {
  background: #574b90;
}

.add-input-types .input-collections .input-type-box .icon.violet {
  background: #b981d5;
}

.add-input-types .input-collections .input-type-box .icon.teal {
  background: #3c8c98;
}

.add-input-types .input-collections .input-type-box .icon.brown {
  background: #c38150;
}

.add-input-types .input-collections .input-type-box .icon.gray {
  background: #34495e;
}

.add-input-types .input-collections .input-type-box .icon.pink {
  background: #fc427b;
}

.add-input-types .input-collections .input-type-box .type {
  font-weight: bolder;
  font-size: 0.79rem;
  font-family: "Roboto-Regular";
}

.add-input-types .input-collections .input-type-box .description {
  font-size: 0.6rem;
  color: #7e7e7e;
}

.auto-update-progress {
  padding: 16px;
  outline: 1px solid #969696;
  background: #ffffff;
  -webkit-box-shadow: 14px 15px 23px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 14px 15px 23px -8px rgba(0, 0, 0, 0.75);
  box-shadow: 14px 15px 23px -8px rgba(0, 0, 0, 0.75);
  width: 400px;
  height: 200px;
}

.auto-update-progress h2 {
  font-size: 0.99rem;
}

.auto-update-progress .information {
  font-size: 0.8rem;
  display: flex;
  flex-direction: column;
}

.auto-update-progress .information .title {
  font-weight: bolder;
}

.auto-update-progress .information .title .value {
  font-weight: lighter;
}

.auto-update-progress .progress-wrapper {
  border: 1px solid #3c3c3c;
  background: #d8d8d8;
  height: 20px;
}

.auto-update-progress .progress-wrapper .progress-meter {
  height: 100%;
  width: var(--update-progress-meter);
  background: #3467d4;
}

.add-child-menu {
  background: #dddddd;
  border: 1px solid #282b28;
  border-radius: 3px;
  position: absolute;
  top: 30px;
  color: #282b28;
  width: 180px;
  height: 200px;
}

.add-child-menu .fa-caret-up {
  display: block;
  top: -20px;
  left: 0;
  position: absolute;
  color: #dddddd;
  font-size: 2rem;
}

.add-child-menu .title {
  font-size: 0.89rem !important;
  font-weight: bold;
  font-family: "Montserrat-Bold";
  text-align: center;
  padding: 5px;
  border-bottom: 1px solid #282b28;
  cursor: default;
}

.add-child-menu ul {
  height: 130px;
  overflow: auto;
}

.add-child-menu ul li {
  display: flex;
  justify-content: flex-start;
  font-size: 0.89rem;
  cursor: pointer;
  padding: 10px;
  line-height: 13px;
}

.add-child-menu ul li .icon {
  display: block;
}

.add-child-menu ul li:hover {
  background: #2980b9;
  color: #ffffff;
}

.login-box-main {
  border: 1px solid #ccc;
  box-shadow: 3px 4px #888;
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
}

.login-box-main img.logo {
  margin-bottom: 15px;
  transform: scale(0.8, 0.8);
}

.login-box-main .login-box {
  width: 90%;
}

.login-box-main .login-box .input-group {
  margin: 10px 0;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .links-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #cccccc;
  background: #ffffff;
  border-radius: 3px;
}

.pagination .links-wrapper .links,
.pagination .links-wrapper .links-number {
  font-size: 2rem;
  color: #01607c;
  cursor: pointer;
  padding: 0 15px;
  padding-bottom: 3px;
  line-height: 30px;
}

.pagination .links-wrapper .links:hover,
.pagination .links-wrapper .links-number:hover {
  background: #83b5c4;
  color: #ffffff;
}

.pagination .links-wrapper .links.link-disabled,
.pagination .links-wrapper .link-disabled.links-number {
  color: #adadad;
  cursor: not-allowed;
  background: #ffffff;
}

.pagination .links-wrapper .links-number {
  background: #01607c;
  color: #ffffff;
  font-size: 1rem;
  cursor: default;
}

.pagination .links-wrapper .links-number:hover {
  background: #01607c;
  color: #ffffff;
}

.no-files-selected {
  width: 100%;
  height: 100%;
  color: #918f8f;
}

.no-files-selected .iconfile {
  color: #aeaeae;
}

.thumbnail-heading {
  display: flex;
  flex-direction: row;
  background: #282b28;
  justify-content: space-between;
  align-items: center;
  cursor: move;
}

.thumbnail-heading h2.title {
  height: 30px;
  width: 200px;
  max-width: 200px;
  font-size: 0.74rem;
  text-align: center;
  color: #b9b9b9;
  overflow: hidden;
  line-height: 30px;
  padding: 0 5px;
}

.thumbnail-heading .close:hover {
  color: #f34a47;
}

.search-inputs {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.search input.form-input {
  background-color: rgb(255, 255, 255);
  border: none;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 18px;
  padding: 15px;
  height: 40px;
  outline: none;
  width: 100%;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.searchIcon {
  margin-top: 20px;
  height: 40px;
  width: 50px;
  background-color: white;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  display: grid;
  place-items: center;
}

.dms-credentials-container {
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
.manage-accuracy {
  background-color: white;
  margin-top: 5%;
  margin-left: 20px;
  margin-right: 20px;
}
.manage-accuracy-conditions {
  display: inline-grid;
  margin-top: 40px;
  row-gap: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}
.accuracy-heading {
  font-size: large;
  font-weight: 600;
}

.manage-accuracy-wrapper .condition {
  background: #f0efef;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.manage-accuracy-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 30px;
  row-gap: 20px;
}
.manage-accuracy-wrapper .condition .form-group {
  display: flex;
  flex-direction: column;
}
.manage-accuracy-wrapper .right {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 5px;
  min-width: 300px;
  min-height: 300px;
  overflow: auto;
  text-align: left;
}

main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition {
  background: #f0efef;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .row,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .row {
  width: 100%;
  display: flex;
  flex-direction: row;
}
main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .row
  input.form-input-sm,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .row
  input.form-input-sm {
  width: 170px;
}
main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .row
  select,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .row
  select {
  width: 170px;
}
main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .row
  span.symbol,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .row
  span.symbol {
  line-height: 30px;
}
main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .and,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .and {
  font-size: 0.8rem;
  text-align: center;
  width: 100%;
}
main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .and
  span.optional,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  .form-group
  .and
  span.optional {
  font-style: italic;
}
main.main-content
  .dashboard
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  div.then,
main.main-content
  .dashboard-col-2
  .document-bar
  .add-edit-client
  .form-wrapper
  .manage-accuracy-wrapper
  .right
  .condition
  div.then {
  font-size: 0.8rem;
}