@charset "UTF-8";
/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*COLORS*/
/*https: //www.materialui.co/colors*/
/*Shades of Yellow:*/
/*Shades of Red:*/
/*Shades of Green:*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
body {
  --theme-200: #5C7CFA;
  --theme-400: #486abb;
  --theme: #1E3C84;
  --theme-500: #193475;
  --theme-600: #142c66;
  --theme-800: #0d204c;
  --theme-900: #05112c;
  --white: #FFF;
  --white-75: rgba(255,255,255,0.75);
  --white-100: #fefefe;
  --white-200: #f5f5f5;
  --white-300: #f2f2f2;
  --white-400: #f1f1f1;
  --white-500: #e7e7e7;
  --white-600: #d7d7d7;
  /* darks */
  --dark-500: #646464;
  --dark-600: #565656;
  --dark-700: #444444;
  --dark-800: #393939;
  --dark-900: #2b2b2b;
  /* greens */
  --green: #0ea937;
  /*Success*/
  /* reds */
  --red-500: #ee402f;
  /* Error*/
  /* blues */
  --blue-900: #252630;
  --buttonHover: var(--theme-200);
  --chatLeft: #f5f5f5;
  --chatRight: #dbdbdb;
  --chatRightDark: var(--theme-900);
  --chatLeftDark: var(--theme-800);
  --chatBackground: #ffffff;
  --chatBackgroundDark: var(--theme-900);
}

/*APPLY THEME*/
/*LIGHT MODE*/
/*EXTRAS*/
/*DARK MODE*/
/*END APPLY THEME*/
/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*COLORS*/
/*https: //www.materialui.co/colors*/
/*Shades of Yellow:*/
/*Shades of Red:*/
/*Shades of Green:*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*TEXT*/
/*size*/
/*style*/
/*@import "Button.scss";*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

* {
  font-family: "Plus Jakarta Sans", Tahoma, Geneva, Verdana, sans-serif !important;
  box-sizing: border-box;
  outline: none !important;
}

/*LOGIN*/
body.light {
  color: #4a494a;
}

form.loginForm {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.inptCaptcha {
  width: 178px !important;
  float: left;
  margin-left: 12px;
}

.login-code-change {
  width: 100%;
  display: block;
  padding-bottom: 1px;
  color: #7e7e7e;
}

.login-table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  max-width: 400px;
  width: auto;
  position: absolute;
}
.login-table td {
  margin: 0;
  padding: 6px;
  background: transparent;
}
.login-table td:hover {
  background: transparent;
}
.login-table svg {
  width: 245px;
  height: 50px;
}
.login-table .login-logo {
  text-align: center;
  padding: 0 0 15px 0;
}
.login-table .btn_submit {
  background: var(--theme) url("../../images/arrow.svg") no-repeat center/14px;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: inline-block;
  border: none;
}
.login-table input {
  border: none;
  outline: none;
  width: 350px;
  height: 55px;
  border-radius: 5px;
  padding: 0 30px;
  color: #222222;
  box-sizing: border-box;
}
.login-table .none {
  display: none;
}
.login-table .welcome_message {
  font-size: 14px;
  font-weight: bold;
  color: #4a494a;
  text-align: center;
  padding: 30px 0 0 0;
}
.login-table .recovery-password {
  text-align: right;
  padding: 14px 0 0 0 0 !important;
}
.login-table .button-container {
  vertical-align: bottom;
}

.signature_closer {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.signature_closer svg {
  width: 55px;
  height: 55px;
  margin-left: 5px;
}

.login_logo {
  margin-top: 30px;
  max-width: 362px;
}

.edit_profile .credentials_container {
  width: 100%;
}
.edit_profile .credentials_container .credentials {
  width: 100%;
}
.edit_profile .credentials_container .credentials .input_container {
  width: 50%;
  padding-bottom: 10px;
}
.edit_profile .credentials_container .action-container {
  padding-top: 40px;
}
.edit_profile .credentials_container .action-container .btn_outline {
  margin-right: 5px;
}
.edit_profile .credentials_container .message_container {
  margin-top: 30px;
  font-size: 14px;
}
.edit_profile .credentials_container .message_container .welcome_message {
  font-weight: bold;
}

.wrapper {
  width: 50vw;
  margin: 0 auto;
  margin-top: 25vh;
}
.wrapper .logo_evalyze {
  text-align: center;
  margin: 0 auto;
  height: 100px;
  margin-bottom: 15px;
}
.wrapper .logo_evalyze svg {
  width: 245px;
  height: 245px;
  margin-top: -40px;
}
.wrapper .poweredby {
  font-style: italic;
  text-align: right;
  padding-top: 25px;
  width: 365px;
  margin: 0 auto;
}
.wrapper .poweredby .small_logo_evalyze {
  display: inline-block;
  vertical-align: middle;
}
.wrapper .poweredby .small_logo_evalyze svg {
  width: 65px;
  height: 15px;
}
.wrapper .credentials_container {
  text-align: center;
}
.wrapper .credentials_container .credentials {
  display: inline-block;
  margin-left: 65px;
}
.wrapper .credentials_container .credentials .input_container {
  margin: 10px 0;
  display: block;
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 25%;
  padding: 5px 10px;
  position: relative;
}
.wrapper .credentials_container .credentials .input_container input {
  border: none;
  outline: none;
  width: 350px;
  height: 55px;
  border-radius: 5px;
  padding: 0 30px;
  color: #222222;
  box-sizing: border-box;
}
.wrapper .credentials_container .credentials .input_container .none {
  display: none;
}
.wrapper .credentials_container .btn_submit_container {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  margin-left: 15px;
}
.wrapper .credentials_container .btn_submit_container .btn_submit {
  background-color: var(--theme);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: inline-block;
  border: none;
}
.wrapper .credentials_container .btn_submit_container .btn_submit:before {
  background-image: url("../../images/arrow.svg");
  width: 13px;
  height: 35px;
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 3px;
}
.wrapper .credentials_container .message_container {
  margin-top: 30px;
  padding: 0px 0px 5px 0px;
}

.input_alert {
  border: 1px solid var(--theme);
}

.credentials input:-webkit-autofill,
.credentials input:-webkit-autofill:hover,
.credentials input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

/*END LOGIN*/
/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
/*TOP NAVIGATION*/
.navbar {
  width: calc(100% - 140px);
  display: inline-block;
  margin: 20px 40px 0 89px;
}
.navbar .quick-links-container {
  display: inline-block;
  width: 70%;
}
.navbar .quick-links-container.hidden {
  display: none;
}
.navbar .quick-links-container .quick-link {
  display: inline-block;
  margin: 0px 0px 10px 0px;
}
.navbar .quick-links-container .quick-link a {
  border: 1px solid #9b9a9b;
  margin-right: 20px;
  color: #9b9a9b;
  border-radius: 5px;
  padding: 7px 10px;
  text-transform: uppercase;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  font-size: 10px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.navbar .quick-links-container .quick-link a:hover {
  border: 1px solid var(--theme);
  color: var(--theme);
  text-decoration: none;
}
.navbar .quick-links-container .quick-link a:first-child {
  margin-left: 0;
}
.navbar .search-container {
  float: right;
  /*width: 30%;*/
}
.navbar .search-container .search-style {
  width: 200px;
  padding: 5px;
  border: 1px solid #9b9a9b;
  border-radius: 5px;
  color: #4a494a;
}
.navbar .search-container .search-style .search_button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.navbar .search-container .search-style .search_button .search_icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  fill: #686868;
}
.navbar .search-container .search-style .search-input {
  background-color: transparent !important;
  border: none;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  color: #9b9a9b;
  width: 160px;
  font-size: 11px;
}
.navbar .user-description-container {
  float: right;
  padding-left: 20px;
  text-align: right;
}
.navbar .user-description-container table tr td {
  padding: 4px;
}
.navbar .user-description-container table tr td:hover {
  background-color: transparent !important;
}
.navbar .user-description-container .login {
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  margin-bottom: 5px;
  cursor: pointer;
  text-align: right;
}
.navbar .user-description-container .login a {
  color: #222222;
  text-decoration: none;
}
.navbar .user-description-container .type-login {
  font-size: 11px;
  color: #9b9a9b;
  cursor: pointer;
  text-align: right;
}
.navbar .user-description-container .type-login a {
  color: #4a494a;
  text-decoration: none;
}
.navbar .user-description-container .notification {
  display: block;
  width: 24px;
  fill: #696969;
  position: relative;
}
.navbar .user-description-container .notification .notification-badge {
  position: absolute;
  background: #ee402f;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 2px 2px;
  font-size: 10px;
  top: -4px;
  right: -10px;
  min-width: 8px;
  text-align: center;
}
.navbar .user-description-container .notification .notification-container {
  position: absolute;
  top: 32px;
  right: -5px;
  background-color: #f1f1f1;
  width: 400px;
  box-sizing: border-box;
  padding: 10px;
  max-height: 400px;
  z-index: 99;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  overflow: auto;
}
.navbar .page-title {
  display: block;
  margin-top: 30px;
  margin-bottom: 10px;
}
.navbar .page-title .title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  color: #4a494a;
}
.navbar .btn_container_pause {
  float: right;
  margin-top: 25px;
}

.circleStatus-Online {
  background-color: #EE402F;
}

.circleStatus-Paused {
  background-color: #f9ca24;
}

.circleStatus-Working {
  background-color: #7ED321;
}

/* Change autocomplete styles in WebKit */
.search-container input:-webkit-autofill,
.search-container input:-webkit-autofill:hover,
.search-container input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 10px #f4f6f9 inset;
}

.input_container .input_field:-webkit-autofill,
.input_container .input_field:-webkit-autofill:hover,
.input_container .input_field:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 100px #fff inset;
}

textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 100px #f4f6f9 inset;
}

/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
/*ASIDE NAVIGATION*/
.aside-menu-container {
  display: inline-block;
  width: 55px;
  height: 100%;
  position: fixed;
  z-index: 101;
}
.aside-menu-container .brand-logo {
  margin: 20px 0;
  text-align: center;
}
.aside-menu-container .brand-logo .icon_brand {
  width: 32px;
  height: 32px;
}
.aside-menu-container .icon-link {
  text-align: center;
  border-left: 3px solid #f4f6f9;
  margin: 25px 0;
  fill: #686868;
  /*@include transition-duration(0.4s);*/
  cursor: pointer;
}
.aside-menu-container .icon-link .icon_pause {
  fill: var(--theme);
  width: 27px;
  height: 27px;
}
.aside-menu-container .icon-link .icon_pause:hover {
  fill: var(--buttonHover);
}
.aside-menu-container .icon-link:hover {
  border-left: 3px solid var(--theme);
}
.aside-menu-container .icon-link.active {
  border-left: 4px solid var(--theme);
}
.aside-menu-container .icon-link.active svg {
  fill: var(--theme);
}
.aside-menu-container .icon-link svg {
  width: 19px;
  height: 19px;
  fill: #686868;
}
.aside-menu-container li.icon-link:hover svg {
  fill: var(--theme);
}
.aside-menu-container .bycloser {
  position: fixed;
  bottom: 10px;
  left: 18px;
  opacity: 0.7;
}
.aside-menu-container .bycloser svg {
  width: 18px;
  height: 18px;
}

/*END ASIDE NAVIGATION*/
/*LIGHT/DARK BUTTON*/
.btn_mode {
  position: absolute;
  bottom: 40px;
  left: 18px;
}
.btn_mode .change_mode {
  position: relative;
}
.btn_mode .change_mode input.btn_theme {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  outline: none;
}

.btn_logout_container {
  position: relative;
  bottom: 8px;
  left: 3px;
}
.btn_logout_container .btn_input_logout {
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.btn_logout_container .btn_input_logout .icon_logout {
  width: 19px;
  height: 19px;
  fill: #686868;
}
.btn_logout_container .btn_input_logout .icon_logout:hover {
  fill: #222222;
}

/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
/*GENERAL STYLE*/
.form_container {
  background-color: #fff;
  height: 100%;
  padding: 35px;
  min-height: 75vh;
  clear: both;
  width: calc(100% - 60px - 51px);
  margin-left: 60px;
  box-sizing: border-box;
  /*Apenas utilizado para resolver o bug dos inputs*/
}
.form_container .form_edituser {
  margin-bottom: 50px;
  display: block;
  position: relative;
  clear: both;
}
.form_container .form_edituser .form_title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--theme);
  margin-bottom: 18px;
}
.form_container .form_edituser .input_container {
  clear: both;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 25%;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
}
.form_container .form_group {
  margin-bottom: 50px;
  display: block;
  position: relative;
  clear: both;
  /* Container for Campo HyperLink*/
}
.form_container .form_group .form_title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--theme);
  margin: 10px 0px 10px 0px;
}
.form_container .form_group .input_container {
  clear: both;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: calc(25% - 2px);
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  /*vertical-align: top;*/
}
.form_container .form_group .input_container:nth-of-type(4n+1) {
  padding-left: 0px;
}
.form_container .form_group .input_container:nth-of-type(4n+0) {
  padding-right: 0px;
}
.form_container .form_group .input_container_75 {
  width: 75%;
  padding-right: 0px;
  padding-left: 0px;
  float: right;
}
.form_container .form_group .input_label_75 {
  width: 75%;
  float: left;
}
.form_container .form_group .input_container_100 {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.form_container .form_group .hyperlink_container {
  clear: both;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 25%;
  display: inline-block;
  padding: 10px 10px 0px 0px;
  position: relative;
}
.form_container .create_container .input_container:not(.display-none) {
  padding: 5px 10px;
}
.form_container .input_mright {
  margin-right: -3px;
}
.form_container .action-container {
  text-align: right;
  margin: 10px 0px 10px 0px;
}
.form_container #createForm .action-container {
  text-align: right;
  margin: 10px 10px 10px 0px;
}

/* CAMPO HYPERLINK */
a.input_hyperlink {
  border: 1px solid #9b9a9b;
  border-radius: 3px;
  padding: 5px 10px 5px 10px;
  width: calc(100% - 60px);
  position: absolute;
  height: 30px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--theme);
  background: transparent;
  display: inline-block;
  text-decoration: underline;
  font-size: 12px;
  outline: none;
  cursor: pointer !important;
  margin-top: 1px;
}
a.input_hyperlink.input_hyperlink_fill {
  width: 100%;
  position: relative;
  margin-top: 0px;
  margin-bottom: -10px;
}

input.input_hyperlink {
  font-size: 12px;
  color: #333333;
  background: transparent;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  width: calc(100% - 60px);
  border: 1px solid #9b9a9b;
  outline: none;
  padding-left: 10px;
}
input.input_hyperlink.input_hyperlink_fill {
  width: 100%;
}

.input_hyperlinkaction {
  border-radius: 5px;
  color: #333333;
  background-color: transparent;
  padding: 5px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: transparent;
  cursor: pointer;
  outline: none;
  margin-left: 10px;
  position: relative;
  left: calc(100% - 33px);
  top: 1px;
}

.input_hyperlinkaction_pencil {
  width: 15px;
  height: 15px;
  cursor: pointer;
  stroke: #4a494a;
}

.input_hyperlinkaction:hover {
  background-color: transparent;
  border: transparent;
}

/* END CAMPO HYPERLINK */
.form_title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--theme-900);
  margin-bottom: 18px;
}

.backoffice_wizard_title {
  font-size: 14px;
  padding-bottom: 15px;
  color: var(--theme);
}

.input_container {
  clear: both;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 25%;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
}

.action-bar-top {
  position: relative;
  right: 10px;
  float: right;
  z-index: 101;
  top: 20px;
}

/* END GENERAL STYLE*/
/*INPUTS*/
.input_label {
  font-size: 12px;
  color: #222222;
  display: flex;
  align-items: center;
  margin: 0px 0px 5px 0px;
  padding: 5px 0px 0px 0px;
}

.input_field {
  font-size: 12px;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  border: 1px solid #9b9a9b;
  outline: none;
  padding-left: 10px;
  font-family: "Plus Jakarta Sans";
  background-color: #FFF;
}

.input_field_empty {
  background-color: #fff;
  height: 30px;
  line-height: 30px;
  width: 100%;
  border: 1px solid #fff;
  outline: none;
}

.input_field:disabled {
  background-color: #f4f6f9;
  border: 1px solid #9b9a9b;
  cursor: not-allowed;
  opacity: 1;
}

.input_field_blocked {
  background-color: #f4f6f9;
  border: 1px solid #9b9a9b;
  cursor: not-allowed;
}

.input_field_calendar, .input_field_time {
  width: 100%;
  display: inline-block;
}

.icon_calendar {
  background-image: url(/images/icon_calendar.svg);
  background-repeat: no-repeat;
  height: 20px !important;
  width: 20px !important;
  background-color: transparent !important;
  border: none;
  outline: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.8;
  position: absolute;
  top: 5px;
  right: 5px;
}

.dataTable .icon_calendar {
  right: 12px !important;
}

.icon_time {
  background-image: url(/images/icon_time.svg);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: none;
  outline: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.8;
  background-size: 20px 20px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.input_selection {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

.textarea_container {
  padding: 10px 0px 0px 0px;
  display: block;
}

.input_textarea {
  border-radius: 3px;
  width: calc(100% - 10px);
  min-height: 100px;
  outline: none;
  padding: 10px;
  font-family: "Plus Jakarta Sans";
  resize: none;
  border: 1px solid #9b9a9b;
  font-size: 12px;
}

.input_textarea:disabled {
  background-color: #f4f6f9;
  border: 1px solid #9b9a9b;
  cursor: not-allowed;
  opacity: 1;
}

.label-required {
  color: var(--theme);
  display: inline;
  font-size: 14px;
}

.input-error-border {
  border: 1px solid red;
}

.p_absolute_inputsearch {
  position: absolute;
  left: 310px;
  top: 137px;
}

.p_absolute_iconsearch {
  position: absolute;
  left: 690px;
  top: 161px;
}

/*END INPUTS*/
.input-validation-error, .input-validation-error-custom {
  border: 1px solid red !important;
}

.checkbox_group.input-validation-error-custom {
  border: 1px solid red !important;
}

.datagrid-validation-error .dataTables_wrapper {
  border: solid 1px red;
}

/* END INPUTS*/
/*CLIPBOARD*/
.clipboard_container {
  position: relative;
}
.clipboard_container .clipboard_icon {
  background-color: transparent;
  border: none;
  outline: none;
  position: absolute;
  right: -5px;
  top: -2px;
  display: none;
  cursor: pointer;
}
.clipboard_container .clipboard_icon .copy_icon {
  height: 20px;
  width: 20px;
  fill: #4a494a;
}

td .input_container .clipboard_container .clipboard_icon {
  right: 5px;
  top: 5px;
}

.clipboard_container:hover > .clipboard_icon {
  display: block;
}

/*END CLIPBOARD*/
/*MULTIPLE CHECKBOX*/
.drop_btn {
  float: right;
  width: 14px;
  height: 10px;
  background-image: url("../../images/arrow_down.svg");
  background-repeat: no-repeat;
  margin: 10px;
}

.list_container {
  position: absolute;
  border: 1px solid #9b9a9b;
  width: calc(100% - 10px);
  border-bottom: none;
  border-top: none;
  display: none;
}
.list_container .list-item {
  padding: 9px;
  border-bottom: 1px solid #9b9a9b;
  background-color: white;
}

.clipboard_container label.checkbox {
  width: 105px;
  height: 22px;
}

.multicheckbox-position {
  margin-left: 25px;
  position: relative;
  top: 2px;
}

/*END Multiple checkbox*/
/*LOADER*/
.evalyze-loader-container {
  position: relative;
  width: calc(100vw - 165px);
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
}
.evalyze-loader-container .evalyze-loader {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  background: transparent url(/images/Loader_blue.svg) no-repeat center;
  background-size: 80px 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0.4;
}

.evalyze-loader-mini-container {
  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 0 10px;
  position: relative;
  vertical-align: middle;
}
.evalyze-loader-mini-container .evalyze-loader-mini {
  display: none;
  height: 100%;
  width: 100%;
  text-align: center;
  background: url(/images/Loader_blue.svg) no-repeat center;
  position: absolute;
}

/*END LOADER*/
/*Vertical Group*/
span.form_group.vertical > span {
  display: block !important;
}

/*END Vertical Group*/
.checkbox_group {
  border: 1px solid #9b9a9b;
  display: inline-block;
  padding: 6px 0px 0px 10px;
  border-radius: 3px;
  width: calc(100% - 12px);
  margin-bottom: 15px;
}

/*ALERTIFY*/
.alertify-notifier .ajs-message {
  border-radius: 5px;
  color: #fff;
  background: #9b9a9b;
  overflow-wrap: break-word;
}

.alertify-notifier .ajs-message.ajs-warning {
  background-color: #f9ca24;
}

.alertify-notifier .ajs-message.ajs-error {
  background-color: #EE402F;
}

/*END ALERTIFY*/
/* DATATABLE START  Updated css */
.form_group .evalyze-widget-datatable .input_container {
  width: 100%;
  padding: 0px 0px 0px 0px !important;
}

.form_group .evalyze-widget-datatable .input_container:not([evalyze-select]) {
  margin: -8px 0px 0px 0px;
}

.form_group .evalyze-widget-datatable .input_container[evalyze-select] {
  margin: 3px 0px 0px 0px;
}

.form_group .evalyze-widget-datatable .textarea_container {
  position: relative;
}

.form_group .evalyze-widget-datatable .textarea_container {
  padding: 0;
}

.form_group .evalyze-widget-datatable .textarea_container .input_label {
  padding: 3px 0;
  margin: 0;
}

.form_group .evalyze-widget-datatable .textarea_container textarea {
  padding-top: 6px;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 4px;
  min-height: auto;
  box-sizing: border-box;
}

.form_group .evalyze-widget-datatable .textarea_container textarea,
.form_group .evalyze-widget-datatable .input_container input,
.form_group .evalyze-widget-datatable .input_container select {
  width: 98%;
  height: 32px;
}

.form_group .evalyze-widget-datatable .clipboard_container .clipboard_icon {
  right: 14px !important;
}

.form_group .evalyze-widget-datatable .input_container .label-required {
  position: absolute;
  top: 20px;
  right: -10px;
}

.form_group .evalyze-widget-datatable .textarea_container .label-required {
  position: absolute;
  top: 14px;
  right: -10px;
}

.form_group .evalyze-widget-datatable .evalyze-widget-action {
  margin: 15px;
}

.form_group .evalyze-widget-datatable table button .icon_erase {
  margin: 10px 0px 5px 5px;
}

.form_group .evalyze-widget-datatable .icon_add {
  margin: 10px 27px 0px 0px;
}

.form_group .evalyze-widget-datatable td {
  width: 20%;
}

/*.form_group .evalyze-widget-datatable th:last-child, .form_group .evalyze-widget-datatable td:last-child {
    width: 0.2% !important;
}*/
/* DATATABLE END */
/*BETWEEN ACTIVITIES*/
.between_container {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}
.between_container .between_message_container {
  margin: 150px 0 40px 0;
}
.between_container .between_message_container h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.between_container .between_message_container p {
  font-size: 18px;
}
.between_container .align_center {
  display: inline-block;
  vertical-align: middle;
  margin-top: 50px;
}

/*END BETWEEN ACTIVITIES*/
span.input_container {
  padding: 10px 10px 0px 0px !important;
}

/* User Transfer Container Layout (Search Results) */
div#transferForm {
  margin: 5px 5px 0px -5px;
}

button#confirmTransferTable {
  margin: 20px 0px 10px 0px !important;
}

/* Workflow Export Link */
.workflow-export-link {
  text-decoration: underline;
  position: relative;
  top: 20px;
  color: #0000ee;
}

/* Workflow Export Button */
.workflow-import-button {
  position: absolute;
  bottom: 0.8vw;
  left: 23vw;
}

@media only screen and (min-width: 1824px) {
  .workflow-import-button {
    bottom: 0.65vw !important;
    left: 23.5vw !important;
  }
}
/* Permission Importlow Export Link */
.permission-export-link {
  text-decoration: underline;
  position: relative;
  top: 20px;
  /*top: 45px; */
  /* right: 135px; */
  color: #0000ee;
}

/* SaveAndDuplicate spacing between save */
.btnSaveAndDuplicateSpacing {
  margin-left: 10px;
}

/* Hide extra dropdown for "Lista de Equipas" on "Gestao de Utilizadores" page */
#createUser span#skills-button {
  display: none;
}

/* PAUSE MANAGEMENT - HIDE EXTRA DROPDOWNS - START */
#createForm span#process-button, #createForm span#users-button {
  display: none;
}

/* PAUSE MANAGEMENT - HIDE EXTRA DROPDOWNS - END */
/* email */
.email_cc_bcc_button {
  padding-left: 16px;
  cursor: pointer;
  display: inline-block;
}

.email-ai-container {
  float: right;
  margin-bottom: 10px;
  margin-top: 10px;
}
.email-ai-container svg {
  cursor: pointer;
}

.email-form-container {
  padding-right: 10px;
  display: flex;
}
.email-form-container .email-form-contents {
  flex: 60%;
  order: 1;
  padding-right: 10px;
}
.email-form-container .email-ai-chat-container {
  display: none;
  flex: 40%;
  order: 2;
  padding: 5px;
  margin-top: 10px;
  position: relative;
  flex-direction: column;
  /* Change to a column layout to respect the parent's height */
  max-height: 100%;
  /* Set max height to 100% of the parent's height */
  overflow: hidden;
  /* Hide any overflow that goes beyond the parent's height */
  padding-top: 62px;
}
.email-form-container .email-ai-chat-container .email-chat-container-title {
  font-size: 12px;
  color: #222222;
  padding-bottom: 5px;
  line-height: 20px;
}
.email-form-container .email-ai-chat-container .chat-message-input {
  align-self: flex-end;
  background-color: #3498db;
  padding: 10px;
  box-sizing: border-box;
}
.email-form-container .email-ai-chat-container > .chat-container-ai {
  background-color: var(--chatBackground);
  height: calc(100% - 12px);
  border: 1px solid #9b9a9b;
}
.email-form-container .email-ai-chat-container .btn_refresh {
  float: right;
  padding: 0px 20px !important;
}
.email-form-container .email-ai-chat-container .btn_refresh svg {
  width: 20px;
  height: 20px;
}

.evalyze-chat-icon {
  width: 30px;
  height: 30px;
  margin-top: 2px;
  float: left;
}

#evalyze-ai {
  position: fixed;
  z-index: 10;
  bottom: 10px;
  right: 52px;
  display: none;
  background-color: #fff;
  width: 440px;
  height: 500px;
  border: 1px solid var(--theme);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.chat-container-title {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  background-color: var(--theme);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #fff;
  padding-left: 10px;
  box-sizing: border-box;
}

.chat-container-ai {
  width: 100%;
  height: calc(100% - 40px);
  position: relative;
  padding: 10px;
  box-sizing: border-box;
}

.messages-container {
  height: calc(100% - 95px);
  width: calc(100% - 20px);
  overflow: auto;
  position: absolute;
}

.left-bubble {
  width: 90%;
  background-color: var(--chatLeft);
  border-radius: 10px;
  padding: 10px;
  margin: 5px 0;
  float: left;
}

.right-bubble {
  width: 90%;
  color: #4a494a;
  background-color: var(--chatRight);
  border-radius: 10px;
  padding: 10px;
  margin: 5px 0;
  float: right;
}

.input-container {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  height: 73px;
  padding: 0 10px 0px 10px;
}

.input-container button {
  background-color: #007bff;
  /* Change the background color as needed */
  color: white;
  /* Change text color as needed */
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  /* Add padding as needed */
  cursor: pointer;
}

.input-container textarea {
  flex: 1;
  border: 1px solid #9b9a9b;
  border-top-left-radius: 5px;
  padding: 5px;
  float: left;
  border-bottom-left-radius: 5px;
  border-right: none;
  width: calc(100% - 29px);
  resize: none;
  height: 73px;
  line-height: 20px;
}

.evalyze-ai-send {
  padding: 4px !important;
  float: left;
  background-color: #0075ae;
  fill: #fff;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: 0px;
}
.evalyze-ai-send svg {
  width: 19px;
  height: 62px;
}
.evalyze-ai-send.btn[disabled] {
  background-color: #a9a9a9;
  border: 1px solid #a9a9a9;
}

.document-link {
  text-decoration: underline;
  cursor: pointer;
}

.evalyze-message-content {
  float: left;
  line-height: 20px;
  font-size: 13px;
  white-space: pre-wrap;
  width: 100%;
}

.evalyze-use-message {
  float: left;
  margin-top: 10px;
}

.email-container {
  width: calc(100% - 10px);
  border: 1px solid #cecece;
  padding: 5px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
}
.email-container .email-hidden-area .email-actions {
  margin-bottom: 13px;
  float: right;
}
.email-container.email-collapsed {
  background-color: #ebebeb;
}
.email-container.email-collapsed .email-hidden-area {
  display: none;
  word-break: break-all;
}
.email-container .header-has-attachments .email-header-line {
  display: flex;
}
.email-container .header-has-attachments .email-header-line .header-entry {
  width: calc(50% - 15px);
  display: flex;
}
.email-container .email-header {
  cursor: pointer;
  float: left;
  display: inline-block;
  width: 100%;
}
.email-container .email-header-line {
  display: flex;
  width: 100%;
  padding: 6px 0px;
  position: relative;
}
.email-container .email-header-line .header-entry {
  width: 50%;
  float: left;
  display: flex;
}
.email-container .email-header-line .header-entry b {
  font-weight: bold;
  float: left;
}
.email-container .email-header-line .header-entry span {
  float: left;
  margin-left: 5px;
  display: inline-block;
}
.email-container .email-header-line .header-entry > .email-actions {
  position: absolute;
  margin-top: 13px;
  right: 0;
  z-index: 10;
}
.email-container .email-header-line .header-entry > .email-actions a {
  margin: 0px 3px;
}

.thread-container {
  margin: 25px 0px;
  padding: 10px;
}

.thread-container:nth-child(odd) {
  background-color: #f9f9f9;
}

.thread-container:nth-child(even) {
  background-color: #f4f6f9;
}

.email-thread-action-container {
  text-align: right;
  margin: 10px 0 0 0;
  display: table;
  width: 100%;
}

.email-action-container {
  display: flex;
  flex-direction: row;
}
.email-action-container .action-bar-attachments {
  order: 1;
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
.email-action-container .action-bar-attachments .action-bar-attachments-actions {
  display: flex;
  order: 1;
  flex-direction: row;
  padding-bottom: 12px;
}
.email-action-container .action-bar-buttons {
  display: flex;
  order: 2;
  align-self: start;
  margin-top: 34px;
}

.revert-message {
  font-weight: bold;
  background-color: beige;
  padding: 6px 10px;
  border-radius: 7px;
}

.btn-revert {
  padding: 6px 10px;
  cursor: pointer;
  color: red;
}

.btn-continue {
  padding: 6px 10px;
  cursor: pointer;
  color: blue;
}

.subtitle-background-color {
  position: sticky !important;
  top: 0 !important;
  margin-bottom: 25px;
  height: 26px;
  line-height: 26px;
  z-index: 1;
  font-size: 14px;
  padding-left: 10px;
}

.btnPause {
  margin-left: -2px;
}

.btnSearch {
  margin-left: 10px;
}

.btnTransfer {
  margin-left: 10px;
}

.btnMargin {
  margin-right: 10px;
}

/*MIXINS*/
/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
/*GENERAL BUTTON*/
.btn_container {
  /*line-height: 35px;*/
  margin-top: 10px;
}

.btn {
  border-radius: 5px;
  background-color: var(--theme);
  color: #fff;
  padding: 8px 16px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: 1px solid var(--theme);
  cursor: pointer;
  outline: none;
}
.btn:disabled {
  opacity: 0.5;
}
.btn:hover:not(:disabled):not(.evz-style):not(.btn_outline) {
  background-color: var(--buttonHover);
  border: 1px solid var(--buttonHover);
}

.btnMargin {
  margin-right: 10px;
}

.btnAlign {
  text-align: center;
}

.btn_outline {
  border-radius: 5px;
  background-color: transparent;
  color: var(--theme);
  padding: 8px 16px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: 1px solid var(--theme);
  cursor: pointer;
  outline: none;
}
.btn_outline:hover {
  border: 1px solid var(--buttonHover);
  color: var(--buttonHover);
}

.btn_disabled {
  border-radius: 5px;
  background-color: #9b9a9b;
  color: #fff;
  padding: 8px 16px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: 1px solid #9b9a9b;
  cursor: not-allowed;
  outline: none;
}
.btn_disabled:hover {
  background-color: #9b9a9b;
  border: 1px solid #9b9a9b;
}

/*SEARCH*/
.btn_input_search {
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  vertical-align: middle;
}
.btn_input_search .icon_search {
  width: 25px;
  height: 25px;
  fill: #686868;
}

/*LINK*/
.style-link a {
  text-decoration: none;
  border-bottom: 1px solid var(--theme);
}

/*CHECK BOX*/
/*Checkbox - Container*/
.checkbox {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
}

/* Hide default HTML checkbox */
.checkbox input {
  display: none;
}

/* The checkbox */
.checkbox_action {
  position: absolute;
  top: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #9b9a9b;
  z-index: 0;
  content: "";
  border-radius: 3px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

input:checked + .checkbox_action:before {
  position: absolute;
  top: 0px;
  left: -1px;
  width: 3px;
  height: 8px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  content: "";
  z-index: 1;
  -webkit-transition: 0.45s ease;
  transition: 0.45s ease;
}

input:checked + .checkbox_action {
  background-color: var(--theme);
  border: 1px solid var(--theme);
}

input:focus + .checkbox_action {
  box-shadow: 0 0 1px var(--theme);
}

/*RADIO BUTTON*/
/*Radio - Container*/
.radiobutton {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
}

/* Hide default HTML radiobutton */
.radiobutton input {
  display: none;
}

/* The radiobutton */
.radio_action {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #9b9a9b;
  z-index: 0;
  content: "";
  border-radius: 50%;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

input:checked + .radio_action {
  background-color: var(--theme);
  border: 1px solid var(--theme);
}

input:focus + .radio_action {
  box-shadow: 0 0 1px var(--theme);
}

/*SWITCH*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 15px;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  /*cursor: pointer;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: #9b9a9b 1px solid;
  background-color: #fff;
}

.slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 0px;
  bottom: 1px;
  background-color: #fff;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  box-shadow: 0px 0px 5px 1px #9b9a9b;
}

input:checked + .slider {
  background-color: var(--theme);
  border: 1px solid var(--theme);
}

/*switch checked & disable*/
input:checked:disabled + .slider {
  background-color: var(--theme);
  border: 1px solid var(--theme);
  cursor: not-allowed;
}

/*switch unchecked & disable*/
input:disabled + .slider {
  background-color: #b9b8b9;
  border: 1px solid #b9b8b9;
  cursor: not-allowed;
  opacity: 0.8;
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--theme);
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
  box-shadow: none;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Text of the active rounded sliders (should only be visible in the exported excel file) */
span.slider.round {
  color: transparent;
}

/*TABLE BUTTON*/
.side_btn_container {
  display: inline-block;
  top: 0;
  right: 0;
  vertical-align: middle;
}
.side_btn_container .btn_export {
  display: inline-block;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 54px;
  right: 10px;
}
.side_btn_container .btn_export .icon_export {
  width: 25px;
  height: 25px;
  fill: #4a494a;
}
.side_btn_container .btn_refresh {
  display: inline-block;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 54px;
  right: 10px;
}
.side_btn_container .btn_refresh .icon_refresh {
  width: 25px;
  height: 25px;
  fill: #4a494a;
}

.btn_export, .btn_refresh {
  display: inline-block;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
.btn_export svg, .btn_refresh svg {
  width: 25px;
  height: 25px;
  fill: #4a494a;
  margin: 0px -10px 0px 0px;
}

.btn_refresh {
  padding: 3px 10px !important;
}

.container_add_btn {
  margin-bottom: 25px;
  height: 30px;
}
.container_add_btn .btn_add {
  float: right;
  display: inline-block;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  margin-right: -15px;
}
.container_add_btn .btn_add .icon_add {
  width: 25px;
  height: 25px;
  fill: #EE402F;
}

/*END TABLE BUTTON*/
.dt-button.buttons-excel.buttons-html5.dt-buttons.datagrid_add_btn {
  position: relative;
  padding: 0;
  padding-left: 0px;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-image: none;
  filter: initial;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  margin-bottom: 0px;
  height: 30px;
  display: inline-block;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  margin-left: 5px;
}
.dt-button.buttons-excel.buttons-html5.dt-buttons.datagrid_add_btn svg {
  width: 25px;
  height: 25px;
  fill: #EE402F;
}

.datagrid_add_btn .icon_add {
  width: 25px;
  height: 25px;
  fill: #4a494a;
}

.btn_sun {
  background-image: url("../../images/icon_sun.svg");
  background-color: #686868;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 3px;
}

.btn_moon {
  background-image: url("../../images/icon_moon.svg");
  background-color: #b9b8b9;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 3px;
}

/*END LIGHT/DARK BUTTON*/
/* PAUSE BUTTON NAV */
.pausenav {
  background: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.3);
  display: block;
  font-size: 14px;
  font-weight: 400;
  max-height: 450px;
  left: 54px;
  position: absolute;
  overflow: hidden;
  transition: transform 0.3s;
  top: 0;
  width: 250px;
  z-index: 100;
}

/* END PAUSE BUTTON NAV */
/* Relatorio section */
span#ddlReports-button {
  overflow: hidden;
  width: 185%;
}

select#ddlReports {
  width: 195%;
}

/* END Relatorio*/
/*  Helper Buttons*/
.helperBtn {
  position: absolute;
  display: block;
  right: 75px;
  z-index: 5;
  margin-top: 6px;
}
.helperBtn button {
  border: none;
  border-radius: 75%;
  width: 50px;
  outline: none;
  margin-right: 10px;
}
.helperBtn svg {
  width: 25px;
  height: 25px;
  cursor: pointer;
  fill: #4a494a;
}

.btn_wizard_add {
  display: inline-block;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
  float: right;
}
.btn_wizard_add svg {
  width: 25px;
  height: 25px;
  fill: #EE402F;
  margin: 0px -10px 0px 0px;
}

/* END Helper Buttons */
/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
/*TABLE STYLE*/
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
table button {
  border: none;
  background-color: transparent;
  outline: none;
}
table button .icon_edit {
  width: 15px;
  height: 15px;
  cursor: pointer;
  stroke: #4a494a;
}
table button .icon_config {
  width: 15px;
  height: 15px;
  cursor: pointer;
  stroke: #4a494a;
  fill: transparent;
}
table button .icon_erase {
  width: 15px;
  height: 15px;
  cursor: pointer;
  fill: #4a494a;
}
table button .icon_erase:hover {
  fill: var(--theme);
}
table button:disabled .icon_erase {
  fill: #b9b8b9;
  cursor: not-allowed;
}
table button .icon_transfer {
  width: 15px;
  height: 15px;
  cursor: pointer;
  fill: #4a494a;
  float: left;
}
table button .icon_unlock {
  width: 15px;
  height: 15px;
  cursor: pointer;
  fill: #4a494a;
  float: left;
}
table button .icon_showmore {
  width: 13px;
  height: 15px;
  cursor: pointer;
  fill: #4a494a;
}

th {
  color: #686868;
  text-align: left;
  padding: 8px;
  font-size: 12px;
}

td {
  text-align: left;
  padding: 8px;
  vertical-align: middle;
}

/*TOOLTIP*/
.datatable_whitespace {
  white-space: normal;
  width: 100%;
}

.datatable_ellipsis {
  display: block;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dataTable:not(#pauseManagement, #tableSearch) {
  white-space: pre-wrap;
}

#tableSearch {
  /*white-space: normal !important;*/
}

/*COLOR STATUS*/
.color_yellow {
  color: #f9ca24;
  white-space: nowrap;
  font-weight: bold;
}

.color_red {
  color: #EE402F;
  white-space: nowrap;
  font-weight: bold;
}

.color_green {
  color: #7ED321;
  white-space: nowrap;
  font-weight: bold;
}

/* The details-control class is related to how the checkbox and lock is styled */
.details-control {
  vertical-align: middle;
  margin: 0 4px;
}

.details-control:first-child {
  margin-left: 0;
}

.details-control:last-child {
  margin-right: 0;
}

.details-control.config {
  margin-left: 20%;
}

table button {
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0;
}

/*END TABLE STYLE*/
/*SEMAFORO*/
.state_green {
  background-color: #7ED321;
}

.state_red {
  background-color: #EE402F;
}

.state_yellow {
  background-color: #f9ca24;
}

.circle {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: block;
}

/*CRIAR LINHA NA TABELA*/
.create_container {
  background-color: #f1f4f7;
  margin: 0px 0px 35px 0px;
  padding: 10px 20px 10px 20px;
  display: none;
}
.create_container .evalyze-loader-container {
  background-color: #f1f4f7;
  position: relative;
  height: 100%;
  top: 0;
  left: 0;
}

.create_container_transparent {
  background-color: transparent;
  margin: 0px 0px 35px 0px;
}

/*EDITAR LINHA NA TABELA*/
.edit_container {
  width: auto !important;
  line-height: normal;
  padding: 0px 15px 0px 0px;
  margin: -5px 0px -10px 10px;
}
.edit_container #createForm .clipboard_container .clipboard_icon {
  top: 5px;
  right: 10px;
}

/*CAIXA TRANSFERIR*/
.transfer_container {
  background-color: #f1f4f7;
  margin-top: 10px;
  padding: 15px 20px 25px 20px;
  width: 50%;
  display: none;
}

.transfer_container button#confirmTransfer {
  margin-left: 5px;
}

.transfer_container input#UserInput {
  margin-top: 2px;
}

.hideOverflow div {
  overflow: hidden !important;
  max-height: none !important;
  height: auto !important;
}

/* HOVER BUG FIX */
.spread_hover {
  background-color: #f1f4f7 !important;
}

td:hover {
  background-color: #f1f4f7;
}

/* TABLE - activityStatesByUser */
.fitTable {
  zoom: 0.9;
  font-size: 13px;
}

/* Align the elements of the inner table on the "Casos Tratados Por Utilizador" page - LAPTOP SCREEN */
table#activityStatesByUserGrid table {
  table-layout: fixed;
  width: 100%;
}

table#activityStatesByUserGrid table tr > *:nth-child(2) {
  width: 16.8% !important;
}

table#activityStatesByUserGrid table tr > *:nth-child(3) {
  width: 6.9% !important;
}

table#activityStatesByUserGrid table tr > *:nth-child(4) {
  width: 7.9% !important;
}

table#activityStatesByUserGrid table tr > *:nth-child(5) {
  width: 4.9% !important;
}

/* Align the elements of the inner table on the "Casos Tratados Por Utilizador" page - LARGE SCREEN */
@media only screen and (min-width: 1824px) {
  table#activityStatesByUserGrid table tr > *:nth-child(2) {
    width: 14.8% !important;
  }

  table#activityStatesByUserGrid table tr > *:nth-child(3) {
    width: 5.8% !important;
  }

  table#activityStatesByUserGrid table tr > *:nth-child(4) {
    width: 6.5% !important;
  }

  table#activityStatesByUserGrid table tr > *:nth-child(5) {
    width: 3.9% !important;
  }

  table#activityStatesByUserGrid table {
    overflow: hidden;
  }
}
/* Pause Management Table */
table#pauseManagement {
  width: 100% !important;
}

/* Adjust the Layout of the User Transfer Container (Search Results) */
.edit_container #transferForm #usersDiv {
  margin: 10px 10px 0px 0px;
}

.edit_container #transferForm #usersDiv #confirmTransferTable {
  margin: 20px 0px 10px 0px !important;
}

/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
.aside-menu-container .child-menu {
  position: fixed;
  z-index: 100;
  display: none;
}

.menu_pointer {
  display: block;
  position: absolute;
  z-index: 101;
  max-width: 25px;
  max-height: 33px;
  left: 45px;
}
.menu_pointer .menu_arrow {
  width: 25px;
  height: 33px;
  fill: #fff;
  filter: drop-shadow(-4px 0px 3px rgba(0, 0, 0, 0.1));
}

.child-menu.pauseoptions .sidenav,
.child-menu.pauseoptions .sidenav .scroll {
  max-height: 360px;
  overflow: auto;
}

.sidenav {
  background: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.3);
  display: block;
  font-size: 14px;
  font-weight: 400;
  max-height: 450px;
  left: 60px;
  position: absolute;
  overflow: hidden;
  transition: transform 0.3s;
  top: 0;
  width: 250px;
  z-index: 100;
}
.sidenav.show {
  transform: translate(0, 0);
}

.sidenav-brand {
  background: #FF5722;
  border-bottom: 1px solid #FF7043;
  color: #FAFAFA;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  padding: 20px 24px 19px;
}

.sidenav-header {
  background: var(--theme);
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  margin: 0;
  padding: 8px 15px 8px;
}
.sidenav-header .search_icon {
  width: 18px;
  height: 25px;
  float: left;
  fill: #fff;
}
.sidenav-header input {
  background-color: transparent;
  border: none;
  outline: none;
  color: #fff;
  width: calc(100% - 25px);
  margin-left: 5px;
}
.sidenav-header ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #f1f4f7;
}
.sidenav-header ::-moz-placeholder {
  /* Firefox 19+ */
  color: #f1f4f7;
}
.sidenav-header :-ms-input-placeholder {
  /* IE 10+ */
  color: #f1f4f7;
}
.sidenav-header :-moz-placeholder {
  /* Firefox 18- */
  color: #f1f4f7;
}
.sidenav-header small {
  display: block;
  font-size: 14.4px;
  line-height: 16px;
}

.sidenav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.sidenav-menu li {
  display: block;
  position: relative;
}
.sidenav-menu a {
  background: transparent;
  color: #9b9a9b;
  display: block;
  line-height: 20px;
  padding: 10px 10px 10px 37px;
  text-decoration: none;
}
.sidenav-menu a:hover {
  color: var(--theme);
}
.sidenav-menu a.active {
  color: #4a494a;
}
.sidenav-menu a.active .sidenav-link-icon,
.sidenav-menu a.active .sidenav-dropdown-icon {
  color: #FAFAFA;
}

.sidenav-link-icon {
  color: #757575;
  display: block;
  height: 24px;
  left: 24px;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 24px;
}

.sidenav-link-title {
  display: block;
  padding: 0;
}

.sidenav-dropdown {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidenav-dropdown a {
  background: #f4f6f9;
  color: #4a494a;
  padding: 7px 0 7px 37px;
  font-size: 14px;
}
.sidenav-dropdown a:hover {
  color: #222222;
}
.sidenav-dropdown li:first-child a {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.sidenav-dropdown li:last-child {
  border: none;
}

.sidenav-dropdown-icon {
  display: none;
  height: 15px;
  width: 15px;
  position: absolute;
  left: 18px;
  top: 11px;
}
.sidenav-dropdown-icon .menu_arrow_right {
  width: 10px;
  height: 10px;
  fill: #b9b8b9;
  transform: rotate(-90deg);
}
.sidenav-dropdown-icon .menu_arrow {
  width: 10px;
  height: 10px;
  fill: #b9b8b9;
}
.sidenav-dropdown-icon.show {
  display: block;
}

.sidenav-menu li:hover .sidenav-dropdown-icon svg {
  fill: var(--theme);
}

.sidenav-overlay {
  background: rgba(255, 255, 255, 0.8);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

.sidenav-no-scroll {
  overflow: hidden !important;
}

.widget-menu-scroll {
  max-height: 410px;
  min-height: 42px;
  overflow: auto;
}

.widget-select-scroll ul {
  max-height: 158px;
  overflow-y: scroll !important;
}

.widget-select-scroll {
  max-height: 158px;
}

/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
path.slice {
  stroke-width: 2px;
}

polyline {
  opacity: 0.3;
  stroke: #a0a0a0;
  stroke-width: 2px;
  fill: none;
}

span[evalyze-graphBuilder] svg {
  width: 100%;
  min-height: 300px;
  margin-top: 15px;
}

.cockpitGroupFilterDrop span[role=combobox] {
  height: 15.5px !important;
}

span[evalyze-graphBuilder] .graphFilterDrop {
  position: absolute;
  right: 0;
  top: -15px;
}

div[evalyze-cockpitview=Comparative] .divCockpitGroup .divCockpitContainer:nth-child(even),
div[evalyze-cockpitview=Ranking] .divCockpitGroup .divCockpitContainer:nth-child(odd) {
  margin-right: 5%;
}

.pieChartSpan {
  float: right;
  right: 15vw;
}

.groupLabel {
  font-size: 16px;
  color: var(--theme);
  display: inline-block;
  /*margin-top: 1vw;*/
  /*margin-bottom: 1vw;*/
  text-transform: uppercase;
}

.welcomeGroupSkillDiv {
  width: 100%;
  display: inline-block;
  height: 42px;
  line-height: 42px;
}

.welcomeGroupProductivityBox {
  display: block;
  padding-top: calc(10% - 125px);
  padding-bottom: calc(10% - 125px);
}

.divCockpitContainer {
  position: relative;
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  flex-wrap: wrap;
  width: 100%;
}

.cockpitGroupHeader {
  border-bottom: 2px #e5e5e5 solid;
  width: calc(100% + 35px);
  margin-left: -35px;
  padding-left: 35px;
  margin-right: -35px;
}

.groupedBarChartSpan {
  display: block;
  margin-bottom: 30px;
  max-height: 320px;
  position: relative;
}

.cockpitObjectLabel {
  display: block;
  font-size: 14px;
  color: #a0a0a0;
  text-transform: uppercase;
  float: left;
  width: 100%;
}

#UserDaily_1 > div.divCockpitGroup > div:nth-child(1) {
  width: 52% !important;
}

.welcomeGroup {
  border-bottom: 2px #e5e5e5 solid;
  position: relative;
  width: 100%;
  padding-left: 35px;
  top: -46px;
}

.divCockpitGroup {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 14px;
  padding-bottom: 14px;
  box-sizing: border-box;
}

.cockpitGroupFilterDrop {
  float: right;
  position: absolute;
  width: 10% !important;
  margin-top: 10px;
  max-width: 170px !important;
}

.cockpitPeriodOfTimeFilter {
  right: 0px;
  min-width: 170px;
  z-index: 1;
}

.cockpitSkillFilter {
  min-width: 170px;
  z-index: 1;
  order: 2;
  margin-right: 10px;
}

.cockpitSkillFilter.input_container {
  padding: 0px !important;
  width: 245px;
}

.cockpitUsersFilter.input_container {
  display: flex;
  position: unset;
  padding: 0 !important;
  margin-right: 10px;
  width: 250px;
  z-index: 1;
  order: 1;
}

.cockpitAvgOrTotalFilter {
  right: 180px;
  min-width: 170px;
  z-index: 1;
}

.divCockpitTable {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 14px;
}

.divCockpitTable th {
  font-size: 14px !important;
}

.divCockpitTable td {
  font-size: 14px !important;
}

.graphFilterDrop {
  display: block;
  float: right;
  right: 66px;
  width: 15%;
  min-width: 180px;
  z-index: 100;
}

.clock {
  font-size: 14px;
  float: right;
  position: relative;
  margin-right: 10px;
}

.cockpit-pause-button {
  display: flex;
  order: 4;
  z-index: 100;
}

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

.databox-fontsize-text {
  font-size: 1.3vw;
}

.welcome-box-container {
  display: block;
  float: left;
  width: 100%;
}

.welcome-box {
  background-color: #f1f1f1;
  color: #e5e5e5;
  display: inline-block;
  width: calc(25% - 69px + 31px) !important;
  margin-top: 2px !important;
  margin-right: 30px !important;
  margin-bottom: 15px !important;
  height: 3.6vw !important;
  border-radius: 0;
  border-top: 1px solid #cecece;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #cecece;
  padding-top: 10px !important;
  /*padding-right: 25px !important;*/
  padding-bottom: 25px !important;
  /*padding-left: 6px !important;*/
  background-color: #f4f6f9;
  color: #9b9a9b;
  float: left;
}

#tile_UserDaily_1 .welcome-box-container, #tile_UserDaily_2 .welcome-box-container {
  width: 98%;
}

#UserDaily_1 .divCockpitGroup {
  padding-right: 0;
}

#UserDaily_1 .divCockpitGroup .divCockpitContainer:first-child {
  border-right: 1px solid #cecece;
  box-sizing: border-box;
}

#UserDaily_1 .divCockpitGroup .divCockpitContainer:last-child {
  box-sizing: border-box;
  padding-left: 53px;
}

#tile_UserDaily_3 .welcome-box-container {
  float: right;
  width: 90%;
}

#tile_UserDaily_3 .welcome-box {
  width: calc(33.3333333333% - 53px + 31px) !important;
  margin-top: 15px !important;
  margin-right: 30px !important;
}

#tile_UserDaily_3 .welcome-box:nth-child(3n) {
  margin-right: 0 !important;
}

.welcome-box-label {
  margin-bottom: 4px;
  display: block;
  font-size: 0.8vw;
  color: #9b9a9b;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

.welcome-box-value {
  width: 100% !important;
  height: 1.4vw !important;
  display: block;
  font-size: 1.1vw;
  color: #4a494a;
  float: left;
  padding: 6px 0px;
  text-align: center;
}

.welcomeGroup span[evalyze-datagrid] table td, .welcomeGroup span[evalyze-datagrid] table tr, .welcomeGroup span[evalyze-datagrid] table th {
  background-color: #fff;
  border: none !important;
  font-weight: normal !important;
  text-align: center;
}

.welcomeGroup span[evalyze-datagrid]:not(.cockpitTableRanking) .dataTables_scrollBody table tbody tr:first-child td {
  font-weight: bold !important;
}

.welcomeGroup span[evalyze-datagrid]:not(.cockpitTableRanking) .dataTables_scrollBody table tbody tr td:first-child {
  text-align: right;
  text-transform: uppercase;
}

.welcomeGroup span[evalyze-datagrid].cockpitTableRanking .dataTables_scrollHeadInner table thead tr th {
  font-weight: bold !important;
}

.welcomeGroup span[evalyze-datagrid].cockpitTableRanking .dataTables_scrollBody table tbody tr td:first-child {
  text-transform: uppercase;
}

.welcomeGroup span[evalyze-datagrid].cockpitWideTable .dataTables_wrapper {
  padding-bottom: 20px;
  border-bottom: 2px #e5e5e5 solid;
}

.welcomeGroup span[evalyze-datagrid] table td {
  padding: 4px 10px 8px 10px !important;
}

.welcomeGroup .welcomeGroupSkillDiv span.input_container {
  padding: 0 !important;
  margin-top: 0px !important;
}

.welcomeGroup span[evalyze-databox].userStatusTile ul li {
  margin-bottom: 50px !important;
}

.welcomeGroup span[evalyze-datagrid] table .tmtSideBorders {
  border-right: 1px solid #cecece !important;
  /* border-left: 1px solid $lightest-grey !important;*/
}

@media only screen and (max-width: 1980px) {
  .welcomeGroup span[evalyze-datagrid] table th {
    width: 11.21% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .welcomeGroup span[evalyze-datagrid] table th {
    width: 11.3% !important;
  }
}
div[evalyze-cockpitview=UserDaily] span.cockpitSkillFilter {
  right: 334px !important;
  min-width: 170px;
  z-index: 1;
}

div[evalyze-cockpitview=UserDaily] span.cockpitUsersFilter {
  right: 430px !important;
  /*top: 21px;*/
  min-width: 170px;
  z-index: 1;
}

div[evalyze-cockpitview=Comparative] span.cockpitUsersFilter {
  right: 550px !important;
  /*top: 21px;*/
  min-width: 170px;
  z-index: 1;
}

.divCockpitGroup .evalyze-datagrid-action-buttons {
  display: none;
}

.cockpit_loader {
  width: 100% !important;
  text-align: center;
  background: transparent url(/images/Loader_blue.svg) no-repeat center;
  background-size: 80px 80px;
  z-index: 100;
  opacity: 0.4;
  border-top: 1px solid #cecece;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #cecece;
}

.welcome-box.cockpit_loader {
  width: 80% !important;
}

.divCockpitTable.cockpit_loader {
  min-height: 115px;
}

#tile_UserDaily_3 .welcome-box.cockpit_loader {
  width: 90% !important;
  height: 65% !important;
}

.groupedBarChartSpan.cockpit_loader {
  min-height: 320px;
  min-width: 600px;
  border: 0;
}

/*.welcomeGroup span[evalyze-datagrid] .dataTables_scrollBody table tbody tr td:first-child {
    text-align: right;
    text-transform: uppercase;
}*/
.welcomeGroup span[evalyze-datagrid] .dataTables_scrollHead table {
  width: 100% !important;
  /*table-layout: fixed !important;*/
}

.welcomeGroup span[evalyze-datagrid] .dataTables_scrollBody table {
  width: 100% !important;
  /*table-layout: fixed !important;*/
}

.welcomeGroup span[evalyze-datagrid] .dataTables_scrollBody table th {
  text-transform: uppercase !important;
}

.welcomeGroup span[evalyze-datagrid] .dataTables_scrollBody table td {
  text-align: center !important;
}

/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
.alertify .ajs-dialog {
  box-shadow: 0px 0px 15px 0px #868484;
}

button {
  border-radius: 5px;
  padding: 8px 16px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: 1px solid var(--theme);
  cursor: pointer;
  outline: none;
}
button.ajs-button.ajs-ok {
  background-color: var(--theme);
  color: #fff;
}
button.ajs-button.ajs-cancel {
  background-color: transparent;
  color: var(--theme);
}

.ajs-button.ajs-ok:hover {
  background-color: #A72D21;
  border: 1px solid #A72D21;
  color: #fff;
}

.ajs-button.ajs-cancel:hover {
  border: 1px solid #A72D21;
  color: #A72D21;
}

.ajs-header {
  color: #4a494a;
  background-color: #f1f1f1 !important;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  color: #4a494a;
  padding: 14px 30px;
}

.ajs-body {
  padding: 5px 0px 0px 0px;
}

.ajs-content {
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 600px;
}

.alertify .ajs-body {
  min-height: 40px;
}

.alertify .ajs-body .ajs-content {
  padding: 15px 0px 10px 0px;
  color: #4a494a;
  line-height: 1.3;
}

.alertify .ajs-commands button.ajs-close {
  background-size: 12px 12px;
  margin: 5px -10px 0px 0px;
}

.alertify .ajs-footer {
  padding: 7px 20px 14px 20px;
  text-align: right;
}

.DTE_Form_Buttons button {
  margin-right: 10px;
}
.DTE_Form_Buttons button:last-child {
  margin-right: 0;
}

a.back-to-top {
  display: none;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 10px;
  background: transparent url("../../img/top.png") no-repeat center 43%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.dashboard-item-container {
  width: 249px;
  height: 144px;
  cursor: pointer;
  border: 1px solid #848484;
  margin: 6px;
  position: relative;
  border-radius: 3px;
  display: inline-block;
}

.dashboard-item-container img {
  border-radius: 3px;
}

.dashboard-overlay {
  background: rgba(0, 0, 0, 0.4) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABpUExURf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////20B7XEAAAAjdFJOUwATIjA3PkFCTVJUVVZXWFpbXWprbG5+f56gpqyvvr/AycvM/FdjVgAAAP9JREFUSMftltsagiAQhCfLyqA0ybJzzvs/ZBeRgZiCdelcsvx+uyC7g8v1RkMzOMrM+O16wYPneSK0ZDJxkWgl3/FkfuYD9xMlvCV5uqNabJj7Ejk3iwpcIqfyIxRzLAlKQPkxigqQBIXGPbJSAIRGsOOuj9BbaqS/nnciH6SvnjpsIN3MJ2giXWdgpG0h38/ADIjXvbR8rK1y/cuAaWvKXxdTIovsFIomUdjpRpmzYd9c2RcYNWrUv+TzxMo47CHHJbgNaxdbq495NaWBre+HBhvexsOHRfhICh98geN1wBAPtwoDDMkA22OZK7GO3W3T2ltpc9WwcEcXOTQs3BPjuCUW0tlauAAAAABJRU5ErkJggg==") no-repeat center center;
  position: absolute;
  width: 100%;
  height: calc(100% - 25px);
  display: none;
}

.dashboard-item-title {
  position: absolute;
  bottom: 0;
  height: 25px;
  line-height: 25px;
  background: rgba(75, 75, 75, 0.9);
  width: 100%;
  color: white;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
}

div#ctl00_Content1_PanelDatatable {
  background-color: #f5f5f5 !important;
}

#iframe_dashboards {
  border: 1px solid #818181;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.iframe-title {
  width: 100%;
  height: 28px;
  line-height: 28px;
  background-color: #4b4b4b;
  color: #FFFFFF;
  font-size: 13px;
}

.iframe-title .title-text {
  margin-left: 10px;
}

.i-close-iframe {
  text-decoration: none;
  /*width: 16px;*/
  height: 28px;
  display: block;
  float: right;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAWElEQVR42ozS0QkAIAhFUd2rr/YfpRkyjYKS0heEYOf+xSJCdpiZoqOu6ii0gwzrbTPKgguvBY6j4InXg8D4FYTYByk+AwjvAMZHgGH7EQq7zd+7XwwBBgBnkJMeolR/bgAAAABJRU5ErkJggg==") no-repeat 4px 7px;
  margin: 0px 8px 0px 0px;
  padding-left: 22px;
  line-height: 28px;
  color: #FFF;
  font-size: 12px;
}

/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
.wizard_container {
  height: 100%;
}

.wizard_tab_content {
  border: 2px solid #f1f1f1;
  border-radius: 0px 5px 5px 5px;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  padding: 20px;
}

.wizard_tab_selected {
  background-color: #e0dede !important;
}

.wizard_tab_selected a {
  color: var(--theme) !important;
  font-weight: bold !important;
}

.steps {
  padding: 0;
  overflow: hidden;
  float: left;
  width: 100%;
}

.steps a {
  color: white;
  text-decoration: none;
  line-height: 26px;
  display: block;
  width: 100%;
  text-align: center;
  color: #9b9a9b;
  font-size: 14px;
}

.steps li {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  float: left;
  margin-left: 0;
  min-width: 88px;
  height: 34px;
  list-style-type: none;
  padding: 5px 10px 5px 10px;
  border-right: 3px solid white;
  position: relative;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.steps li:first-child {
  padding-left: 5px;
}

.steps li::after {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

/* Completed */
.steps li {
  background-color: #f1f1f1;
}

.steps li:hover {
  background-color: #e0dede;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

#skillsManagement_wrapper table {
  width: 100% !important;
}
#skillsManagement_wrapper table th:nth-child(1), #skillsManagement_wrapper table td:nth-child(1) {
  width: 4% !important;
}
#skillsManagement_wrapper table th:nth-child(2), #skillsManagement_wrapper table td:nth-child(2) {
  width: 26% !important;
}
#skillsManagement_wrapper table th:nth-child(3), #skillsManagement_wrapper table td:nth-child(3) {
  width: 20% !important;
}
#skillsManagement_wrapper table th:nth-child(4), #skillsManagement_wrapper table td:nth-child(4) {
  width: 20% !important;
}
#skillsManagement_wrapper table th:nth-child(5), #skillsManagement_wrapper table td:nth-child(5) {
  width: 20% !important;
}
#skillsManagement_wrapper table th:nth-child(6), #skillsManagement_wrapper table td:nth-child(6) {
  width: 5% !important;
}
#skillsManagement_wrapper table th:nth-child(7), #skillsManagement_wrapper table td:nth-child(7) {
  width: 5% !important;
}
#skillsManagement_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

#menusManagement_wrapper table {
  width: 100% !important;
}
#menusManagement_wrapper table th:nth-child(1), #menusManagement_wrapper table td:nth-child(1) {
  width: 4% !important;
}
#menusManagement_wrapper table th:nth-child(2), #menusManagement_wrapper table td:nth-child(2) {
  width: 10% !important;
}
#menusManagement_wrapper table th:nth-child(3), #menusManagement_wrapper table td:nth-child(3) {
  width: 61% !important;
}
#menusManagement_wrapper table th:nth-child(4), #menusManagement_wrapper table td:nth-child(4) {
  width: 5% !important;
}
#menusManagement_wrapper table th:nth-child(5), #menusManagement_wrapper table td:nth-child(5) {
  width: 5% !important;
}
#menusManagement_wrapper table th:nth-child(6), #menusManagement_wrapper table td:nth-child(6) {
  width: 5% !important;
}
#menusManagement_wrapper table th:nth-child(7), #menusManagement_wrapper table td:nth-child(7) {
  width: 5% !important;
}
#menusManagement_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

#fieldsManagement_wrapper table {
  width: 100% !important;
}
#fieldsManagement_wrapper table th:nth-child(1), #fieldsManagement_wrapper table td:nth-child(1) {
  width: 4% !important;
}
#fieldsManagement_wrapper table th:nth-child(2), #fieldsManagement_wrapper table td:nth-child(2) {
  width: 23% !important;
}
#fieldsManagement_wrapper table th:nth-child(3), #fieldsManagement_wrapper table td:nth-child(3) {
  width: 23% !important;
}
#fieldsManagement_wrapper table th:nth-child(4), #fieldsManagement_wrapper table td:nth-child(4) {
  width: 20% !important;
}
#fieldsManagement_wrapper table th:nth-child(5), #fieldsManagement_wrapper table td:nth-child(5) {
  width: 18% !important;
}
#fieldsManagement_wrapper table th:nth-child(6), #fieldsManagement_wrapper table td:nth-child(6) {
  width: 5% !important;
}
#fieldsManagement_wrapper table th:nth-child(7), #fieldsManagement_wrapper table td:nth-child(7) {
  width: 5% !important;
}
#fieldsManagement_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

#processManagement_wrapper table {
  width: 100% !important;
}
#processManagement_wrapper table th:nth-child(1), #processManagement_wrapper table td:nth-child(1) {
  width: 4% !important;
}
#processManagement_wrapper table th:nth-child(2), #processManagement_wrapper table td:nth-child(2) {
  width: 25% !important;
}
#processManagement_wrapper table th:nth-child(3), #processManagement_wrapper table td:nth-child(3) {
  width: 66% !important;
}
#processManagement_wrapper table th:nth-child(4), #processManagement_wrapper table td:nth-child(4) {
  width: 5% !important;
}
#processManagement_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

#boFileList_wrapper table {
  width: 100% !important;
}
#boFileList_wrapper table th:nth-child(1), #boFileList_wrapper table td:nth-child(1) {
  width: 28% !important;
}
#boFileList_wrapper table th:nth-child(2), #boFileList_wrapper table td:nth-child(2) {
  width: 18% !important;
}
#boFileList_wrapper table th:nth-child(3), #boFileList_wrapper table td:nth-child(3) {
  width: 18% !important;
}
#boFileList_wrapper table th:nth-child(4), #boFileList_wrapper table td:nth-child(4) {
  width: 18% !important;
}
#boFileList_wrapper table th:nth-child(5), #boFileList_wrapper table td:nth-child(5) {
  width: 18% !important;
}
#boFileList_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

.queue-query-area {
  height: 900px;
}

#importationManagement_wrapper table {
  width: 100% !important;
}
#importationManagement_wrapper table th:nth-child(1), #importationManagement_wrapper table td:nth-child(1) {
  width: 6% !important;
}
#importationManagement_wrapper table th:nth-child(2), #importationManagement_wrapper table td:nth-child(2) {
  width: 6% !important;
}
#importationManagement_wrapper table th:nth-child(3), #importationManagement_wrapper table td:nth-child(3) {
  width: 6% !important;
}
#importationManagement_wrapper table th:nth-child(4), #importationManagement_wrapper table td:nth-child(4) {
  width: 6% !important;
}
#importationManagement_wrapper table th:nth-child(5), #importationManagement_wrapper table td:nth-child(5) {
  width: 35% !important;
}
#importationManagement_wrapper table th:nth-child(6), #importationManagement_wrapper table td:nth-child(6) {
  width: 35% !important;
}
#importationManagement_wrapper table th:nth-child(7), #importationManagement_wrapper table td:nth-child(7) {
  width: 6% !important;
}
#importationManagement_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

#templateManagement_wrapper table {
  width: 100% !important;
}
#templateManagement_wrapper table th:nth-child(1), #templateManagement_wrapper table td:nth-child(1) {
  width: 4% !important;
}
#templateManagement_wrapper table th:nth-child(2), #templateManagement_wrapper table td:nth-child(2) {
  width: 4% !important;
}
#templateManagement_wrapper table th:nth-child(3), #templateManagement_wrapper table td:nth-child(3) {
  width: 14% !important;
}
#templateManagement_wrapper table th:nth-child(4), #templateManagement_wrapper table td:nth-child(4) {
  width: 73% !important;
}
#templateManagement_wrapper table th:nth-child(5), #templateManagement_wrapper table td:nth-child(5) {
  width: 5% !important;
}
#templateManagement_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

/*GENERAL COLORS*/
/*SHADES OF RED - THEME*/
/*$red: #EE402F;
$red-dark: #A72D21;*/
/*$hover-red: #c01f10;*/
/*SHADES OF BLUE - THEME*/
/*Shades of Blue:*/
/*$blue-50: #E3F2FD;
$blue-100: #BBDEFB;
$blue-200: #90CAF9;
$blue-300: #64B5F6;
$blue-400: #42A5F5;
$blue-500: #2196F3;
$blue-600: #1E88E5;
$blue-700: #1976D2;
$blue-800: #1565C0;
$blue-900: #0D47A1;
$blue-1000: #042c4c;*/
/*SHADES OF GREY (light theme )*/
/*SHADES OF GREY (dark theme )*/
/*SHADES OF BLUE (dark theme )*/
/*COLORS NEW*/
/*Shades of Blue:*/
/*Shades of Orange:*/
/*Shades of Grey:*/
/*Shades of BlueGrey:*/
/*Shades of darkGrey:*/
/*General Colors :*/
/*FONT SIZE*/
/*NEW*/
/*BORDER RADIUS*/
/*ICONS*/
/*MIXINS*/
legend {
  cursor: pointer;
}

.ajs-input {
  width: 100%;
  font-size: 14px;
  font-family: "Plus Jakarta Sans";
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #969696;
  outline: none;
}

.template-base,
.template-base * {
  box-sizing: border-box;
}

.template-base {
  width: 100%;
  display: inline-block;
}

.template-container {
  float: left;
  width: calc(100% - 280px - 20px);
  margin-right: 20px;
  display: inline-block;
  position: relative;
}

.template-container .action-container {
  text-align: right;
  margin: 10px 0px 0px 0px;
}

.template-designer,
.group-container {
  padding: 10px 10px;
  width: 100%;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}

.template-designer {
  min-height: 60px;
}

.group-container {
  margin: 20px 0px;
  padding: 20px 10px;
  position: relative;
}

.template-fields-container {
  width: 280px;
  display: inline-block;
  border: 1px solid #ccc;
  margin-top: 8px;
}

.group-container .group-actions {
  position: absolute;
  top: 12px;
  right: 10px;
  display: none;
  cursor: pointer;
}

.group-container .group-actions ul {
  float: right;
}

.group-container .group-actions ul li {
  display: inline-block;
  width: 20px;
}

.group-container:hover .group-actions {
  display: block;
}

ul.tab-list {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

ul.tab-list .tab-item {
  padding: 6px 15px;
  float: left;
  display: inline-block;
  border-right: 1px solid #fff;
  cursor: pointer;
}

ul.tab-list .tab-item:hover,
ul.tab-list .tab-item.tab-active {
  background-color: #f8f8f8;
  color: #000000;
  font-weight: bold;
}

ul.generic-tab {
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-top: 22px;
}

ul.generic-tab .generic-tab-item {
  padding: 6px 15px;
  display: inline-block;
  border-right: 1px solid #fff;
  cursor: pointer;
}

ul.generic-tab .generic-tab-item:hover,
ul.generic-tab .generic-tab-item.tab-active {
  background-color: #f8f8f8;
  color: #000000;
  font-weight: bold;
}

ul.tab-list .tab-item.tab-active {
  cursor: default;
}

.tab-element-generic ul li {
  background-color: #f8f8f8;
  border-bottom: 4px solid #fff;
  cursor: pointer;
}

.tab-element-generic ul li span {
  padding: 6px 10px;
  user-select: none;
  -webkit-user-select: none;
}

.tab-element-generic ul li:nth-child(even) {
  background-color: #fff;
}

.tab-element-generic ul li:nth-child(odd) {
  background-color: #f1f1f1;
}

.tab-element-generic ul li:hover {
  background-color: #f7f7f7;
}

.tab-content {
  width: 100%;
  float: left;
  padding: 4px;
  box-sizing: border-box;
  max-height: 800px;
  overflow: auto;
}

.tab-content ul {
  width: 100%;
  float: left;
}

.tab-content ul li {
  padding: 6px 10px;
  cursor: move;
  background-color: #f8f8f8;
  border-bottom: 4px solid #fff;
}

.tab-content ul li:nth-child(even) {
  background-color: #fff;
}

.tab-content ul li:nth-child(odd) {
  background-color: #f1f1f1;
}

.tab-content ul li:hover {
  background-color: #f7f7f7;
}

.tab-content li.tab-list-group {
  cursor: default;
  background-color: #fff;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  margin-bottom: 4px;
}

.tab-search {
  padding: 4px 4px 2px 4px;
  float: left;
  width: 100%;
}

.tab-search .searchFieldInput {
  float: left;
  width: 30px;
  height: 28px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.tab-search .searchFieldInput svg {
  fill: #686868;
  width: 16px;
  margin-top: 5px;
  margin-left: 5px;
}

.tab-search input {
  width: calc(100% - 30px);
  height: 28px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: none;
  padding: 0 4px;
  outline: none;
  float: left;
  font-size: 11px;
  font-family: "Plus Jakarta Sans";
}

.header-name {
  font-size: 14px;
  letter-spacing: 0px;
}

.header-name.template-name,
.header-name.group-name {
  text-transform: uppercase;
  font-weight: bold;
}

.header-name.template-name {
  color: #181818;
}

.header-name.group-name {
  color: var(--theme);
}

.header-name.template-name input,
.header-name.group-name input,
.header-name.field-name input {
  outline: none;
  border: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
  font-size: 14px;
  font-family: "Plus Jakarta Sans";
  height: 14px;
  letter-spacing: 0px;
}

.header-name.template-name input,
.header-name.group-name input {
  text-transform: uppercase;
  color: #EE402F;
  font-weight: bold;
}

.header-name.group-name,
.header-name.template-name {
  padding: 0px 6px;
}

.header-name.group-name input,
.header-name.template-name input {
  padding: 0px 6px;
}

.header-name.field-name {
  padding: 2px 0px;
  font-size: 12px;
}

.group-designer {
  table-layout: fixed;
}

.group-designer tr td {
  height: 36px;
  background-color: #f8f8f8;
  border: 2px solid #fff;
}

.group-designer tr td.row-new {
  cursor: pointer;
  text-align: center;
}

.group-designer tr td:not(.clear-styles):not(.row-sort):not(.row-action):hover {
  background-color: #ededed;
}

.group-designer tr td:not(.row-sort):not(.row-action):not(.row-new):not(.clear-styles) {
  width: 25%;
}

.group-designer tr td.row-action {
  width: 50px;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff;
  text-align: right;
}

.group-designer tr td.row-action ul {
  display: inline-block;
  float: right;
  display: none;
}

.group-designer tr:hover td.row-action ul {
  display: inline-block;
  width: 50px;
}

.group-designer tr td.row-action ul li {
  display: inline-block;
  width: 20px;
  text-align: center;
  cursor: pointer;
}

.group-designer tr td.clear-styles {
  background-color: #fff;
}

.group-designer tr td.clear-styles:first-child {
  width: 20px;
}

.group-designer tr td.clear-styles:last-child {
  width: 50px;
}

.field-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.field-container .field-actions {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.field-container:hover .field-actions {
  display: inline-block;
}

.field-container .field-actions ul {
  display: inline-block;
}

.field-container .field-actions ul li {
  display: inline-block;
  padding: 0px 5px;
  text-align: center;
  cursor: pointer;
}

.bo-field {
  font-size: 12px;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  border: 1px solid #9b9a9b;
  outline: none;
  padding-left: 10px;
  position: relative;
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bo-field-hyperlink {
  width: 100%;
  height: 30px;
  display: block;
  line-height: 30px;
}

textarea.bo-field {
  height: 60px;
  height: 70px;
  resize: none;
}

input[type=date].bo-field,
input[type=datetime-local].bo-field {
  background: #fff url(../images/icon-calendar.png) no-repeat 98% center;
}

input[type=number].bo-field::-webkit-inner-spin-button,
input[type=number].bo-field::-webkit-outer-spin-button {
  opacity: 1;
}

input[type=date].bo-field::-webkit-inner-spin-button,
input[type=date].bo-field::-webkit-outer-spin-button,
input[type=date].bo-field::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

/* Small fields (Preview)*/
.small-field-container {
  display: block;
  float: left;
  width: 100%;
}

.small-group-container {
  border: 1px solid #e0e0e0;
  padding: 10px 0px;
}

.small-group-container legend {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--theme);
  padding: 0px 5px;
}

.small-field-container legend {
  font-size: 11px;
  padding: 0px 0px 2px 0px;
  float: left;
  width: 100%;
}

.bo-field.small-bo-field {
  height: 24px;
}

.bo-field.small-bo-field-textarea {
  height: 34px;
}

.small-field-table {
  width: 100%;
  font-family: "Plus Jakarta Sans";
}

.small-field-table tr th {
  background-color: #fff;
  border: none;
}

.small-field-table tr td {
  background-color: #f1f1f1;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.bo-datatable {
  width: 100%;
  font-family: "Plus Jakarta Sans";
}

.bo-datatable tr th {
  background-color: #fff;
  border: none;
  height: 30px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  width: 25% !important;
}

.bo-datatable tr td {
  background-color: #f1f1f1;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: none;
  border-right: none;
  height: 30px;
  width: 25% !important;
}

.small-field-multicheckbox,
.field-multicheckbox {
  width: 100%;
  float: left;
  padding: 4px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background-color: #f8f8f8;
}

.small-field-option-container,
.field-option-container {
  float: left;
  padding: 0px 10px 0px 0px;
  display: inline-block;
}

.small-field-option-container input[type=checkbox],
.field-option-container input[type=checkbox] {
  float: left;
}

.small-field-option-container span,
.field-option-container span {
  float: left;
  padding: 3px 0px;
  font-size: 11px;
}

.field-option-container span {
  font-size: 12px;
}

.small-field-button {
  font-size: 10px;
  padding: 5px 10px;
  float: right;
  margin: 3px 0px 0px 0px;
}

.bo-button {
  float: right;
  margin: 10px 0px 0px 0px;
}

.name-error {
  color: #EE402F !important;
  text-decoration: underline;
}

.group-error {
  border: 1px solid #EE402F;
}

/* styles do jqueryUi*/
.ui-droppable-active,
.group-designer tr td.ui-droppable-active {
  background-color: #ededed;
}

.ui-droppable-active:hover,
.group-designer tr td.ui-droppable-active:hover {
  background-color: #ededed;
}

.ui-droppable-active,
.group-designer tr td.ui-droppable-active.ui-droppable-hover {
  background-color: #ededed;
}

svg.delete,
svg.row-move,
svg.group-move,
svg.field-move {
  height: 14px;
  width: 14px;
  fill: #686868;
}

svg.row-new {
  height: 24px;
  fill: #686868;
}

svg.delete:hover,
svg.row-new:hover,
svg.row-move:hover,
svg.group-move:hover,
svg.field-move:hover {
  fill: var(--theme-200);
}

.ui-draggable-dragging {
  z-index: 100000;
}

.bo-chat {
  background: transparent url(../images/widget-chat-send.jpg) no-repeat right center;
}

.bo-small-chat {
  background: transparent url(../images/widget-chat-small.jpg) no-repeat center bottom;
  height: 64px !important;
}

.users-loader {
  height: 100%;
  width: 100% !important;
  text-align: center;
  background: transparent url(/images/Loader_blue.svg) no-repeat center;
  background-size: 80px 80px;
  z-index: 100;
  opacity: 0.7;
  position: absolute;
  top: 0;
}

.divUsersTable {
  width: 100%;
  position: relative;
}

.form_group.importationRule_group {
  border: 1.5px #f1f1f1 solid;
  padding: 10px;
}

.cache-alert {
  position: relative;
  max-width: 620px;
  width: 90%;
  margin: 30px auto;
  padding: 28px 32px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  animation: fadeIn 0.4s ease-in;
}
.cache-alert h4 {
  margin: 0 0 20px 0;
  font-size: 1.25em;
  font-weight: 600;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  gap: 10px;
}
.cache-alert h4::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  animation: pulse 2s ease-in-out infinite;
}
.cache-alert-success {
  background: linear-gradient(to bottom, #f0f9ff 0%, #e0f2fe 100%);
  border-left: 5px solid #0284c7;
}
.cache-alert-success h4 {
  color: #075985;
}
.cache-alert-success h4::before {
  background-color: #0284c7;
}
.cache-alert-warning {
  background: linear-gradient(to bottom, #fffbeb 0%, #fef3c7 100%);
  border-left: 5px solid #f59e0b;
}
.cache-alert-warning h4 {
  color: #92400e;
}
.cache-alert-warning h4::before {
  background-color: #f59e0b;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.3);
  }
}
.component-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.component-item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  margin: 0;
  border-radius: 8px;
  font-size: 0.92em;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.component-item:hover {
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.component-item.component-success {
  background: linear-gradient(to right, rgba(220, 252, 231, 0.7) 0%, rgba(220, 252, 231, 0.3) 100%);
  color: #166534;
  border-color: rgba(34, 197, 94, 0.2);
}
.component-item.component-success .component-icon {
  color: #16a34a;
}
.component-item.component-error {
  background: linear-gradient(to right, rgba(254, 226, 226, 0.85) 0%, rgba(254, 226, 226, 0.45) 100%);
  color: #991b1b;
  border-color: rgba(239, 68, 68, 0.35);
  border-left: 4px solid rgba(239, 68, 68, 0.65);
  transform: translateX(-2px);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.12);
}
.component-item.component-error .component-icon {
  color: #dc2626;
}
.component-item.component-error .component-detail {
  font-weight: 600;
  color: #b91c1c;
}

.component-icon {
  margin-right: 14px;
  font-weight: bold;
  font-size: 1.15em;
  min-width: 20px;
  text-align: center;
}

.component-name {
  font-weight: 600;
  min-width: 120px;
  font-size: 0.98em;
}

.component-detail {
  flex: 1;
  font-size: 0.93em;
  opacity: 0.9;
  text-align: right;
  font-weight: 500;
}

.status-summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  font-size: 0.8em;
  font-weight: 500;
  margin-left: auto;
}

.status-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.85em;
  font-weight: 600;
}
.status-badge-success {
  background-color: rgba(34, 197, 94, 0.15);
  color: #16a34a;
}
.status-badge-error {
  background-color: rgba(239, 68, 68, 0.15);
  color: #dc2626;
}

.cache-timestamp {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 0.75em;
  opacity: 0.6;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 6px;
}
.cache-timestamp::before {
  content: "🕐";
  font-size: 1.1em;
  opacity: 0.7;
}
.cache-timestamp .timestamp-label {
  font-weight: 500;
  opacity: 0.7;
}
.cache-timestamp .timestamp-value {
  font-weight: 600;
  font-family: "Courier New", monospace;
  opacity: 1;
}

.info-text {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 0.85em;
  opacity: 0.65;
  text-align: center;
  font-style: italic;
}

@media (max-width: 600px) {
  .cache-alert {
    padding: 20px 18px;
  }
  .cache-alert h4 {
    font-size: 1.1em;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .status-summary {
    margin-left: 0;
  }

  .component-name {
    min-width: 90px;
  }

  .component-detail {
    font-size: 0.88em;
  }
}
* {
  font-family: "Plus Jakarta Sans", Tahoma, Geneva, Verdana, sans-serif !important;
  box-sizing: border-box;
  outline: none !important;
}

html {
  min-height: 100%;
  position: relative;
  font-size: 12px;
}

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Plus Jakarta Sans";
  padding-bottom: 40px;
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
}
body.light {
  background-color: #f4f6f9;
  color: #4a494a;
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /* Adjust the alignment of the multiselect and fieldselect */
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*MIXINS*/
  /*PAGINATION ICON*/
  /*END PAGINATION ICON*/
  /* All Datatables with no specific ID */
  /*PAGINATION*/
  /* Pagination alignment above the tables */
  /* Pagination alignment above the table (Gestao de Utilizadores) */
  /* Pagination alignment above the table (Gestao de Pausas) */
  /* Pagination layouts */
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*MIXINS*/
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*MIXINS*/
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*MIXINS*/
  /* .tooltipster-arrow-background */
  /* .tooltipster-arrow-border */
}
body.light .ui-datepicker {
  box-shadow: #9b9a9b 3px 1px 20px 0px;
}
body.light .ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
  color: #424242;
}
body.light .ui-datepicker td span,
body.light .ui-datepicker td a {
  display: block;
  padding: 0.4em;
  text-align: center;
  text-decoration: none;
  background-image: none;
  background-color: #fff;
  border: none;
}
body.light .ui-datepicker td span:hover,
body.light .ui-datepicker td a:hover {
  background-color: #eeeeee;
  /*border-radius: $btn-bradius;*/
}
body.light .ui-widget-content {
  background: #fff;
  /*color: #eeeeee;*/
  border: 1px solid #9b9a9b;
}
body.light .ui-widget-content a {
  color: #4a494a;
}
body.light .ui-widget-header {
  background: #fff;
  color: var(--theme);
  font-weight: bold;
  text-transform: uppercase;
  border: none;
}
body.light html .ui-button.ui-state-disabled:hover,
body.light html .ui-button.ui-state-disabled:active {
  background: #f4f6f9;
  font-weight: normal;
  color: #4a494a;
}
body.light .ui-state-hover,
body.light .ui-widget-content .ui-state-hover,
body.light .ui-widget-header .ui-state-hover,
body.light .ui-state-focus,
body.light .ui-widget-content .ui-state-focus,
body.light .ui-widget-header .ui-state-focus {
  background: #dddddd;
  font-weight: normal;
  color: #000000;
}
body.light .ui-button:hover, body.light .ui-button:focus {
  background-color: #fff;
}
body.light .ui-state-active,
body.light .ui-widget-content .ui-state-active,
body.light .ui-widget-header .ui-state-active,
body.light a.ui-button:active,
body.light .ui-button:active,
body.light .ui-button.ui-state-active:hover {
  background: var(--theme-900);
  border: none;
  font-weight: normal;
  color: #fff;
  /*border: none;*/
  /*border-radius: $btn-bradius;*/
}
body.light span.ui-button:active {
  color: #4a494a;
  background: none;
  background-color: #fff;
  border: 1px solid #9b9a9b;
  border-radius: 3px;
}
body.light .ui-state-highlight,
body.light .ui-widget-content .ui-state-highlight,
body.light .ui-widget-header .ui-state-highlight {
  background: var(--theme);
  color: #fff;
  /*border-radius: $btn-bradius;*/
  border: none;
}
body.light .ui-menu-item {
  list-style-image: none;
  border-bottom: 1px solid #9b9a9b;
  border-left: none;
  border-right: none;
}
body.light .ui-menu-item:last-child {
  border-bottom: none;
}
body.light .ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 9px 1em 9px 0.4em;
  color: #4a494a;
}
body.light .ui-button {
  border: 1px solid #9b9a9b;
  background: #fff;
  font-weight: normal;
  color: #333333;
  outline: none;
  width: calc(100% - 29px);
  top: -1.5px;
  height: 17.5px;
}
body.light .ui-button:active {
  border: 1px solid #9b9a9b;
}
body.light .ui-button:active > option {
  background-color: #fff;
  color: #222222;
}
body.light select.ui-button:active {
  background-color: #fff;
  color: #222222;
}
body.light .form_group .ui-state-disabled {
  background-color: #f4f6f9;
  border: 1px solid #9b9a9b;
  opacity: 1;
}
body.light span#speed-button {
  width: 90%;
  outline: none;
  border-radius: 3px;
}
body.light .ui-menu-item .ui-state-active {
  color: #fff;
  background: var(--theme);
  border: none;
  border-radius: 0;
}
body.light [evalyze-datagrid] .checkbox {
  display: inline;
  vertical-align: middle;
  /* Adjusts the check-boxes inside the table (Fila-CGD HH - Assignacao) */
  /*margin: 4px;*/
  /* Adjusts the check-boxes inside the table (Fila-CGD HH - Assignacao) */
  float: left;
  margin: 0 8px 0 4px;
}
body.light .ui-selectmenu-text {
  /* position: absolute; */
  margin: 2px 0px 0px -4px;
  font-size: 12px;
}
body.light .dataTable {
  font-family: "Plus Jakarta Sans";
}
body.light table.dataTable.stripe tbody tr.odd, body.light table.dataTable.display tbody tr.odd {
  background-color: #f4f6f9;
}
body.light table.dataTable.stripe tbody tr.odd, body.light table.dataTable.display tbody tr.edit_row {
  background-color: #f1f4f7;
}
body.light table.dataTable.hover tbody tr:hover, body.light table.dataTable.display tbody tr:hover {
  background-color: #f1f4f7;
  -webkit-box-shadow: -2px 0px 0px 0px var(--theme);
  -moz-box-shadow: -2px 0px 0px 0px var(--theme);
  box-shadow: -2px 0px 0px 0px var(--theme);
}
body.light .dataTables_info {
  display: none;
}
body.light table.dataTable thead th {
  border-bottom: 1px solid #e5e5e5;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  color: #222222;
  white-space: nowrap;
}
body.light table.dataTable.row-border tbody th, body.light table.dataTable.row-border tbody td, body.light table.dataTable.display tbody th, body.light table.dataTable.display tbody td {
  border-top: 1px solid #e5e5e5;
}
body.light table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
body.light table.dataTable thead td, body.light table.dataTable tfoot th,
body.light table.dataTable tfoot td {
  border: none;
  padding: 10px 18px 6px 15px;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #fff;
  background: none;
  border: none;
  color: var(--theme) !important;
}
body.light .dataTables_filter {
  margin-right: 10px;
  float: none;
}
body.light .dataTables_filter input {
  margin: 0;
}
body.light .dataTables_wrapper .btn_export {
  padding-top: 2px;
}
body.light .dataTables_wrapper .dataTables_paginate {
  padding-top: 1.25em;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button.first {
  background-image: url("../../../images/icon_first_pag.svg");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button.first:hover {
  border: none;
  background-image: url("../../../images/icon_first_pag.svg");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-image: url("../../../images/arrow_dark.svg");
  background-size: 13px 13px;
  background-position: center;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
  border: none;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-image: url("../../../images/arrow_dark.svg");
  background-size: 13px 13px;
  background-position: center;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  background-repeat: no-repeat;
  background-image: url("../../../images/arrow_dark.svg");
  background-size: 13px 13px;
  transform: rotate(0deg);
  background-position: center;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
  border: none;
  background-repeat: no-repeat;
  background-image: url("../../../images/arrow_dark.svg");
  background-size: 13px 13px;
  transform: rotate(0deg);
  background-position: center;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button.last {
  background-image: url("../../../images/icon_last_pag.svg");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {
  border: none;
  background-image: url("../../../images/icon_last_pag.svg");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
body.light div#usersManagement_paginate {
  position: relative;
  bottom: 0px !important;
  right: 0;
  margin-top: 0px;
}
body.light #activityStatesGrid_paginate {
  margin-top: 0px;
}
body.light div#activityStatesBySkillGrid_paginate {
  margin-top: 0px;
}
body.light #QueueGrid_paginate {
  margin-top: 0px;
}
body.light table.dataTable thead th.sorting_asc {
  font-weight: bold !important;
  color: #222222;
}
body.light table.dataTable thead .sorting_desc {
  font-weight: bold !important;
  color: #222222;
}
body.light table {
  outline: none;
}
body.light table.dataTable.display tbody tr td {
  padding: 10px 5px;
}
body.light table.dataTable.display tbody tr td:first-child {
  padding: 10px 5px 10px 15px;
}
body.light table.dataTable.display tbody tr td:last-child {
  padding: 10px 20px 10px 4px;
}
body.light table.dataTable thead th, body.light table.dataTable thead td {
  padding: 10px 5px;
  vertical-align: middle;
  white-space: pre-line;
  font-size: 12px;
}
body.light table.dataTable thead th, body.light table.dataTable thead td, body.light table.dataTable tfoot th, body.light table.dataTable tfoot td {
  padding: 10px 15px 10px 5px;
  vertical-align: middle;
  white-space: pre-line;
  font-size: 12px;
  text-transform: uppercase;
}
body.light table.dataTable thead th:first-child, body.light table.dataTable thead td:first-child, body.light table.dataTable tfoot th:first-child, body.light table.dataTable tfoot td:first-child {
  padding-left: 9px;
}
body.light table.dataTable.usersDataTable thead th, body.light table.dataTable.usersDataTable thead td {
  white-space: nowrap !important;
}
body.light table.dataTable thead .sorting,
body.light table.dataTable.display tbody tr.odd > .sorting_1,
body.light table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
body.light table.dataTable.display tbody tr.odd > .sorting_2,
body.light table.dataTable.order-column.stripe tbody tr.odd > .sorting_2,
body.light table.dataTable.display tbody tr.odd > .sorting_3,
body.light table.dataTable.order-column.stripe tbody tr.odd > .sorting_3,
body.light table.dataTable.display tbody tr.even > .sorting_1,
body.light table.dataTable.display tbody tr > .sorting_3,
body.light table.dataTable.display tbody tr > .sorting_2,
body.light .sorting_3 {
  background: none;
}
body.light table.dataTable.no-footer {
  border-bottom: 1px solid #e5e5e5;
  /*zoom: 0.9;
  font-size: 13px;*/
}
body.light .dataTables_wrapper .dataTables_length {
  margin-left: 10px;
  width: 80px !important;
}
body.light .evalyze-datagrid-action-buttons > * {
  display: inline-block;
  padding: 0 !important;
  margin: 0;
  text-align: unset;
  /*vertical-align: unset;
  float: none !important;*/
  float: left;
}
body.light .evalyze-datagrid-action-buttons {
  text-align: right;
  /*padding-top: 10px;*/
  float: right;
  white-space: normal;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: #4a494a;
  border: none;
}
body.light .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: var(--theme) !important;
  background-color: transparent;
  background: none;
  border: none;
}
body.light table.dataTable tbody td {
  padding: 10px 15px;
  line-height: 15px;
}
body.light .ui-corner-all, body.light .ui-corner-top, body.light .ui-corner-right {
  border-radius: 3px;
}
body.light .ui-icon-triangle-1-s {
  background-image: url("../../images/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 5px 6px;
  background-size: 10px;
}
body.light .evz-datagrid-select {
  width: 80px;
  margin: 1px 1px 0px 0px;
  height: 28px;
  font-size: 12px;
}
body.light div#usersManagement_length .evz-datagrid-select {
  margin: 1px 1px 0px 0px;
}
body.light div#usersManagement_userState .evz-datagrid-select {
  margin: 1px 1px 0px 0px;
  width: 100px !important;
}
body.light div#pauseManagement_length .evz-datagrid-select {
  margin: 1px 1px 0px 0px;
}
body.light .dt-buttons {
  vertical-align: top;
}
body.light .dt-buttons .btn_export, body.light .dt-buttons .btn_refresh {
  display: inline-block;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
body.light .dt-buttons .btn_export svg, body.light .dt-buttons .btn_refresh svg {
  width: 25px;
  height: 25px;
  fill: #4a494a;
}
body.light table.dataTable.display tbody td {
  padding: 15px;
}
body.light .dataTables_wrapper {
  margin-top: 5px;
  /*overflow: hidden !important;*/
}
body.light th.sorting_disabled label.checkbox {
  margin: 0px 0px 0px 10px;
  top: 0px;
}
body.light .dataTables_wrapper .dataTables_scroll {
  width: 100%;
}
body.light div#activityGrid_length {
  margin-bottom: 5px;
}
body.light div#tableSearch_length {
  margin-bottom: 5px;
}
body.light div#activityStatesByUserGrid_length {
  margin-bottom: 5px;
}
body.light .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #fff;
  border: none;
}
body.light .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, body.light .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: var(--theme);
  box-shadow: none;
}
body.light .xdsoft_datetimepicker .xdsoft_calendar td:hover, body.light .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #eeeeee !important;
  color: #4a494a !important;
}
body.light .xdsoft_time_box {
  border: none;
}
body.light .xdsoft_datetimepicker {
  font-family: "Plus Jakarta Sans";
  border: none;
  box-shadow: #9b9a9b 3px 1px 20px 0px;
}
body.light .xdsoft_datetimepicker .xdsoft_calendar th {
  border: none;
  background-color: #fff;
}
body.light .xdsoft_datetimepicker .xdsoft_calendar td, body.light .xdsoft_datetimepicker .xdsoft_calendar th {
  background-color: #fff;
}
body.light .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #222222;
  font-weight: 600;
}
body.light .ui-multiselect {
  padding: 6px 15px 6px 4px;
  width: 100% !important;
}
body.light .ui-multiselect-header {
  border-bottom: 1px solid #9b9a9b;
  padding: 8px 0 6px 4px;
  margin: 0;
}
body.light .ui-multiselect-header a:hover {
  text-decoration: none;
}
body.light .input_container .ui-state-default {
  background: #fff;
  border: 1px solid #9b9a9b;
  color: #4a494a;
  padding: 6px 2px 10px 4px;
  height: 30px;
  font-size: 12px;
  display: block;
}
body.light .input_container .ui-state-active {
  background: #fff;
  border: 1px solid #9b9a9b;
  color: #4a494a;
}
body.light .input_container .ui-state-disabled {
  background: #f4f6f9;
  border: 1px solid #9b9a9b;
  color: #4a494a;
}
body.light .ui-multiselect-checkboxes span {
  color: #4a494a;
}
body.light .ui-multiselect-checkboxes li {
  display: flex;
  color: #4a494a;
  font-size: 12px;
  border-bottom: 1px solid #9b9a9b;
  background-color: white;
  line-height: 20px;
  word-break: break-all;
  padding-left: 15px;
}
body.light .ui-multiselect-checkboxes li:hover {
  background-color: var(--theme);
  color: white !important;
}
body.light .ui-multiselect-checkboxes li:hover span {
  color: white !important;
}
body.light .ui-multiselect-optgroup a {
  text-align: start !important;
  padding-left: 29px !important;
}
body.light .ui-multiselect-checkboxes label.ui-state-hover {
  background: none;
  border: 1px solid transparent;
}
body.light .ui-multiselect-menu {
  padding: 0px;
  border: 1px solid #9b9a9b;
}
body.light .tooltipster-sidetip .tooltipster-box {
  background: #e5e5e5;
  border: 1px solid #e5e5e5;
  border-radius: #e5e5e5;
}
body.light .tooltipster-sidetip .tooltipster-box .tooltipster-content {
  color: #4a494a;
  font-size: 11px;
}
body.light .tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}
body.light .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #e5e5e5;
  left: 0;
  top: 1px;
}
body.light .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #e5e5e5;
  left: -1px;
  top: 0;
}
body.light .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #e5e5e5;
  left: 1px;
  top: 0;
}
body.light .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #e5e5e5;
  left: 0;
  top: -1px;
}
body.light .tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}
body.light .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #e5e5e5;
}
body.light .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #e5e5e5;
}
body.light .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #e5e5e5;
}
body.light .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #e5e5e5;
}
body.light .style-link a {
  color: #4a494a;
}
body.light .style-link a:hover {
  color: var(--theme);
}
body.dark {
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*MIXINS*/
  /*PAGINATION*/
  /*PAGINATION ICON*/
  /*END PAGINATION ICON*/
  /* Pagination alignment above the table */
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*MIXINS*/
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*MIXINS*/
  /*GENERAL COLORS*/
  /*SHADES OF RED - THEME*/
  /*$red: #EE402F;
  $red-dark: #A72D21;*/
  /*$hover-red: #c01f10;*/
  /*SHADES OF BLUE - THEME*/
  /*Shades of Blue:*/
  /*$blue-50: #E3F2FD;
  $blue-100: #BBDEFB;
  $blue-200: #90CAF9;
  $blue-300: #64B5F6;
  $blue-400: #42A5F5;
  $blue-500: #2196F3;
  $blue-600: #1E88E5;
  $blue-700: #1976D2;
  $blue-800: #1565C0;
  $blue-900: #0D47A1;
  $blue-1000: #042c4c;*/
  /*SHADES OF GREY (light theme )*/
  /*SHADES OF GREY (dark theme )*/
  /*SHADES OF BLUE (dark theme )*/
  /*COLORS NEW*/
  /*Shades of Blue:*/
  /*Shades of Orange:*/
  /*Shades of Grey:*/
  /*Shades of BlueGrey:*/
  /*Shades of darkGrey:*/
  /*General Colors :*/
  /*FONT SIZE*/
  /*NEW*/
  /*BORDER RADIUS*/
  /*ICONS*/
  /*MIXINS*/
  /* .tooltipster-arrow-background */
  /* .tooltipster-arrow-border */
  background-color: #383838;
  color: #fff;
  /*switch checked & disable*/
  /*switch unchecked & disable*/
  /* HOVER BUG FIX */
  /*WELCOME PAGE*/
  /* CAMPO HYPERLINK */
  /* END CAMPO HYPERLINK */
  /* Dropdown Arrow Layout on IE */
  /* Back Office Wizard */
  /*Template Designer */
  /* Completed */
  /* chat */
  /* Past OWN */
  /* New Modal */
}
body.dark .ui-datepicker {
  box-shadow: #4a494a 3px 1px 20px 0px;
}
body.dark .ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
  color: #e5e5e5;
}
body.dark .ui-datepicker td span,
body.dark .ui-datepicker td a {
  display: block;
  padding: 0.4em;
  text-align: center;
  text-decoration: none;
  background-image: none;
  background-color: #383838;
  border: none;
}
body.dark .ui-datepicker td span:hover,
body.dark .ui-datepicker td a:hover {
  background-color: #f1f4f7;
  /*border-radius: $btn-bradius;*/
}
body.dark .ui-widget-content {
  background: #282828;
  color: #fff;
  border: 1px solid #9b9a9b;
}
body.dark .ui-widget-content a {
  color: #e5e5e5;
}
body.dark .ui-widget-header {
  background: #383838;
  color: var(--theme);
  font-weight: bold;
  text-transform: uppercase;
  border: none;
}
body.dark html .ui-button.ui-state-disabled:hover,
body.dark html .ui-button.ui-state-disabled:active {
  background: #f4f6f9;
  font-weight: normal;
  color: #4a494a;
}
body.dark .ui-state-hover,
body.dark .ui-widget-content .ui-state-hover,
body.dark .ui-widget-header .ui-state-hover,
body.dark .ui-state-focus,
body.dark .ui-widget-content .ui-state-focus,
body.dark .ui-widget-header .ui-state-focus {
  background: #dddddd;
  font-weight: normal;
  color: #000000;
}
body.dark .ui-button:hover, body.dark .ui-button:focus {
  background-color: #282828;
}
body.dark .ui-state-active,
body.dark .ui-widget-content .ui-state-active,
body.dark .ui-widget-header .ui-state-active,
body.dark a.ui-button:active,
body.dark .ui-button:active,
body.dark .ui-button.ui-state-active:hover {
  background: var(--theme-900);
  border: none;
  font-weight: normal;
  color: #fff;
}
body.dark .ui-button:active > option {
  background-color: #282828;
  color: #fff;
}
body.dark select.ui-button:active {
  background-color: #282828;
  color: #fff;
}
body.dark span.ui-button:active {
  color: #fff;
  background: none;
  background-color: #383838;
  border: 1px solid #787c83;
  border-radius: 3px;
}
body.dark .ui-state-highlight,
body.dark .ui-widget-content .ui-state-highlight,
body.dark .ui-widget-header .ui-state-highlight {
  background: var(--theme);
  color: #fff;
  /*border-radius: $btn-bradius;*/
  border: none;
}
body.dark .ui-menu-item {
  list-style-image: none;
  border-bottom: 1px solid #9b9a9b;
  border-left: none;
  border-right: none;
}
body.dark .ui-menu-item:last-child {
  border-bottom: none;
}
body.dark .ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 9px 1em 9px 0.4em;
  color: #fff;
}
body.dark .ui-button {
  border: 1px solid #787c83;
  background: #282828;
  font-weight: normal;
  color: #fff;
  outline: none;
  width: calc(100% - 30px);
}
body.dark .ui-button:active {
  border: 1px solid #787c83;
}
body.dark .form_group .ui-state-disabled {
  background-color: #f4f6f9;
  border: 1px solid #9b9a9b;
  opacity: 1;
}
body.dark span#speed-button {
  width: 90%;
  outline: none;
  border-radius: 3px;
}
body.dark .ui-menu-item .ui-state-active {
  color: #fff;
  background: var(--theme);
  border: 1px solid var(--theme);
  /*margin: 1px 0px 1px 0px;*/
  border-radius: 0;
}
body.dark .dataTable {
  font-family: "Plus Jakarta Sans";
}
body.dark table.dataTable.stripe tbody tr.odd, body.dark table.dataTable.display tbody tr.odd {
  background-color: #383838;
}
body.dark table.dataTable.display tbody tr {
  background-color: #282828;
}
body.dark table.dataTable.stripe tbody tr.odd, body.dark table.dataTable.display tbody tr.edit_row {
  background-color: var(--theme-900);
}
body.dark table.dataTable.hover tbody tr:hover, body.dark table.dataTable.display tbody tr:hover {
  background-color: var(--theme-900);
  -webkit-box-shadow: -2px 0px 0px 0px var(--theme);
  -moz-box-shadow: -2px 0px 0px 0px var(--theme);
  box-shadow: -2px 0px 0px 0px var(--theme);
}
body.dark .dataTables_info {
  display: none;
}
body.dark table.dataTable thead th {
  border-bottom: 1px solid #787c83;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
body.dark table.dataTable.row-border tbody th, body.dark table.dataTable.row-border tbody td, body.dark table.dataTable.display tbody th, body.dark table.dataTable.display tbody td {
  border-top: 1px solid #787c83;
}
body.dark table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #fff;
  background: none;
  border: none;
  color: var(--theme) !important;
}
body.dark .dataTables_filter {
  /*display: none;*/
}
body.dark table.dataTable thead th.sorting_asc {
  font-weight: bold !important;
  color: #e5e5e5;
}
body.dark table.dataTable thead .sorting_desc {
  font-weight: bold !important;
  color: #e5e5e5;
}
body.dark table {
  outline: none;
}
body.dark table.dataTable thead .sorting,
body.dark table.dataTable.display tbody tr.odd > .sorting_1,
body.dark table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
body.dark table.dataTable.display tbody tr.odd > .sorting_2,
body.dark table.dataTable.order-column.stripe tbody tr.odd > .sorting_2,
body.dark table.dataTable.display tbody tr.odd > .sorting_3,
body.dark table.dataTable.order-column.stripe tbody tr.odd > .sorting_3,
body.dark table.dataTable.display tbody tr.even > .sorting_1 {
  background: none;
}
body.dark table.dataTable.no-footer {
  border-bottom: 1px solid #787c83;
}
body.dark .dataTables_wrapper .dataTables_length {
  color: #e5e5e5;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: #b9b8b9;
  border: none;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: var(--theme);
  background-color: transparent;
  background: none;
  border: none;
}
body.dark .dataTables_wrapper .dataTables_paginate .ellipsis {
  color: #787c83;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.first {
  background-image: url("../../../images/icon_first_pag_white.svg");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.first:hover {
  border: none;
  background-image: url("../../../images/icon_first_pag_white.svg");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-image: url("../../../images/arrow.svg");
  background-size: 13px 13px;
  background-position: center;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
  border: none;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-image: url("../../../images/arrow.svg");
  background-size: 13px 13px;
  background-position: center;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  background-repeat: no-repeat;
  background-image: url("../../../images/arrow.svg");
  background-size: 13px 13px;
  transform: rotate(0deg);
  background-position: center;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
  border: none;
  background-repeat: no-repeat;
  background-image: url("../../../images/arrow.svg");
  background-size: 13px 13px;
  transform: rotate(0deg);
  background-position: center;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.last {
  background-image: url("../../../images/icon_last_pag_white.svg");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {
  border: none;
  background-image: url("../../../images/icon_last_pag_white.svg");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
body.dark .ui-corner-all, body.dark .ui-corner-top, body.dark .ui-corner-right {
  border-radius: 3px;
}
body.dark .ui-icon-triangle-1-s {
  background-image: url("../../images/arrow_down_dm.svg");
  background-repeat: no-repeat;
  background-position: 5px 6px;
  background-size: 10px;
}
body.dark .evz-datagrid-select {
  width: 80px;
  margin: 1px 1px 0px 0px;
  height: 28px;
  font-size: 12px;
}
body.dark .xdsoft_datetimepicker {
  font-family: "Plus Jakarta Sans";
  border: none;
  box-shadow: #4a494a 3px 1px 20px 0px;
  background-color: #383838;
  /*display: block!important;*/
}
body.dark .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #282828;
  border: none;
  color: #e5e5e5;
}
body.dark .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: var(--theme);
  box-shadow: none;
}
body.dark .xdsoft_datetimepicker .xdsoft_calendar td > div {
  color: #fff;
}
body.dark .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #f1f4f7 !important;
  color: #4a494a !important;
}
body.dark .xdsoft_time_box {
  border: none;
}
body.dark .xdsoft_datetimepicker .xdsoft_calendar td:hover {
  background: #f1f4f7 !important;
  color: #4a494a !important;
}
body.dark .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  border: none;
}
body.dark .xdsoft_datetimepicker .xdsoft_calendar th {
  border: none;
  background-color: #282828;
}
body.dark .xdsoft_datetimepicker .xdsoft_calendar td, body.dark .xdsoft_datetimepicker .xdsoft_calendar th {
  background-color: #282828;
  border: none;
}
body.dark .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #fff;
  font-weight: 600;
}
body.dark .xdsoft_datetimepicker .xdsoft_label {
  background-color: #383838;
  color: #fff;
}
body.dark .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #787c83;
  background: #282828;
}
body.dark .ui-multiselect {
  padding: 6px 15px 6px 4px;
  width: 100% !important;
}
body.dark .ui-multiselect-header {
  border-bottom: 1px solid #9b9a9b;
  padding: 8px 0 6px 4px;
  margin: 0;
}
body.dark .ui-multiselect-header a:hover {
  text-decoration: none;
}
body.dark .input_container .ui-state-default {
  background: var(--dark-800);
  border: 1px solid var(--dark-700);
  color: #fff;
}
body.dark .input_container .ui-state-active {
  background: var(--dark-800);
  border: 1px solid var(--dark-700);
  color: #fff;
}
body.dark .input_container .ui-state-disabled {
  background: var(--dark-700);
  border: 1px solid var(--dark-700);
  color: #fff;
}
body.dark .ui-multiselect-checkboxes span {
  color: #4a494a;
}
body.dark .ui-multiselect-checkboxes li {
  color: white;
  font-size: 12px;
  border-bottom: 1px solid #9b9a9b;
  background-color: var(--dark-800);
}
body.dark .ui-multiselect-checkboxes li:hover {
  background-color: var(--theme);
  color: white;
}
body.dark .ui-multiselect-checkboxes label.ui-state-hover {
  background: none;
  border: 1px solid transparent;
}
body.dark .ui-multiselect-menu {
  padding: 0px;
  border: 1px solid #9b9a9b;
}
body.dark .tooltipster-sidetip .tooltipster-box {
  background: #787c83;
  border: 1px solid #787c83;
  border-radius: 3px;
}
body.dark .tooltipster-sidetip .tooltipster-box .tooltipster-content {
  color: #fff;
  font-size: 11px;
}
body.dark .tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}
body.dark .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #787c83;
  left: 0;
  top: 1px;
}
body.dark .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #787c83;
  left: -1px;
  top: 0;
}
body.dark .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #787c83;
  left: 1px;
  top: 0;
}
body.dark .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #787c83;
  left: 0;
  top: -1px;
}
body.dark .tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}
body.dark .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #787c83;
}
body.dark .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #787c83;
}
body.dark .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #787c83;
}
body.dark .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #787c83;
}
body.dark .evalyze-loader {
  background-color: transparent;
}
body.dark .relative {
  background-color: #282828;
}
body.dark .evalyze-loader-container {
  background-color: #181818;
}
body.dark .aside-menu-container .icon-link {
  border-left: 3px solid #383838;
}
body.dark .aside-menu-container .icon-link:hover {
  border-left: 3px solid var(--theme);
}
body.dark .aside-menu-container .icon-link svg {
  fill: #e5e5e5;
}
body.dark .aside-menu-container .icon_logout {
  fill: #b9b8b9;
}
body.dark .aside-menu-container .icon_logout:hover {
  fill: var(--buttonHover);
}
body.dark .aside-menu-container .bycloser svg {
  fill: #b9b8b9;
}
body.dark .aside-menu-container .bycloser svg:hover {
  fill: #fd9421;
}
body.dark li.icon-link:hover svg {
  fill: var(--buttonHover);
}
body.dark .navbar .quick-links-container .quick-link a {
  color: #b9b8b9;
  border: 1px solid #787c83;
}
body.dark .navbar .quick-links-container .quick-link a:hover {
  color: var(--buttonHover);
  border: 1px solid var(--buttonHover);
}
body.dark .navbar .search-container .search-style {
  color: #fff;
  border: 1px solid #787c83;
}
body.dark .navbar .search-container .search-style .search_button .search_icon {
  fill: #e5e5e5;
}
body.dark .navbar .search-container .search-style .search-input {
  color: #fff;
}
body.dark .navbar .search-container .search-style .search-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #e5e5e5;
  opacity: 1;
  /* Firefox */
}
body.dark .navbar .user-description-container .login a {
  color: #e5e5e5;
}
body.dark .navbar .user-description-container .type-login a {
  color: #b9b8b9;
}
body.dark .navbar .page-title .title {
  color: #e5e5e5;
}
body.dark .form_container {
  background-color: #282828;
}
body.dark .form_container .input_label {
  color: #e5e5e5;
}
body.dark .form_container .input_field {
  border: 1px solid #787c83;
  background-color: #282828;
  /*background-color: transparent;*/
  color: #fff;
}
body.dark .form_container .input_field:disabled {
  border: 1px solid #787c83;
  background-color: #383838;
}
body.dark .form_container .input_field_empty {
  background-color: #282828;
  border: 1px solid #282828;
}
body.dark .form_container .input_textarea {
  background-color: #282828;
  border: 1px solid #787c83;
  color: #fff;
}
body.dark .form_container .input_textarea_disable:disabled {
  background-color: #383838;
  border: 1px solid #787c83;
}
body.dark .form_container .clipboard_container .copy_icon {
  fill: #e5e5e5;
}
body.dark .btn_input_search .icon_search {
  fill: #b9b8b9;
}
body.dark .icon_calendar {
  background-image: url(/images/icon_calendar_dm.svg);
}
body.dark .icon_time {
  background-image: url(/images/icon_time_dm.svg);
}
body.dark .btn_export .icon_export {
  fill: #e5e5e5;
}
body.dark .btn_refresh .icon_refresh {
  fill: #e5e5e5;
}
body.dark .btn_add .icon_add {
  fill: #e5e5e5;
}
body.dark .style-link a {
  color: #fff;
}
body.dark .style-link a:hover {
  color: var(--buttonHover);
}
body.dark thead {
  background-color: #282828;
}
body.dark .sidenav {
  background-color: #383838;
  color: #fff;
  box-shadow: 0px 1px 21px 4px rgba(0, 0, 0, 0.4);
}
body.dark .sidenav-menu a {
  color: #fff;
}
body.dark .sidenav-menu a:hover {
  color: var(--buttonHover);
  font-weight: normal;
}
body.dark .sidenav-dropdown a {
  background-color: #282828;
  color: #e5e5e5;
}
body.dark .sidenav-dropdown a:hover {
  color: #fff;
  font-weight: normal;
}
body.dark .menu_pointer .menu_arrow {
  fill: #383838;
}
body.dark .create_container, body.dark .transfer_container {
  background-color: var(--theme-900);
}
body.dark .slider {
  background-color: #383838;
}
body.dark input:checked + .slider {
  background-color: var(--theme);
  border: 1px solid var(--theme);
}
body.dark input:checked:disabled + .slider {
  background-color: var(--theme);
  border: 1px solid var(--theme);
  cursor: not-allowed;
}
body.dark input:disabled + .slider {
  background-color: #b9b8b9;
  border: 1px solid #b9b8b9;
  cursor: not-allowed;
}
body.dark .icon_edit {
  stroke: #e5e5e5;
}
body.dark .icon_transfer {
  fill: #e5e5e5;
}
body.dark .icon_unlock {
  fill: #e5e5e5;
}
body.dark .icon_add {
  fill: #e5e5e5;
}
body.dark .icon_showmore {
  fill: #e5e5e5;
}
body.dark .icon_erase {
  fill: #e5e5e5;
}
body.dark .drop_btn {
  background-image: url("../../images/arrow_down_dm.svg");
}
body.dark .spread_hover {
  background-color: var(--theme-900) !important;
}
body.dark td:hover {
  background-color: var(--theme-900);
}
body.dark .welcome-box {
  border: 1px solid #787c83;
  background-color: #383838;
  color: #fff;
}
body.dark .welcome-box .welcome-box-label {
  color: #b9b8b9;
}
body.dark .welcome-box .welcome-box-value {
  color: #fff;
}
body.dark .search-container input:-webkit-autofill,
body.dark .search-container input:-webkit-autofill:hover,
body.dark .search-container input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 10px #383838 inset;
  -webkit-text-fill-color: #fff;
}
body.dark .input_container .input_field:-webkit-autofill,
body.dark .input_container .input_field:-webkit-autofill:hover,
body.dark .input_container .input_field:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 100px #282828 inset;
  -webkit-text-fill-color: #fff;
}
body.dark .input-error-border {
  border: 1px solid red !important;
}
body.dark .input_hyperlinkaction_pencil {
  stroke: #fff;
}
body.dark a.input_hyperlink, body.dark a.input_hyperlink_fill {
  color: var(--theme-200);
}
body.dark input.input_hyperlink, body.dark input.input_hyperlink_fill {
  color: #fff;
}
body.dark select::-ms-expand {
  color: #fff;
}
body.dark select::-ms-expand:hover {
  color: #000000;
}
body.dark .wizard_tab_content {
  border: 2px solid #282828;
}
body.dark .wizard_tab {
  background-color: #282828;
  border: 1px solid #282828;
}
body.dark .wizard_tab:after {
  border-left: 30px solid #282828;
}
body.dark .wizard_tab:hover::after {
  border-left: 30px solid #e0dede;
}
body.dark .wizard_tab:before {
  border-left: 35px solid #181818;
}
body.dark .template-designer,
body.dark .group-container {
  border: 1px solid #787c83;
  background-color: #282828;
}
body.dark .template-fields-container {
  border: 1px solid #787c83;
  background-color: #282828;
}
body.dark ul.tab-list {
  border-bottom: 1px solid #787c83;
}
body.dark ul.tab-list .tab-item {
  color: #a0a0a0;
  border-right: 1px solid #282828;
}
body.dark ul.tab-list .tab-item:hover,
body.dark ul.tab-list .tab-item.tab-active {
  background-color: #282828;
  color: #f8f8f8;
}
body.dark .tab-content ul li {
  background-color: #282828;
  border-bottom: 4px solid #282828;
}
body.dark .tab-content ul li:nth-child(even) {
  background-color: #181818;
}
body.dark .tab-content ul li:nth-child(odd) {
  background-color: #282828;
}
body.dark .tab-content ul li:hover {
  background-color: var(--dark-800);
}
body.dark .tab-content li.tab-list-group {
  background-color: #282828;
  border-top: 1px solid #787c83;
  border-bottom: 1px solid #787c83;
  color: #a0a0a0;
}
body.dark .tab-search .searchFieldInput {
  background-color: #282828;
  border-top: 1px solid #787c83;
  border-left: 1px solid #787c83;
  border-bottom: 1px solid #787c83;
}
body.dark .tab-search .searchFieldInput svg {
  fill: #e5e5e5;
}
body.dark .tab-search input {
  border-top: 1px solid #787c83;
  border-right: 1px solid #787c83;
  border-bottom: 1px solid #787c83;
  background-color: #282828;
  color: #e5e5e5;
}
body.dark .header-name.template-name input,
body.dark .header-name.group-name input,
body.dark .header-name.field-name input {
  border-bottom: 1px solid #787c83;
}
body.dark .header-name.template-name {
  color: #f8f8f8;
}
body.dark .group-designer tr td {
  background-color: #333333;
  border: 2px solid #282828;
}
body.dark .group-designer tr td:not(.clear-styles):not(.row-sort):not(.row-action):hover {
  background-color: var(--dark-800);
}
body.dark .group-designer tr td.row-action,
body.dark .group-designer tr td.clear-styles {
  background-color: #282828;
}
body.dark .bo-field {
  border: 1px solid #787c83;
  background-color: #282828;
  color: #e5e5e5;
}
body.dark .small-group-container {
  border: 1px solid #787c83;
}
body.dark .small-field-table tr th {
  background-color: #282828;
}
body.dark .small-field-table tr td {
  background-color: #282828;
  border-top: 1px solid #787c83;
  border-bottom: 1px solid #787c83;
}
body.dark .bo-datatable tr th {
  background-color: #282828;
  color: #e5e5e5;
}
body.dark .bo-datatable tr td {
  background-color: #282828;
  border-top: 1px solid #787c83;
  border-bottom: 1px solid #787c83;
}
body.dark .small-field-multicheckbox,
body.dark .field-multicheckbox {
  border: 1px solid #787c83;
  background-color: #282828;
}
body.dark .ui-droppable-active,
body.dark .group-designer tr td.ui-droppable-active {
  background-color: var(--dark-800);
}
body.dark .ui-droppable-active:hover,
body.dark .group-designer tr td.ui-droppable-active:hover {
  background-color: var(--dark-800);
}
body.dark .ui-droppable-active,
body.dark .group-designer tr td.ui-droppable-active.ui-droppable-hover {
  background-color: var(--dark-800);
}
body.dark svg.delete,
body.dark svg.row-new,
body.dark svg.row-move,
body.dark svg.group-move,
body.dark svg.field-move {
  fill: #e5e5e5;
}
body.dark svg.delete:hover,
body.dark svg.row-new:hover,
body.dark svg.row-move:hover,
body.dark svg.group-move:hover,
body.dark svg.field-move:hover {
  fill: var(--theme-200);
}
body.dark .helperSpan_Title {
  color: #f8f8f8;
}
body.dark .welcomeGroup span[evalyze-datagrid] table td, body.dark .welcomeGroup span[evalyze-datagrid] table tr, body.dark .welcomeGroup span[evalyze-datagrid] table th {
  background-color: #282828;
}
body.dark .wizard_tab_content {
  border: 2px solid #3b3b3b;
}
body.dark .wizard_tab_selected {
  background-color: #515151 !important;
}
body.dark .wizard_tab_selected a {
  color: var(--theme-200) !important;
}
body.dark .steps a {
  color: #9b9a9b;
}
body.dark .steps li {
  border-right: 3px solid #181818;
}
body.dark .steps li:nth-child(n+2)::before {
  border-left: 25px solid #181818;
  /* width: arrow width, color: background of document */
}
body.dark .steps li::after {
  border-left: 25px solid #181818;
}
body.dark .steps li {
  background-color: #3b3b3b;
}
body.dark .steps li::after {
  border-left-color: #282828;
}
body.dark .steps li:hover {
  background-color: #515151;
}
body.dark .steps li:hover::after {
  border-left-color: #3e3e3e;
}
body.dark .helperSpan {
  background-color: #282828;
}
body.dark .helperSpan span.helperSpan_Title {
  color: #e5e5e5;
}
body.dark .helperSpan .helperSpan_Content .subTitle {
  color: var(--theme-200);
}
body.dark .helperBtn svg {
  fill: #e9e9e9;
}
body.dark table button .icon_config {
  stroke: #b9b9b9;
}
body.dark .c3 text {
  fill: #fff;
}
body.dark .c3 path, body.dark .c3 line {
  stroke: #787c83;
}
body.dark table.chat {
  background-color: #090c0f;
}
body.dark table td.header table {
  background-color: #282828;
  border-bottom: 1px solid #787c83;
}
body.dark table td.header .number {
  color: #badf60;
}
body.dark table td.header .i-whatsapp {
  fill: #badf60;
}
body.dark table td.header .green-text {
  color: #badf60;
}
body.dark table td.header .green-text svg {
  fill: #badf60;
}
body.dark table td.header table .badge svg {
  fill: #26341b;
}
body.dark table td.messages .message-container .new-messages hr {
  background-color: #787c83;
}
body.dark table td.messages .message-container .new-messages div {
  background-color: #231f20;
  border: 1px solid #787c83;
}
body.dark .box-message {
  background-color: #333131;
}
body.dark .box-message .message {
  color: #f7f7f7;
}
body.dark .box-message.own {
  border: 1px solid #116f96;
}
body.dark .box-message.own:after {
  border-color: #333131 transparent transparent transparent;
}
body.dark .box-message.own:before {
  border-color: #116f96 transparent transparent transparent;
}
body.dark .box-message.own .detail {
  background-color: #05384e;
  border-top: 1px solid #116f96;
  color: #81c0e4;
}
body.dark .box-message.own .detail svg {
  fill: #81c0e4;
}
body.dark .box-message.client {
  border: 1px solid #5f5f5f;
}
body.dark .box-message.client:after {
  border-color: transparent #191919 transparent transparent;
}
body.dark .box-message.client:before {
  border-color: transparent #5f5f5f transparent transparent;
}
body.dark .box-message.client .detail {
  background-color: #191919;
  border-top: 1px solid #5f5f5f;
  color: #e8dede;
}
body.dark .box-message.client .detail svg {
  fill: #e8dede;
}
body.dark table td.footer .message {
  background-color: #282828;
  border-top: 1px solid #787c83;
  color: #FFF;
}
body.dark table td.footer .message + .send {
  fill: #787c83;
}
body.dark table td.footer .message:focus {
  border-top: 1px solid #b2281e;
}
body.dark table td.footer .message:focus + .send {
  fill: #b2281e;
}
body.dark .green-title {
  color: #77a23f;
}
body.dark .green-text {
  color: #8cc63f;
  fill: #8cc63f;
}
body.dark .dark-subtitle {
  color: #bcbec0;
}
body.dark .dark-text {
  color: #949698;
  fill: #949698;
}
body.dark .i-whatsapp {
  fill: #78a23f;
}
body.dark [placeholder]:empty::before {
  color: #555;
}
body.dark .media-table {
  background: rgba(0, 0, 0, 0.7);
}
body.dark .media-table tr td.thumbnail-container {
  background: rgba(0, 0, 0, 0.7);
  border-top: 1px solid #4a4a4a;
}
body.dark .media-table tr td.thumbnail-container:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
body.dark .media-table tr td.image-container {
  background-color: rgba(0, 0, 0, 0.7);
}
body.dark .media-table tr td.image-container:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
body.dark .media-table tr td.image-container .media-action-container svg {
  fill: #e9e9e9;
}
body.dark .media-table tr td.image-container .arrow-left, body.dark .media-table tr td.image-container .arrow-right {
  fill: #3e3e3e;
}
body.dark .media-table tr td.thumbnail-container ul li.active {
  background-color: rgba(255, 255, 255, 0.3);
}
body.dark .evz-modal {
  background-color: #272727;
}
body.dark .chat-tab-container-parent {
  background: #131313;
  border-top: 1px solid #91db91;
  border-bottom: 1px solid #91db91;
}
body.dark .chat-icon.chat-active {
  fill: #91db91;
}
body.dark .chat-icon.chat-disabled {
  fill: #f9ca24;
}
body.dark .evalyze-tabs .evalyze-chat-tab {
  border-left: 2px solid #91db91;
  background: #282828;
  border-top: 1px solid #787c83;
  border-bottom: 1px solid #787c83;
}
body.dark .evalyze-tabs .evalyze-chat-tab.active {
  background: rgba(137, 138, 142, 0.6);
}
body.dark .evalyze-tabs .evalyze-chat-tab.active .tab-icon > svg {
  fill: #badf60;
}
body.dark .evalyze-tabs .evalyze-chat-tab.active svg.tab-unread-messages {
  fill: #787c83;
}
body.dark .evalyze-tabs .evalyze-chat-tab .tab-icon > svg {
  fill: #91db91;
}
body.dark .evalyze-tabs .evalyze-tab {
  background: rgba(255, 0, 0, 0.2);
  border-top: 1px solid #e66758;
  border-bottom: 1px solid #e66758;
  background: #131313;
}
body.dark .evalyze-tabs .evalyze-tab .tab-icon > svg {
  fill: #f25949;
}
body.dark .evalyze-tabs .evalyze-tab.active {
  background-color: rgba(230, 103, 88, 0.24);
}
body.dark .evalyze-tabs .tab-unread-messages {
  fill: #787c83;
}
body.dark .evalyze-tabs .message-count {
  color: #ececec;
}
body.dark .evalyze-tabs .tab-identifier {
  color: #91db91;
}
body.dark .notification {
  fill: #696969;
}
body.dark .notification .notification-badge {
  background: #ee402f !important;
  color: #fff;
}
body.dark .notification .notification-container {
  background-color: #282828 !important;
  border-left: 1px solid #8f8f8f !important;
  border-bottom: 1px solid #8f8f8f !important;
  border-right: 1px solid #8f8f8f !important;
  border-top: 1px solid #8f8f8f !important;
}
body.dark .icon_consult {
  fill: #e5e5e5;
}
body.dark .notification-header {
  color: #e5e5e5;
}
body.dark .notification-list li {
  background: #181818;
}
body.dark .notification-list li .notification-title {
  color: #ee402f;
}
body.dark .notification-list li .notification-footer .notification-time {
  color: #949494;
}
body.dark .loader-over-top {
  background: rgba(12, 12, 12, 0.4) !important;
}
body.dark .inline-loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 60px;
  top: 0;
  left: 0;
  background: rgba(12, 12, 12, 0.4) url(/images/Loader_blue.svg) no-repeat center;
  background-size: 40px 40px;
}
body.dark .hierarchyAlert > span {
  background-color: #ad9a0a;
  color: #fff;
}
body.dark div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE {
  border: 1px solid #4c4c4c;
}
body.dark div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content {
  background: #1d1d1d;
}
body.dark div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
  background-color: #383838;
  border: none;
}
body.dark div.DTE_Field {
  border: none !important;
}
body.dark .email-container.email-collapsed {
  background-color: #282828;
  border: 1px solid #787c83;
}
body.dark .email-container {
  border: 1px solid #787c83;
}
body.dark .emailAttachmentContainer {
  background-color: var(--dark-900);
}
body.dark .thread-container:nth-child(odd) {
  background-color: #202020;
}
body.dark .thread-container:nth-child(even) {
  background-color: #383838;
}
body.dark .tags-container {
  background-color: var(--dark-800);
}
body.dark .tags-container .tag {
  background-color: var(--dark-900);
}
body.dark .tags-container input {
  background-color: var(--dark-800);
  color: #fff;
}
body.dark .btn_outline {
  background-color: #282828;
}
body.dark .email-has-attachments svg {
  fill: #e5e5e5;
}
body.dark div.dataTables_wrapper.no-footer.datatable-base {
  overflow: hidden;
}
body.dark div.dataTables_wrapper.no-footer.datatable-base tbody tr:nth-child(even) td {
  /*background-color: #1a1b1c;*/
}
body.dark div.dataTables_wrapper.no-footer.datatable-base tbody tr:nth-child(odd) td {
  /*background-color: $theme-main-bg-darkmode;*/
}
body.dark div.dataTables_wrapper.no-footer.datatable-base tbody tr:first-child td {
  border-top: 1px solid #8f8f8f;
}
body.dark div.dataTables_wrapper.no-footer.datatable-base tbody tr td {
  border-bottom: 1px solid #8f8f8f;
}
body.dark div.dataTables_wrapper.no-footer.datatable-base .input_container input:focus {
  background-color: #282828 !important;
}
body.dark .popout-actions {
  background-color: #282828;
  border: 1px solid #54575c;
  color: #FFF;
}
body.dark .DTED.DTED_Lightbox_Wrapper .DTE_Field:nth-child(even) {
  background-color: var(--dark-800) !important;
}
body.dark .DTED.DTED_Lightbox_Wrapper .DTE_Field:nth-child(odd) {
  background-color: var(--dark-900) !important;
}
body.dark div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  border-top: 1px solid #423f3f !important;
}
body.dark .DTE_Field input, body.dark .DTE_Field select {
  border: 1px solid var(--dark-700) !important;
  background-color: var(--dark-800) !important;
  color: #FFF;
}
body.dark .DTE_Field input:disabled, body.dark .DTE_Field select:disabled {
  border: 1px solid var(--dark-700) !important;
  background-color: var(--dark-700) !important;
}
body.dark .DTE_Field_EVZ .DTE_Field_Input select, body.dark .DTE_Field_EVZ .DTE_Field_Input input:not([type=button]) {
  border: 1px solid var(--dark-700) !important;
  background-color: var(--dark-800) !important;
}
body.dark .DTE_Field_EVZ .DTE_Field_Input input[type=button] {
  top: 12px;
  right: 12px;
}
body.dark .search-popup {
  background: rgba(0, 0, 0, 0.6);
}
body.dark .search-popup-container {
  background: #181818;
  border: 1px solid #787c83;
}
body.dark .search-popup-container input:not(.search-text):not([type=button]), body.dark .search-popup-container select {
  border: 1px solid #787c83;
  background-color: #181818;
  color: #FFF;
}
body.dark .search-popup-container input:disabled, body.dark .search-popup-container select:disabled {
  border: 1px solid #787c83;
  background-color: #282828;
}
body.dark .search-title {
  background-color: #2a2b2c;
  border-bottom: 1px solid #423d3d;
}
body.dark .editor-delete img {
  filter: invert(0.9);
}
body.dark .ajs-button.ajs-cancel:hover {
  background-color: var(--buttonHover);
  border: 1px solid var(--buttonHover);
}
body.dark .alertify .ajs-dialog {
  background-color: #434a52;
  box-shadow: 0px 0px 15px 0px #454c58;
}
body.dark .ajs-header {
  background-color: #383e46 !important;
  color: #ffffff;
}
body.dark .alertify .ajs-body .ajs-content {
  color: #ffffff;
}
body.dark .alertify .ajs-footer {
  background-color: #434a52;
}
body.dark .email-form-container .chat-container-ai {
  background-color: var(--chatBackgroundDark);
  border: 1px solid #282828;
}
body.dark #evalyze-ai {
  background-color: #282828;
  border: 1px solid var(--theme);
}
body.dark .input-container textarea {
  border: 1px solid #9b9a9b;
  border-right: none;
  background-color: #282828;
  color: #fff;
}
body.dark .left-bubble {
  background-color: var(--chatLeftDark);
  color: #Fff;
}
body.dark .right-bubble {
  background-color: var(--chatRightDark);
  color: #Fff;
}
body.dark .email-chat-container-title {
  color: #e5e5e5 !important;
}
body.dark .color1 {
  background-color: #282828;
}
body.dark .color2 {
  background-color: #181818;
}
body.dark fieldset.node, body.dark fieldset.color1, body.dark fieldset.color2 {
  border: 1px solid #3f3f3f;
}
body.dark .field-border {
  background: #181818;
  border: 1px solid #9b9a9b;
  color: #f8f8f8;
}
body.dark .btn_outline {
  background-color: transparent !important;
}
body.dark .anonymize-label-icon {
  fill: #FFF;
}
body.dark .anonymizer-popup {
  background: var(--dark-900);
  border: 2px solid var(--dark-800);
}
body.dark .anonymizer-title {
  background: var(--dark-800);
}
body.dark .anonymizer-sub-content {
  border-left: 1px solid var(--dark-800);
  border-right: 1px solid var(--dark-800);
  border-bottom: 1px solid var(--dark-800);
}
body.dark .anonymizer-content-editor {
  border: 1px solid var(--dark-800);
}
body.dark ul.anonymizer-fields-list li {
  border-top: 1px solid var(--dark-900);
}
body.dark ul.anonymizer-fields-list li:nth-child(even) {
  background-color: var(--dark-500);
}
body.dark ul.anonymizer-fields-list li:nth-child(odd) {
  background-color: var(--dark-600);
}
body.dark ul.anonymizer-fields-list li:last-child {
  border-bottom: 1px solid var(--dark-900);
}
body.dark ul.anonymizer-fields-list li.active {
  background-color: var(--dark-800);
}
body.dark ul.anonymizer-fields-list li:hover {
  background-color: var(--dark-900);
}
body.dark .generic-tab-item.tab-active {
  background-color: #3f3f3f !important;
  color: #ffffff !important;
}
body.dark ul.generic-tab .generic-tab-item {
  border-right: 1px solid #5b5b5b !important;
}
body.dark ul.generic-tab .generic-tab-item:hover {
  background-color: #3f3f3f !important;
}
body.dark .tab-element-generic ul li {
  border-bottom: 4px solid #272727;
}
body.dark .tab-element-generic ul li:hover {
  background-color: #404040 !important;
}
body.dark .tab-element-generic ul li:nth-child(odd) {
  background-color: #373737;
}
body.dark .tab-element-generic ul li:nth-child(even) {
  background-color: #1c1c1c;
}
body.dark .icon-dd {
  fill: #FFF;
}
body.dark .search-dd-options li .favorite {
  fill: #FFF;
}
body.dark .search-dd-options li.favorite-active .favorite {
  fill: #cfcf07;
}
body.dark .search-arrow {
  fill: #404040;
}
body.dark .search-dd-container {
  background: #404040;
}
body.dark .search-dd-container li:hover {
  background: #575757;
}
body.dark div.DTE div.DTE_Footer {
  background-color: var(--dark-800) !important;
}
body.dark div.DTE_Form_Content {
  background-color: var(--dark-700) !important;
  border: none !important;
}
body.dark .DTE_Header, body.dark .DTE_Header_Content {
  background-color: var(--dark-800) !important;
}
body.dark div.DTE_Field.DTE_Field_EVZ input[type=text], body.dark div.DTE_Field.DTE_Field_EVZ input[type=number], body.dark div.DTE_Field.DTE_Field_EVZ select {
  background-color: var(--dark-800);
  border: 1px solid var(--dark-700);
  color: #FFF;
}
body.dark div.DTE_Field.DTE_Field_EVZ input[type=text][readonly], body.dark div.DTE_Field.DTE_Field_EVZ input[type=number][readonly], body.dark div.DTE_Field.DTE_Field_EVZ select[readonly] {
  background-color: var(--dark-700);
}
body.dark div.DTE_Field.DTE_Field_EVZ input[type=text]:hover:not([readonly]), body.dark div.DTE_Field.DTE_Field_EVZ input[type=number]:hover:not([readonly]), body.dark div.DTE_Field.DTE_Field_EVZ select:hover:not([readonly]) {
  background-color: var(--dark-800);
}
body.dark .groupLabel, body.dark .form_title, body.dark .backoffice_wizard_title, body.dark .header-name.group-name {
  color: var(--theme-200) !important;
}
body.dark .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: var(--dark-800) !important;
}
body.dark .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff;
  background: var(--dark-800) !important;
}
body.dark .xdsoft_datetimepicker .xdsoft_calendar td:hover {
  background: var(--dark-800) !important;
  color: #fff;
}
body.dark .anonymize-label-icon-red {
  fill: var(--theme-200);
}
body.dark .ui-multiselect-checkboxes input[type=checkbox] {
  background-color: transparent !important;
}
body.dark .ui-multiselect-checkboxes input[type=checkbox]:checked {
  background-color: var(--theme) !important;
  border: 1px solid var(--theme) !important;
}
body.dark .ui-multiselect-checkboxes span {
  color: white !important;
}
body.dark .ui-multiselect-optgroup a {
  background-color: #282828;
}

.background {
  width: 100vw;
  height: 100vh;
  background: #fff url(/images/bg6.jpg) no-repeat center center !important;
  transform: rotate(180deg) !important;
  background-size: cover !important;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
  z-index: -1;
}

.login-table input {
  border: 1px solid #b1e4ff;
}

/* GENERAL STYLE */
/* Grid */
.fullwidth {
  width: 100%;
}

.gri2col {
  width: 50%;
}

.gri4col {
  width: 25%;
}

.gri5col {
  width: 20%;
}

/* Position */
.float_right {
  float: right;
}

.relative {
  position: relative;
  background-color: #fff;
  padding-top: 18px;
}

.position_right {
  text-align: right;
}

/* Margin */
.margin-right {
  margin-right: 10px;
}

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

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

.upper-case {
  text-transform: uppercase;
}

.lower-case {
  text-transform: lowercase;
}

/* Display */
.display-inlineblock {
  display: inline-block;
}

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

.visibility-hidden {
  visibility: hidden;
}

.align_top {
  vertical-align: top;
}

.btn_action {
  z-index: 1;
  margin-right: 10px;
  position: relative;
}

.form-top-actions-container {
  position: absolute;
  top: -8px;
  right: -10px;
  z-index: 1;
}

.evalyze-backButton {
  right: 65px !important;
  margin-right: 10px;
}

.helperSpan {
  margin: 36px 0 0 0;
  width: 300px;
  height: calc(100% - 195px);
  position: absolute;
  display: block;
  right: 40px;
  background-color: #f4f6f9;
}
.helperSpan > * {
  padding: 5px;
  display: block;
}
.helperSpan hr {
  padding: 0;
  margin: 17px auto 0 auto;
  width: 87%;
}
.helperSpan ul {
  list-style: circle;
  margin-left: 15px;
}
.helperSpan span.helperSpan_Title {
  margin-left: 15px;
  margin-right: 25px;
  margin-top: 3%;
  font-size: 17px;
  color: #181818;
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: bold;
}
.helperSpan .helperSpan_Content {
  margin: 0px 15px 0px 15px;
  font-size: 12px;
  line-height: 20px;
}
.helperSpan .helperSpan_Content hr {
  padding: 0;
  margin: 17px auto 0 auto;
  width: 100%;
}
.helperSpan .helperSpan_Content > span:not(.subTitle) {
  margin-bottom: 10px;
  display: block;
}
.helperSpan .helperSpan_Content .subTitle {
  color: var(--theme);
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 23px;
  margin-top: 16px;
  text-transform: uppercase;
}

body div.dataTables_wrapper.no-footer.datatable-base {
  /*overflow: hidden;*/
}
body div.dataTables_wrapper.no-footer.datatable-base thead tr, body div.dataTables_wrapper.no-footer.datatable-base tbody tr {
  /* th,*/
}
body div.dataTables_wrapper.no-footer.datatable-base thead tr td.has-tooltip:not(.dataTables_empty), body div.dataTables_wrapper.no-footer.datatable-base tbody tr td.has-tooltip:not(.dataTables_empty) {
  max-width: 120px !important;
  min-width: 120px !important;
  width: 120px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body div.dataTables_wrapper.no-footer.datatable-base thead tr td.has-tooltip:not(.dataTables_empty) .DTE_Form_Buttons, body div.dataTables_wrapper.no-footer.datatable-base tbody tr td.has-tooltip:not(.dataTables_empty) .DTE_Form_Buttons {
  display: none;
}
body div.dataTables_wrapper.no-footer.datatable-base thead tr th {
  border-bottom: none;
}
body div.dataTables_wrapper.no-footer.datatable-base tbody tr:nth-child(even) td {
  /*background-color: #FFF;*/
}
body div.dataTables_wrapper.no-footer.datatable-base tbody tr:nth-child(odd) td {
  /*background-color: $theme-main-bg-color;*/
}
body div.dataTables_wrapper.no-footer.datatable-base tbody tr:first-child td {
  border-top: 1px solid #e5e5e5;
}
body div.dataTables_wrapper.no-footer.datatable-base tbody tr td {
  border-bottom: 1px solid #e5e5e5;
}
body div.dataTables_wrapper.no-footer.datatable-base tbody tr:last-child td {
  border-bottom: none;
}
body div.dataTables_wrapper.no-footer.datatable-base .input_container {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 !important;
}
body div.dataTables_wrapper.no-footer.datatable-base .input_container label {
  display: none;
}
body div.dataTables_wrapper.no-footer.datatable-base .input_container input:focus {
  background-color: #fff !important;
}
body div.dataTables_wrapper.no-footer.datatable-base .dataTables_empty {
  width: 90vw;
}
body div.dataTables_wrapper.no-footer.datatable-base .dt-buttons {
  float: right;
}
body div.dataTables_wrapper.no-footer.datatable-base .dataTables_scrollBody, body div.dataTables_wrapper.no-footer.datatable-base .no-footer {
  border-bottom: none;
}
body div.dataTables_wrapper.no-footer.datatable-base .dataTables_length {
  float: left;
  margin-top: 1px;
}

/* Search box classes */
.search-container {
  width: 200px;
  height: 28px;
  border: 1px solid #9b9a9b;
  border-radius: 3px;
  margin: 0px 0 0 10px;
  display: flex;
}
.search-container * {
  box-sizing: border-box;
}
.search-container .search-button {
  float: left;
  margin: 6px 6px 0 6px;
}
.search-container .search-button svg {
  width: 15px;
  height: 15px;
  margin-right: 0px;
  fill: #686868;
}
.search-container .search-text {
  float: left;
  border: 0;
  outline: none;
  width: calc(100% - 20px - 9px);
  height: 26px;
  line-height: 28px;
  padding: 0 4px 0 4px;
  color: #797979;
  font-size: 11px;
  margin: 0;
  background-color: transparent;
}

/* chat */
.chat-container {
  background-color: #f7f7f7;
  display: table;
  float: left;
  min-height: 78vh;
  height: 100%;
}
.chat-container > * {
  box-sizing: border-box;
}
.chat-container .chat-header, .chat-container .chat-footer, .chat-container .chat-content {
  float: left;
  width: 100%;
}
.chat-container .chat-header {
  height: 50px;
  border-bottom: 1px solid #eaeaea;
  padding: 6px 12px;
}
.chat-container .chat-header .header-number {
  font-size: 14px;
  font-weight: bold;
  padding: 4px 0px;
}
.chat-container .chat-header .header-status {
  clear: both;
  font-size: 12px;
  color: #f8f8f8;
  padding: 2px 0px;
}
.chat-container .chat-footer {
  height: 40px;
  border-top: 1px solid #eaeaea;
}
.chat-container .chat-footer input.message {
  float: left;
  width: 92%;
  border: none;
  outline: none;
  color: #f8f8f8;
  font-size: 14px;
  padding: 0 0 0 13px;
  height: 40px;
  line-height: 40px;
  background-color: #f7f7f7;
}
.chat-container .chat-footer .i-send {
  float: right;
  width: 20px;
  fill: #888;
  margin: 11px 8px 8px 8px;
}
.chat-container .chat-content {
  height: calc(100% - 50px - 40px);
  display: inline-table;
}

.action-container {
  clear: both;
}

table.chat * {
  box-sizing: border-box;
  border-collapse: initial;
}

table.chat td {
  padding: initial;
}

table.chat td:hover {
  background-color: initial;
}

table.chat {
  width: 560px;
  height: 100%;
  background-color: #fdfdfd;
}

table td.header {
  height: 1px;
  padding: 0px 0px 10px;
}

table td.header table {
  width: 100%;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}

table td.header table tr td {
  padding: 4px;
}

table td.header table tr:last-child td {
  padding-bottom: 14px;
}

table td.header table .badge-container {
  width: 28px;
  vertical-align: top;
}

table td.header table .badge {
  position: relative;
}

table td.header table .badge svg {
  fill: #d5ddbf;
  left: 4px;
  margin: 8px 0px 0px 6px;
  width: 20px;
}

table td.header table .badge .badge-value {
  position: absolute;
  left: 6px;
  font-weight: bold;
  top: -26px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
}

table td.header table .header-spacer {
  width: 10%;
}

table td.header table .title {
  font-size: 17px;
  font-weight: bold;
  height: 38px;
  padding: 0 4px 8px 6px;
  vertical-align: bottom;
}

td.header.mini tr.mini td {
  padding: 0;
}
td.header.mini tr.mini td.green-text {
  padding-left: 30px;
}

td.header.mini tr.mini div {
  overflow: hidden;
  height: 0;
  padding-top: 0px;
  transition: height 0.3s, padding 0.3s;
}

td.header.mini:hover tr.mini td.green-text {
  padding-left: 30px;
}

td.header.mini:hover tr.mini div {
  height: 20px;
  padding-top: 2px;
  transition: height 0.3s, padding 0.3s;
}

td.header.mini:hover tr.mini:last-child div {
  padding-bottom: 14px !important;
}

table td.header table .title .number {
  float: left;
  letter-spacing: 1px;
  height: 20px;
  line-height: 22px;
}

table td.header table .sub-title {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

table td.header table .text {
  font-size: 11px;
}

table td.messages {
  padding: 0px 0px;
  display: table-cell;
  vertical-align: bottom;
}

table td.messages .message-container {
  width: 100%;
}

table td.messages .message-container .new-messages {
  width: 100%;
  height: 34px;
  position: relative;
  clear: both;
  overflow: hidden;
}

table td.messages .message-container .new-messages hr {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  top: 50%;
}

table td.messages .message-container .new-messages div {
  background-color: #FFF;
  border-radius: 22px;
  text-align: center;
  font-size: 9px;
  padding: 2px 0px;
  border: 1px solid #e5e5e5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  letter-spacing: 1px;
}

table td.messages .message-container .new-messages div svg,
table td.messages .message-container .new-messages div span {
  float: left;
}

table td.messages .message-container .new-messages div svg {
  height: 12px;
  margin-top: 0px;
}

table td.messages .message-container .new-messages div span {
  margin-top: 3px;
}

table td.messages .message-container .new-messages div svg:first-child {
  margin-left: 10px;
  margin-right: 4px;
}

table td.messages .message-container .new-messages div svg:last-child {
  margin-right: 10px;
  margin-left: 5px;
}

.box-message {
  background-color: #FFF;
  box-sizing: border-box;
  clear: both;
  margin: 6px 0;
  position: relative;
  font-size: 12px;
}
.box-message.own {
  border: 1px solid #a2ddff;
  float: right;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  max-width: 76%;
  text-align: justify;
  margin-right: 20px;
}
.box-message.own:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-width: 6px 6px 0 0;
  border-color: #FFF transparent transparent transparent;
  top: 9px;
  right: -6px;
  margin-top: -9px;
}
.box-message.own:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-width: 9px 8px 0 0;
  border-color: #a2ddff transparent transparent transparent;
  top: 10px;
  right: -8px;
  margin-top: -11px;
}
.box-message.own .message {
  padding: 10px;
  line-height: 1.6;
  white-space: pre-line;
}
.box-message.own .message img {
  max-width: 200px;
  max-height: 120px;
  cursor: pointer;
}
.box-message.own .detail {
  width: 100%;
  background-color: #d2e6f7;
  font-size: 11px;
  box-sizing: border-box;
  border-top: 1px solid #a2ddff;
  color: #337a98;
  white-space: nowrap;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.box-message.own .detail .status-container svg {
  margin: 4px 6px 0 4px;
  float: left;
}
.box-message.own .detail svg {
  fill: #337a98;
  float: left;
  width: 12px;
  margin: 2px 4px;
}
.box-message.own .detail .user {
  padding-top: 4px;
  padding-bottom: 3px;
}
.box-message.own .detail .time {
  padding-top: 4px;
  padding-right: 6px;
  font-weight: bold;
}
.box-message.own .detail .detail-spacer {
  width: 100%;
  min-width: 60px;
}
.box-message.own .detail table td {
  padding: 2px 0px;
}
.box-message.own .detail table td:first-child {
  padding-left: 6px;
}
.box-message.client {
  border: 1px solid #dcdcdc;
  float: left;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  max-width: 76%;
  text-align: justify;
  margin-left: 18px;
}
.box-message.client:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-width: 0 5px 6px 0;
  border-color: transparent #fff transparent transparent;
  top: 7px;
  left: -4px;
  margin-top: -7px;
}
.box-message.client:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-width: 0 6px 8px 0;
  border-color: transparent #dcdcdc transparent transparent;
  top: 8px;
  left: -6px;
  margin-top: -9px;
}
.box-message.client .message {
  padding: 10px;
  line-height: 1.6;
  white-space: pre-line;
}
.box-message.client .message img {
  max-width: 200px;
  max-height: 120px;
  cursor: pointer;
}
.box-message.client .detail {
  width: 100%;
  background-color: #eaeaea;
  font-size: 11px;
  box-sizing: border-box;
  border-top: 1px solid #dcdcdc;
  color: #636363;
  white-space: nowrap;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.box-message.client .detail svg {
  float: left;
  fill: #636363;
  width: 12px;
  margin: 2px 4px;
}
.box-message.client .detail .status-container svg {
  margin: 4px 6px 0 4px;
  float: left;
}
.box-message.client .detail .user {
  padding-top: 4px;
  padding-bottom: 3px;
}
.box-message.client .detail .time {
  padding-top: 4px;
  padding-right: 6px;
  font-weight: bold;
}
.box-message.client .detail .detail-spacer {
  width: 100%;
  min-width: 60px;
}
.box-message.client .detail table td {
  padding: 2px 0px;
}
.box-message.client .detail table td:first-child {
  padding-left: 6px;
}
table td.footer {
  height: 1px;
  padding: 14px 0px 0px 0px;
  position: relative;
}

table td.footer .message {
  min-height: 30px;
  float: left;
  width: 100%;
  background-color: #f1f1f1;
  border-top: 1px solid #d1d3d4;
  border-left: none;
  border-right: none;
  border-bottom: none;
  outline: none;
  box-sizing: border-box;
  font-size: 13px;
  padding: 6px 10px;
  overflow: auto;
  max-height: 81px;
  max-width: 560px;
  padding-right: 40px;
  resize: none;
  font-family: "Plus Jakarta Sans";
}

table td.footer .message + .send {
  fill: #d1d3d4;
  transition: fill 0.2s;
}

table td.footer .message + .send.active {
  fill: #eb6d4b;
  transition: fill 0.2s;
}

table td.footer .message:focus {
  border-top: 1px solid #eb6d4b;
  /*transition: all .3s;
  min-height: 60px;*/
}
table td.footer .message:focus + .send {
  fill: #eb6d4b;
}

/*
table td.footer .message:focus + .send {
    transition: all .3s;
}*/
table td.footer .send {
  position: absolute;
  right: 12px;
  top: 24px;
  width: 18px;
  cursor: pointer;
}

.green-title {
  color: #77a23f;
}

.green-text {
  color: #8cc63f;
  fill: #8cc63f;
}

.dark-subtitle {
  color: #bcbec0;
}

.dark-text {
  color: #949698;
  fill: #949698;
}

svg.green-text, svg.dark-text {
  float: left;
  height: 10px;
  margin: 2px 4px 0px 0px;
}

.i-whatsapp {
  fill: #78a23f;
  float: left;
  width: 20px;
  margin: 0px 6px 0px 0px;
}

[placeholder]:empty::before {
  content: attr(placeholder);
  color: #555;
}

[placeholder]:empty:focus::before {
  content: "";
}

.media-fullpage {
  position: fixed;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.media-fullpage * {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently */
}

.media-table {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 0;
  position: absolute;
}

.media-table tr td.thumbnail-container {
  height: 100px;
  background: rgba(255, 255, 255, 0.7);
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}
.media-table tr td.thumbnail-container:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

.media-table tr td.image-container {
  text-align: center;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  width: 100vw;
  height: 88vh;
}
.media-table tr td.image-container:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.media-table tr td.image-container .media-action-container {
  position: absolute;
  right: 20px;
  top: 20px;
}
.media-table tr td.image-container .media-action-container svg {
  width: 18px;
  margin: 4px 14px;
  fill: #4e4e4e;
  cursor: pointer;
}
.media-table tr td.image-container .arrow-left, .media-table tr td.image-container .arrow-right {
  position: absolute;
  top: 50%;
  width: 50px;
  transform: translate(0, -50%);
  fill: #ccc;
  cursor: pointer;
}
.media-table tr td.image-container .arrow-left {
  left: 40px;
}
.media-table tr td.image-container .arrow-right {
  right: 40px;
}

.media-table tr td.image-container img, .media-table tr td.image-container video {
  max-height: 80%;
  max-width: 80%;
}

.media-table tr td.thumbnail-container ul li {
  display: table-cell;
  padding: 0px 4px;
  width: 100px;
  height: 80px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

.media-table tr td.thumbnail-container ul li.active {
  background-color: rgba(0, 0, 0, 0.3);
}

.media-table tr td.thumbnail-container ul li img {
  max-height: 100%;
  max-width: 100%;
}

/*$transition: transition: width 0.2s;*/
.evalyze-tabs {
  position: fixed;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  z-index: 999999;
}
.evalyze-tabs .tab-icon svg {
  max-width: 20px;
  max-height: 20px;
  margin: 6px;
}
.evalyze-tabs .evalyze-chat-tab {
  width: 100%;
  height: 34px;
  box-sizing: border-box;
  margin: 1px 0px 1px 0px;
  border-left: 2px solid #8cc63f;
  background: #f1f1f1;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  float: right;
  transition: width 0.2s;
  position: relative;
  cursor: pointer;
}
.evalyze-tabs .evalyze-chat-tab:last-child {
  margin-bottom: 0;
}
.evalyze-tabs .evalyze-chat-tab.active {
  background: rgba(140, 198, 63, 0.1);
}
.evalyze-tabs .evalyze-chat-tab.active svg.tab-unread-messages {
  fill: #c2c2c2;
}
.evalyze-tabs .evalyze-chat-tab:hover {
  transition: width 0.2s;
  width: 180px;
}
.evalyze-tabs .evalyze-chat-tab:hover .tab-identifier {
  display: block;
  transition: display 0.2s;
}
.evalyze-tabs .evalyze-chat-tab .tab-icon > svg {
  fill: #9dbd4e;
}
.evalyze-tabs .evalyze-tab {
  width: 100%;
  height: 34px;
  box-sizing: border-box;
  border-top: 1px solid #e66758;
  border-bottom: 1px solid #e66758;
  margin: 1px 0px 1px 0px;
  float: right;
  position: relative;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
}
.evalyze-tabs .evalyze-tab .tab-icon > svg {
  fill: #df3d2c;
  margin-left: 14px;
}
.evalyze-tabs .evalyze-tab.active {
  background-color: rgba(230, 103, 88, 0.2);
}
.evalyze-tabs .tab-unread-messages {
  position: absolute;
  top: 3px;
  right: 3px;
  max-width: 14px;
  max-height: 30px;
  fill: #c2c2c2;
  z-index: 1;
}
.evalyze-tabs .message-count {
  position: absolute;
  z-index: 2;
  right: 4px;
  top: 4px;
  width: 13px;
  height: 14px;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  color: #616161;
}
.evalyze-tabs .tab-identifier {
  float: left;
  top: 10px;
  margin: 0;
  width: 10px;
  position: absolute;
  left: 34px;
  color: #8cc63f;
  font-size: 12px;
  display: none;
  letter-spacing: 1px;
}

.chat-tab-container-parent {
  margin-top: 114px;
  background: rgba(255, 255, 255, 0.6);
  display: flow-root;
  border-top: 1px solid #7fa22d;
  border-bottom: 1px solid #7fa22d;
}

.tab-container-parent {
  margin-top: 10px;
}

.chat-icon {
  width: 18px;
  margin: 4px 14px;
}
.chat-icon.chat-active {
  fill: #7fa22d;
}
.chat-icon.chat-disabled {
  fill: #f9ca24;
}

.status-widget {
  width: 50px;
  padding: 2px 0;
  cursor: pointer;
  position: relative;
}
.status-widget .status-text {
  width: 100%;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
}
.status-widget .status-badge {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 3px auto 3px auto;
}
.status-widget ul.status-list {
  position: absolute;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  margin-top: 0;
  top: 36px;
  z-index: 10;
  width: 100%;
}
.status-widget ul.status-list li {
  width: 100%;
  padding: 4px 2px;
  font-size: 12px;
  box-sizing: border-box;
}

.DTED.DTED_Lightbox_Wrapper .DTE_Footer {
  display: block;
  position: relative;
}
.DTED.DTED_Lightbox_Wrapper .DTE_Body {
  display: block;
  position: relative;
}
.DTED.DTED_Lightbox_Wrapper .DTE_Field:nth-child(odd) {
  background-color: #f1f1f1;
}
.DTED.DTED_Lightbox_Wrapper .DTE_Field:nth-child(even) {
  background-color: #fff;
}
.DTED.DTED_Lightbox_Wrapper .DTE_Field:hover {
  background-color: #f1f1f1;
}
.DTED.DTED_Lightbox_Wrapper .DTE_Field .input_container {
  padding: 0 !important;
  width: 50%;
}
.DTED.DTED_Lightbox_Wrapper .DTE_Field .input_container .input_label {
  padding: 0 !important;
  margin: 0 !important;
}
.DTED.DTED_Lightbox_Wrapper .DTE_Field .input_container .ui-button {
  width: calc(100% - 26px);
}

.btn.evz-style {
  padding: 7px 10px;
  font-size: 10px;
  border-radius: 5px;
  border: 1px solid #9b9a9b;
  color: #9b9a9b;
  background-color: transparent;
  text-transform: uppercase;
}
.btn.evz-style.btn_disabled, .btn.evz-style:disabled {
  opacity: 0.5;
}
.btn.evz-style:hover:not(.btn_disabled):not(:disabled):not(.btn_outline) {
  border: 1px solid var(--theme);
  color: var(--theme);
}

.btnMargin {
  margin-right: 10px;
}

/* New Modal */
.evz-modal {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 14px 14px 20px 14px;
  background-color: #f1f1f1;
  min-width: 50%;
  max-width: 70%;
  z-index: 10000;
  max-height: 100px;
  overflow: hidden;
}
.evz-modal.modal-success {
  border-left: 1px solid #04972d;
  border-top: 1px solid #04972d;
  border-right: 1px solid #04972d;
}
.evz-modal.modal-success h1.evz-modal-title {
  color: #04972d;
}
.evz-modal.modal-error {
  border-left: 1px solid #EE402F;
  border-top: 1px solid #EE402F;
  border-right: 1px solid #EE402F;
}
.evz-modal.modal-error h1.evz-modal-title {
  color: #EE402F;
}
.evz-modal.modal-expanded {
  max-height: 50vh;
}
.evz-modal .evz-modal-actions {
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
  margin: 6px;
  padding: 0;
}
.evz-modal .evz-modal-actions li {
  padding: 0;
  list-style: none;
  margin: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.evz-modal .evz-modal-actions li.evz-modal-expand, .evz-modal .evz-modal-actions li.evz-modal-close {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.evz-modal .evz-modal-actions li.evz-modal-expand {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
}
.evz-modal .evz-modal-actions li.evz-modal-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
}
.evz-modal h1.evz-modal-title {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}
.evz-modal h1.evz-modal-title img {
  float: left;
  margin: -2px 10px 0px 0px;
  width: 20px;
}
.evz-modal .evz-modal-content {
  overflow: auto;
  max-height: calc(50vh - 40px);
}
.evz-modal .evz-modal-content ul {
  list-style-type: circle;
  padding-left: 20px;
}
.evz-modal .evz-modal-content ul li {
  line-height: 20px;
  font-size: 14px;
}

.validation-button-container {
  width: 100%;
  float: left;
  height: 50px;
}

.DTE_Field_EVZ .DTE_Field_Input select, .DTE_Field_EVZ .DTE_Field_Input input:not([type=button]) {
  min-width: 100px !important;
  max-width: 120px !important;
  height: 25px !important;
  border: 1px solid #9b9a9b !important;
  /*display: inline-block !important;*/
  border-radius: 5px !important;
  margin: 0 0 0 -5px !important;
  background-color: none !important;
}
.DTE_Field_EVZ .DTE_Field_Input input[type=button] {
  top: 12px;
  right: 12px;
}

table.datatableImportationFilters td, table.datatableImportationFilters th {
  min-width: 160px;
  max-width: 190px;
}

table.datatableImportationMapping td, table.datatableImportationMapping th {
  min-width: 85px;
  max-width: 90px;
}

body table.datatableImportationMapping thead th {
  padding: 10px 10px !important;
}

table.datatableImportationMapping td:nth-child(1), table.datatableImportationMapping th:nth-child(1),
table.datatableImportationMapping td:nth-child(2), table.datatableImportationMapping th:nth-child(2) {
  min-width: 180px;
  max-width: 250px;
  padding-right: 30px;
}

table.datatableImportationMapping td:last-child, table.datatableImportationMapping th:last-child {
  width: 0 !important;
  padding: 0;
}

table.fixedHeader-floating {
  table-layout: auto !important;
}

.datagrid-entity-state-filter {
  margin: 1px 1px 0px 0px;
  width: 84px !important;
}

.loader-over-top {
  background: rgba(255, 255, 255, 0.4) !important;
  position: absolute !important;
  width: 100% !important;
  z-index: 1000000000 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none !important;
}

/* reports */
.export-container {
  width: 20% !important;
  position: relative;
}

.export-container button {
  position: absolute;
  top: -8px;
  margin: 0;
  padding: 0;
  float: left;
}

.download_icon {
  width: 16px;
  fill: #7b7b7b;
}

/* end reports */
.notification-container {
  max-height: 100px;
}

.notification-header {
  font-weight: bold;
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.notification-list li {
  /*border-bottom: 1px solid #ccc;*/
  padding: 10px;
  background: #fff;
  margin-bottom: 10px;
}
.notification-list li:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}
.notification-list li .notification-title {
  color: #ee402f;
  font-size: 12px;
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
}
.notification-list li .notification-description {
  font-size: 12px;
  line-height: 20px;
}
.notification-list li .notification-footer {
  margin: 4px 0 0 0;
  height: 12px;
}
.notification-list li .notification-footer .notification-time {
  font-size: 11px;
  color: #949494;
}
.notification-list li .notification-footer a {
  display: inline-block;
  float: right;
}

.icon_consult {
  width: 20px;
  height: 20px;
  fill: #4a494a;
}

.frame-fullscreen {
  display: inline-block;
  float: right;
  margin-right: 17px;
  cursor: pointer;
}
.frame-fullscreen svg {
  float: left;
  margin: 5px 5px 0px 0px;
  fill: #fff;
}

.fullscreen-desc {
  float: left;
}

.show-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: #FFF;
}

select {
  font-family: "Plus Jakarta Sans";
}
select * {
  font-family: "Plus Jakarta Sans";
}

*::selection,
*::-moz-selection {
  background: #FF0000 !important;
}

.inline-loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 60px;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.4) url(/images/Loader_blue.svg) no-repeat center;
  background-size: 40px 40px;
}

.readonly {
  pointer-events: none;
  background-color: #F1F1F1;
}

svg.icon_add {
  fill: var(--theme) !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 25px !important;
  height: 25px !important;
}

.hierarchyAlert {
  width: 100% !important;
  display: none;
}
.hierarchyAlert > span {
  padding: 10px;
  float: left;
  color: #000000;
  background-color: #f2d600;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.number-row {
  padding-bottom: 2px;
}

.child-menu.pauseoptions {
  text-align: left;
}

.tags-container {
  background-color: #fff;
}
.tags-container .tag {
  background-color: #d7d7d7;
}
.tags-container input {
  background-color: #fff;
  color: #4a494a;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0 9px;
  width: auto;
  margin: 2px 4px;
  font-size: 12px;
  height: 24px;
  text-transform: lowercase;
  min-width: 80px;
  overflow: auto;
}

.table_readonly tr {
  background-color: initial !important;
}
.table_readonly tr td {
  background-color: initial !important;
}

div.DTE div.editor_upload input[type=file] {
  display: block !important;
  right: 0;
  bottom: 0;
  max-width: initial !important;
  max-height: initial !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
}

div.DTE_Field.DTE_Field_EVZ input[type=text], div.DTE_Field.DTE_Field_EVZ input[type=number], div.DTE_Field.DTE_Field_EVZ select {
  min-width: initial !important;
  max-width: initial !important;
  border-radius: 3px !important;
  height: 30px !important;
  margin-left: 0px !important;
  box-sizing: border-box;
  width: 98.8%;
  margin: 8px 0px !important;
}
div.DTE_Field.DTE_Field_EVZ input[type=text][readonly], div.DTE_Field.DTE_Field_EVZ input[type=number][readonly], div.DTE_Field.DTE_Field_EVZ select[readonly] {
  background-color: #f1f1f1;
}
div.DTE_Field.DTE_Field_EVZ input[type=text][readonly]:hover, div.DTE_Field.DTE_Field_EVZ input[type=number][readonly]:hover, div.DTE_Field.DTE_Field_EVZ select[readonly]:hover {
  background-color: #f1f1f1;
}

div.DTE div.editor_upload {
  padding: 8px 0px !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info {
  padding: 1em 1em 1em 1em;
  margin: 0;
  font-size: 16px;
}

div.DTE div.editor_upload div.cell {
  display: table-cell;
  position: relative;
  width: 100%;
  vertical-align: top;
  box-sizing: border-box;
  padding-right: 0px !important;
  margin: 0 !important;
}

body div.dataTables_wrapper.no-footer.datatable-base tbody tr td.dt-center.editor-delete,
body div.dataTables_wrapper.no-footer.datatable-base tbody tr td.dt-center.editor-edit,
body div.dataTables_wrapper.no-footer.datatable-base thead tr th.dt-center.editor-delete,
body div.dataTables_wrapper.no-footer.datatable-base thead tr th.dt-center.editor-edit {
  max-width: initial !important;
  min-width: initial !important;
  width: 40px !important;
  text-align: center !important;
  padding: 0 !important;
}

.ui-multiselect-menu {
  z-index: 10003 !important;
}

.DTED.DTED_Lightbox_Wrapper .DTE_Field .input_container {
  padding: 0 !important;
  width: 98.8% !important;
}

.DTED.DTED_Lightbox_Wrapper .DTE_Field:nth-child(even) {
  background-color: #FFF !important;
}

.DTED.DTED_Lightbox_Wrapper .DTE_Field:nth-child(odd) {
  background-color: #FFF !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  border-top: 1px solid #f3f3f3 !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field:last-child {
  border-top: 1px solid #f3f3f3 !important;
  border-bottom: 1px solid #f3f3f3 !important;
  border-left: none !important;
  border-right: none !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
  background-color: #f3f3f3 !important;
}

.app_logo {
  width: 52px;
  height: 31px;
  background-size: 410px;
  background-position: 9px -21px;
  background-repeat: no-repeat;
}

.email-actions a {
  border: 1px solid var(--theme);
  border-radius: 4px;
  padding: 0px 10px;
  color: var(--theme);
  height: 24px;
  line-height: 24px;
  display: inline-block;
}
.email-actions a:hover {
  opacity: 0.8;
}

.emailAttachmentListContainer {
  order: 2;
}

.emailAttachmentContainer {
  display: inline-flex;
  margin: 4px 8px 4px 0px;
  background-color: #d7d7d7;
  padding: 0px 14px;
  border-radius: 6px;
  height: 26px;
  align-items: center;
  padding-bottom: 2px;
}

.emailAttachmentDelete .icon-remove {
  float: right;
  margin-left: 10px;
  margin-top: 3px;
  cursor: pointer;
}

.fileNameContainer {
  float: left;
  display: inline-block;
  height: 30px;
  line-height: 30px;
}

.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}

.header-has-attachments {
  width: calc(100% - 30px) !important;
}

.email-has-attachments {
  width: 28px !important;
  float: left;
  display: inline-block;
  height: 30px;
  margin-right: 2px;
  margin-top: 10px;
  position: relative;
}

.email-has-attachments svg {
  fill: #686868;
  width: 18px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
}

.no-margin {
  margin: 0 !important;
}

.password_hidden {
  display: none !important;
}

.popout-actions {
  position: absolute;
  top: 40px;
  right: -17px;
  background-color: #FFF;
  border: 1px solid #ececec;
  z-index: 10000;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.3);
}

.popout-action-li {
  text-align: left;
  padding: 6px 16px;
  font-size: 13px;
  cursor: pointer;
  padding: 12px 30px;
}

.popout-action-li:hover {
  color: var(--theme);
}

.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.search-popup-container {
  width: 80%;
  height: 80%;
  background: #fff;
  position: absolute;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
  border: 1px solid #fff;
  border-radius: 8px;
}

.search-title {
  width: 100%;
  height: 40px;
  background-color: #ececec;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pp-title {
  float: left;
  padding: 0;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  box-sizing: border-box;
}

.pp-close {
  float: right;
  font-weight: bold;
  font-size: 20px;
  height: 40px;
  padding-right: 10px;
  margin: 0;
  line-height: 32px;
  cursor: pointer;
  padding-top: 2px;
}

.search-form-container {
  width: 100%;
  box-sizing: border-box;
  float: left;
}

.search-input-container {
  width: 25%;
  float: left;
}

.search-input-container {
  padding: 0px 4px 10px 4px;
  box-sizing: border-box;
}
.search-input-container label {
  font-size: 13px;
}
.search-input-container input, .search-input-container select {
  width: 100%;
  margin: 4px 0 0 0;
}

.search-input-filters-container {
  width: 100%;
  padding: 0 3px 10px 3px;
  float: left;
  box-sizing: border-box;
}
.search-input-filters-container .search-modal {
  float: right;
}

.search-table-container {
  padding: 0 3px;
  box-sizing: border-box;
}

.search-c {
  padding: 10px 7px;
  float: left;
  width: 100%;
  height: calc(100% - 40px);
  box-sizing: border-box;
  overflow: auto;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  background-color: var(--theme);
  color: #FFF;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button.ajs-cancel {
  background-color: transparent;
  color: var(--theme);
  border: 1px solid var(--theme);
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button.ajs-cancel:hover {
  background-color: transparent;
  color: var(--buttonHover);
  border: 1px solid var(--buttonHover);
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button:hover {
  background-color: var(--buttonHover);
  color: #FFF;
  border: 1px solid var(--buttonHover);
}

a.disabled {
  pointer-events: none !important;
  text-decoration: none;
  color: #9f9f9f !important;
  border-color: #9f9f9f !important;
}

/** Query Builder*/
.advanced-distribution {
  margin-top: 16px;
}

.advanced-distribution fieldset {
  width: 100%;
  padding: 10px;
  position: relative;
}

legend {
  padding: 0 10px;
}

.query-part {
  border: 1px solid #000;
  margin: 10px 0 0 0;
  width: 100%;
  float: left;
  padding: 10px;
}

.query-part div {
  float: left;
  padding: 0 10px;
}

.color1 {
  background-color: #fcfcfc;
  /*border: 1px solid #838383;*/
}

.color2 {
  background-color: #f4f4f4;
  /*border: 0px solid #838383;*/
}

.actions {
  float: left;
}

.actions input[type=button] {
  float: left;
  margin: 0 4px 0 0;
  /*border-left: none;*/
  color: #fff;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  border-radius: 0;
}

.actions input[type=button]:hover {
  /*background-color: #268cc1;*/
}

.field-information, .connector {
  padding: 10px 0px 0px 0px;
}

hr {
  border: none;
  height: 1px;
  background-color: #e2dada;
}

.field-expressions {
  padding: 5px;
  margin: 0px 0 10px 0 !important;
}

.color1 > .field-expressions {
  border: 0px solid #838383;
}

.color2 > .field-expressions {
  border: 0px solid #838383;
}

fieldset.field-expressions {
  margin: 4px 4px;
  width: auto;
  float: left;
}

fieldset.field-expressions:first-of-type {
  margin-left: 0;
}

.expressions-settings {
  float: left;
  width: auto;
  margin: 4px 10px 4px 0;
  border: 1px solid #ebe8e8;
}

.outer-connector {
  padding: 4px 0;
  width: 100%;
  float: left;
}

.field-expressions-container {
  padding-bottom: 4px;
  display: flex;
}

label {
  font-size: 12px;
}

.field-border {
  background: #fff;
  border: 1px solid #9b9a9b;
  color: #4a494a;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  border-radius: 3px;
}

span.field-border {
  padding: 0px !important;
  border: none;
}

span.field-border label {
  display: none;
}

.order-conditions fieldset {
  margin-bottom: 10px;
}

.order-conditions fieldset:last-child {
  margin-bottom: 0px;
}

span.alignment {
  min-height: 30px;
  line-height: 30px;
  float: left;
  margin: 0 6px 0 0;
  display: inline-block;
}

span.alignment span[evalyze-multiselect] {
  float: left;
  width: 100%;
  min-width: 356px;
}

span.alignment input, span.alignment select, span.alignment label, span.alignment {
  float: left;
}

span.alignment textarea {
  min-height: 30px;
}

span.checkbox-container {
  float: left;
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin-right: 12px;
}

span.checkbox-container label {
  margin-right: 4px;
}

span.checkbox-container input {
  margin: 1px 0 0 0;
}

/* Anonymizer */
.anonymizer-background {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  z-index: 10000;
  align-items: center;
  justify-content: center;
}

.anonymizer-popup {
  width: 70vw;
  height: 70vh;
  background: #fff;
  border: 2px solid #f6f6f6;
  display: flex;
  flex-direction: column;
}

.anonymizer-title {
  display: flex;
  background: #ccc;
  height: 30px;
  align-items: center;
  padding: 5px;
  font-weight: bold;
  font-size: 14px;
  justify-content: space-between;
}

.anonymizer-content {
  display: flex;
  flex: 1 1 auto;
  height: calc(100% - 30px - 42px);
  padding: 4px;
}

.anonymizer-footer {
  padding: 5px;
  float: left;
  text-align: right;
  line-height: 39px;
}

.evz-form-cancel-action {
  min-height: 35px !important;
  height: 35px !important;
  display: inline-block;
  line-height: 35px;
  padding: 0 16px;
}

.anonymizer-fields {
  width: 200px;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-right: 5px;
}

.anonymizer-contents {
  flex-grow: 1;
  flex-direction: column;
  display: flex;
  margin-right: 5px;
}

.anonymizer-tags {
  display: flex;
  flex-direction: column;
  width: 300px;
}

.anonymizer-sub-title {
  display: flex;
  height: 30px;
  background-color: var(--theme);
  color: #FFF;
  align-items: center;
  padding: 5px;
}

.anonymizer-sub-content {
  overflow: hidden;
  flex: 1;
  padding: 5px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.anonymizer-sub-content-buttons {
  flex: 0 1 auto;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}

.anonymizer-content-editor {
  height: 100%;
  padding: 6px;
  border: 1px solid #CCC;
  white-space: pre-wrap;
  overflow: auto;
}

ul.anonymizer-fields-list {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
ul.anonymizer-fields-list li {
  margin: 0px 0;
  padding: 8px 4px;
  width: 100%;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
}
ul.anonymizer-fields-list li:nth-child(even) {
  background: #FFF;
}
ul.anonymizer-fields-list li:nth-child(odd) {
  background-color: #f4f6f9;
}
ul.anonymizer-fields-list li:hover, ul.anonymizer-fields-list li.active {
  background-color: #e9e9e9;
}
ul.anonymizer-fields-list li:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.evalyze-anonymizer-tag.active-tag {
  color: #FFF !important;
  background-color: #2d96d3 !important;
}

.evalyze-anonymizer-tag {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}

.anonymizer-tag-item {
  padding: 4px;
  background-color: #f6f6f6;
  border-radius: 4px;
  border: 1px solid #d0d0d0;
  float: left;
  margin: 5px 2px;
  cursor: pointer;
}
.anonymizer-tag-item:hover {
  background-color: #d0d0d0;
}

.no-padding {
  padding: 0;
}

.anonymize-sub-menu {
  right: 2px;
  position: absolute;
  top: 37px;
  background-color: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.3);
  left: auto;
}

.anon-sub-menu {
  display: inline-block;
}

.hidden {
  display: none !important;
}

.sub-menu-arrow {
  position: absolute;
  top: 34px;
  z-index: 1000;
}

.sub-menu-arrow svg {
  fill: #fff;
  transform: rotate(91deg);
  position: absolute;
  top: -10px;
  width: 30px;
  filter: drop-shadow(-4px 0px 3px rgba(0, 0, 0, 0.1));
}

[contenteditable=true] {
  user-select: text;
}

[contenteditable=true] .tag {
  user-select: none;
  -webkit-user-modify: read-only;
}

input.btn[disabled] {
  opacity: 0.6;
  pointer-events: none;
}

.anonymizer-loader {
  width: 100%;
  height: 100%;
  background: transparent url(/images/Loader_blue.svg) no-repeat center center;
  background-size: 40px 40px;
}

.anonymize-label-icon {
  width: 14px;
  margin-left: 6px;
}

.anonymize-label-icon-red {
  width: 14px;
  margin-left: 6px;
  fill: var(--theme);
}

.search-modal-add {
  float: right;
  margin-top: 16px;
}

.icon-advanced-query {
  display: block;
  width: 30px;
  height: calc(100% - 1px);
  border-left: 1px solid #9b9a9b;
  position: relative;
  cursor: pointer;
  margin-top: 1px;
}

.search-query {
  width: 22px;
  fill: #686868;
  margin-left: 2px;
  margin-top: 2px;
  cursor: pointer;
}

.search-dd-container {
  position: absolute;
  top: 35px;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.search-arrow {
  width: 16px;
  color: #fff;
  fill: #ffffff;
  transform: rotate(90deg);
  position: absolute;
  right: 6px;
  top: -9px;
}

.search-dd-options {
  max-height: 260px;
  overflow: auto;
  padding: 7px 0;
  min-width: 198px;
}

.search-dd-options li {
  white-space: nowrap;
  font-size: 13px;
  padding: 0px 6px 0px 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-dd-options li span.icon-fav {
  width: 16px;
  height: 16px;
  margin-left: 6px;
}

.search-dd-options li .favorite {
  width: 16px;
  fill: #4f4f4f;
  display: none;
}

.search-dd-options li.favorite-active .favorite {
  width: 16px;
  fill: #cfcf07;
  display: block;
}

.search-dd-options li:hover {
  background-color: #ccc;
}

.search-dd-options .opt-text {
  width: 100%;
  padding: 6px 0;
}

.search-dd-options li:hover .favorite {
  display: block;
}

.g-icon-expand {
  background: transparent url(/images/icon-expand-blue.svg) no-repeat center center;
  background-size: 16px 16px;
}

.g-icon-collapse {
  background: transparent url(/images/icon-collapse-blue.svg) no-repeat center center;
  background-size: 16px 16px;
}

.ui-multiselect-expand-collapse {
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin-left: 4px;
  margin-top: 4px;
}

.evalyze-chart-container {
  position: relative;
  min-height: 80px;
  float: left;
  display: flex;
  flex-direction: column;
}
.evalyze-chart-container h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.evalyze-chart-type-container {
  position: absolute;
  top: 4px;
  right: 4px;
}

.chart-type-sub-container {
  display: inline-block;
  background-color: #e1e1e1;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.chart-type-button {
  display: inline-block;
  cursor: pointer;
}
.chart-type-button.active {
  background-color: #fefefe;
}
.chart-type-button:last-child {
  border-right: none;
}

div[data-type] {
  flex-grow: 1;
  display: flex;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: var(--buttonHover) !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff;
  background: var(--buttonHover) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover {
  background: var(--buttonHover) !important;
  color: #fff;
}

.by-closer {
  height: 16px;
  margin-left: 4px;
}

.tooltipster-content {
  word-break: break-word !important;
}

#usersManagementNew .dataTables_empty {
  position: relative !important;
  z-index: 2 !important;
  text-align: left !important;
  padding-left: 10px !important;
  background-color: transparent;
}

#usersManagementNew .DTFC_NoData:hover td, #usersManagementNew .DTFC_NoData:hover th {
  background-color: transparent !important;
}

/*.spread_hover:empty {
    background-color: transparent !important;
}*/
/*#usersManagementNew .usersDataTable {
    th, td {
        white-space: nowrap;
    }
}*/
.display-name-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  max-width: 200px;
}

td.has-tooltip:not(.dataTables_empty) {
  max-width: 200px !important;
  width: 200px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div[data-type=graph] {
  position: relative;
}
div[data-type=graph] canvas {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}

/*.email-header-container {
    display: flex;
    width: 100%;
}

.email-header-container b {
    font-weight: bold;
}

.email-header-attachments,
.email-header-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    white-space: nowrap;
}


.email-header-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.email-header-row {
    display: flex;
}

.email-header-cell {
    flex: 1;
    padding: 4px;
}

.email-header-double-cell {
    flex: 2;
}*/
.email-header-container {
  display: flex;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}

.email-header-container b {
  font-weight: bold;
}

.email-header-attachments, .email-header-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  white-space: nowrap;
  min-width: 0;
}

.email-header-buttons {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: end;
  align-items: end;
  min-width: 300px;
}

.email-header-content:first-child .email-header-row:first-child .email-header-cell:last-child {
  /*justify-content: end;*/
}

.email-header-attachments {
  align-items: start;
  padding-top: 4px;
}

.email-header-attachments svg {
  fill: #686868;
  width: 18px;
}

.email-header-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.email-header-row {
  display: flex;
}

.email-header-cell {
  flex: 1;
  padding: 4px;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}

/*.email-header-row.to-cc-row > */
.email-header-cell span {
  float: left;
  max-width: fit-content !important;
}

.email-header-cell b {
  flex-shrink: 0;
}

.email-header-cell span {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
  padding: 2px 0;
}

.email-header-double-cell {
  flex: 2;
}

.email-actions a {
  margin: 0 2px;
  cursor: pointer;
}

.email-actions a:last-child {
  margin-right: 0px !important;
}

.email-collapsed .to-cc-row {
  display: none;
}

.clipboard_container .clipboard_icon.clipboard_textarea {
  right: 2px !important;
}

.ui-multiselect-header span.ui-icon {
  margin-top: -1px !important;
}

.ui-multiselect-checkboxes {
  /* Style the checked state with red background */
  /* Create the checkmark using :after */
}
.ui-multiselect-checkboxes .ui-multiselect-optgroup a {
  background-color: #f3f3f3;
}
.ui-multiselect-checkboxes input[type=checkbox] {
  /* Remove default browser styling */
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 16px !important;
  height: 15px !important;
  background-color: transparent !important;
  border: 1px solid #9b9a9b !important;
  border-radius: 4px !important;
  position: relative !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  margin: 0px 8px 3px 3px;
}
.ui-multiselect-checkboxes input[type=checkbox]:checked {
  background-color: var(--theme) !important;
  border: 1px solid var(--theme) !important;
}
.ui-multiselect-checkboxes input[type=checkbox]:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 2px !important;
  width: 2px !important;
  height: 6px !important;
  border: solid white !important;
  border-width: 0 3px 3px 0 !important;
  transform: rotate(45deg) !important;
}

.ui-multiselect-checkboxes li:hover input [type=checkbox], .ui-multiselect-checkboxes .ui-state-hover input [type=checkbox] {
  border: 1px solid transparent !important;
}

.ui-multiselect-close {
  display: none !important;
}

/* Field Rules Form Styles */
.field-rules-form-group {
  margin-bottom: 0px;
}

.field-rules-container {
  border: 1px solid #e0e0e0;
  /*border-radius: 8px;*/
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #f4f4f4;
  float: left;
  width: 100%;
}

.field-rules-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.field-rules-header-small {
  margin-bottom: 10px;
}

.field-rules-header-right {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.field-rules-title {
  margin: 0;
}

.field-rules-required {
  color: red;
}

.field-rules-dependency-section {
  border: 1px solid #d0d0d0;
  /*border-radius: 6px;*/
  padding: 10px 10px 0px 10px;
  margin-top: 10px;
  background: white;
}

.field-rules-dependency-container {
  border: 1px solid #e8e8e8;
  /*border-radius: 4px;*/
  padding: 10px;
  margin-bottom: 10px;
  background: #f4f4f4;
}

.field-rules-dependency-fields {
  margin-top: 10px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  padding: 10px 10px 0px 10px;
  /*border-radius: 5px;*/
}

.field-rules-dependency-field {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
  background: white;
}

.field-rules-empty-message {
  color: #999;
  font-style: italic;
  text-align: center;
  margin: 10px 0;
}

.field-rules-button-container {
  margin-top: 10px;
}

.field-rules-cancel-button {
  pointer-events: auto;
}

.field-rules-dependency-section .input_container,
.destination-field-container .input_container {
  margin: 0px;
  padding-top: 0px !important;
}

:disabled::placeholder,
[readonly]::placeholder {
  color: transparent;
  opacity: 0;
}